PageSourceSearch

https://www.soniaroselli.com/collections/shop-all

html soniaroselli.com collected 2026-10-03 21:26:34 UTC 1,501,243 bytes, 20,979 lines download raw bytes

1<!doctype html>
2<html class="no-js " lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <meta name="theme-color" content="">
8    
9      <link rel="canonical" href="https://www.soniaroselli.com/collections/shop-all">
10    
11<link rel="icon" type="image/png" href="//www.soniaroselli.com/cdn/shop/files/Black_without_edge.png?crop=center&height=32&v=1711141572&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
12      Shop All
13 &ndash; Sonia Roselli Skincare</title>
14    
15      <meta name="description" content="Tired of a 20-step routine that still leaves your skin and makeup looking less than perfect? Sonia Roselli skincare does double duty — gentle Japanese formulas that hydrate and nourish all skin types, including sensitive and reactive skin, AND prep it for flawless makeup. No fragrance. No harsh acids. Less products, better skin.">
16    
17    <link href="//www.soniaroselli.com/cdn/shop/t/201/assets/theme.css?v=5702437124814258051782713517" rel="stylesheet" type="text/css" media="all" />
18    
19    
20    <link rel="preload" href="//www.soniaroselli.com/cdn/shop/t/201/assets/secondary-css.css?v=124842348671814217191782713516" as="style" onload="this.onload=null;this.rel='stylesheet'">
21    <noscript>
22      <link rel="stylesheet" href="//www.soniaroselli.com/cdn/shop/t/201/assets/secondary-css.css?v=124842348671814217191782713516">
23    </noscript>
24    <link rel="preload" href="//www.soniaroselli.com/cdn/shop/t/201/assets/theme-md.css?v=151260671671375736911782713517" as="style" media="(min-width: 768px)">
25    <link rel="stylesheet" href="//www.soniaroselli.com/cdn/shop/t/201/assets/theme-md.css?v=151260671671375736911782713517" type="text/css" media="(min-width: 768px)">
26    <link rel="preload" href="//www.soniaroselli.com/cdn/shop/t/201/assets/theme-lg.css?v=86808408100825652321782713516" as="style" media="(min-width: 1024px)">
27    <link rel="stylesheet" href="//www.soniaroselli.com/cdn/shop/t/201/assets/theme-lg.css?v=86808408100825652321782713516" type="text/css" media="(min-width: 1024px)">
28    <link rel="preload" href="//www.soniaroselli.com/cdn/shop/t/201/assets/theme-xl.css?v=32779135562416466511782713516" as="style" media="(min-width: 1280px)">
29    <link rel="stylesheet" href="//www.soniaroselli.com/cdn/shop/t/201/assets/theme-xl.css?v=32779135562416466511782713516" type="text/css" media="(min-width: 1280px)">
30    
31    
32    
33<link rel="preload" href="//www.soniaroselli.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2" as="font" type="font/woff2" crossorigin="anonymous" fetchpriority="high" />
34    
35    
36    
37
38<meta property="og:site_name" content="Sonia Roselli Skincare">
39<meta property="og:url" content="https://www.soniaroselli.com/collections/shop-all">
40<meta property="og:title" content="Shop All">
41<meta property="og:type" content="website">
42<meta property="og:description" content="Tired of a 20-step routine that still leaves your skin and makeup looking less than perfect? Sonia Roselli skincare does double duty — gentle Japanese formulas that hydrate and nourish all skin types, including sensitive and reactive skin, AND prep it for flawless makeup. No fragrance. No harsh acids. Less products, better skin."><meta property="og:image" content="http://www.soniaroselli.com/cdn/shop/files/Generated_with_Kive.ai_-_Skincare_product_collection_Sleek_Monolith_sitting_upright.png?v=1786676316">
43  <meta property="og:image:secure_url" content="https://www.soniaroselli.com/cdn/shop/files/Generated_with_Kive.ai_-_Skincare_product_collection_Sleek_Monolith_sitting_upright.png?v=1786676316">
44  <meta property="og:image:width" content="2304">
45  <meta property="og:image:height" content="1856"><meta name="twitter:card" content="summary_large_image">
46<meta name="twitter:title" content="Shop All">
47<meta name="twitter:description" content="Tired of a 20-step routine that still leaves your skin and makeup looking less than perfect? Sonia Roselli skincare does double duty — gentle Japanese formulas that hydrate and nourish all skin types, including sensitive and reactive skin, AND prep it for flawless makeup. No fragrance. No harsh acids. Less products, better skin.">
48<style data-shopify>@font-face {
49  font-family: Jost;
50  font-weight: 400;
51  font-style: normal;
52  font-display: swap;
53  src: url("//www.soniaroselli.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"),
54       url("//www.soniaroselli.com/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff");
55}
56
57  @font-face {
58  font-family: Jost;
59  font-weight: 400;
60  font-style: normal;
61  font-display: swap;
62  src: url("//www.soniaroselli.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"),
63       url("//www.soniaroselli.com/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff");
64}
65
66  @font-face {
67  font-family: Jost;
68  font-weight: 400;
69  font-style: normal;
70  font-display: swap;
71  src: url("//www.soniaroselli.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"),
72       url("//www.soniaroselli.com/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff");
73}
74
75  @font-face {
76  font-family: Jost;
77  font-weight: 400;
78  font-style: normal;
79  font-display: swap;
80  src: url("//www.soniaroselli.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"),
81       url("//www.soniaroselli.com/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff");
82}
83
84  @font-face {
85  font-family: Newsreader;
86  font-weight: 200;
87  font-style: italic;
88  font-display: swap;
89  src: url("//www.soniaroselli.com/cdn/fonts/newsreader/newsreader_i2.6fa7e79ada3d3472b0bbef072304661e3c47c233.woff2") format("woff2"),
90       url("//www.soniaroselli.com/cdn/fonts/newsreader/newsreader_i2.7e0d274f114d8e9bd0867a8a4b89e37c9e7b0562.woff") format("woff");
91}
92
93
94  @font-face {
95  font-family: Jost;
96  font-weight: 700;
97  font-style: normal;
98  font-display: swap;
99  src: url("//www.soniaroselli.com/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2") format("woff2"),
100       url("//www.soniaroselli.com/cdn/fonts/jost/jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff") format("woff");
101}
102
103  @font-face {
104  font-family: Jost;
105  font-weight: 400;
106  font-style: italic;
107  font-display: swap;
108  src: url("//www.soniaroselli.com/cdn/fonts/jost/jost_i4.b690098389649750ada222b9763d55796c5283a5.woff2") format("woff2"),
109       url("//www.soniaroselli.com/cdn/fonts/jost/jost_i4.fd766415a47e50b9e391ae7ec04e2ae25e7e28b0.woff") format("woff");
110}
111
112  @font-face {
113  font-family: Jost;
114  font-weight: 700;
115  font-style: italic;
116  font-display: swap;
117  src: url("//www.soniaroselli.com/cdn/fonts/jost/jost_i7.d8201b854e41e19d7ed9b1a31fe4fe71deea6d3f.woff2") format("woff2"),
118       url("//www.soniaroselli.com/cdn/fonts/jost/jost_i7.eae515c34e26b6c853efddc3fc0c
118552e0de63757.woff") format("woff");
119}
120
121  @font-face {
122  font-family: Jost;
123  font-weight: 400;
124  font-style: normal;
125  font-display: swap;
126  src: url("//www.soniaroselli.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"),
127       url("//www.soniaroselli.com/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff");
128}
129�</style>
130<style data-shopify>:root,
131  *:before {
132    --base-font-size: 0.9625rem;
133    --font-size-medium-mobile: 0.99rem;
134    --font-size-medium: 1.1rem;
135    --font-size-small: 0.6875rem;
136    --font-size-small-mobile: 0.61875rem;
137    --font-size-normal: 0.825rem;
138    --font-size-normal-mobile: 0.7425rem;
139    --font-size-large: 1.375rem;
140    --font-size-large-mobile: 1.2375rem;
141    --heading-highlight-font-size: 100%;
142    --h1-font-size: 3.825rem;
143    --h2-font-size: 2.25rem;
144    --h3-font-size: 1.35rem;
145    --h4-font-size: 1.2375rem;
146    --h5-font-size: 1.125rem;
147    --h6-font-size: 1.0125rem;
148    --base-font-size-mobile: 0.86625rem;
149    --h1-font-size-mobile: 1.9125rem;
150    --h2-font-size-mobile: 1.35rem;
151    --h3-font-size-mobile: 0.945rem;
152    --h4-font-size-mobile: 0.86625rem;
153    --h5-font-size-mobile: 0.7875rem;
154    --h6-font-size-mobile: 0.70875rem;
155    --rating-star-size: 0.77rem;
156    --border-radius: 6px;
157    --page-width: 1400px;
158    --width-countdown: 8.6625rem;
159    --font-menu: Jost, sans-serif;
160    --font-menu-weight: 400;
161    --font-menu-style: normal;
162    --font-button: Jost, sans-serif;
163    --font-button-weight: 400;
164    --font-button-style: normal;
165    --font-body-family: Jost, sans-serif;
166    --font-body-style: normal;
167    --font-body-weight: 400;
168    --font-heading-family: Jost, sans-serif;
169    --font-heading-highlight: Newsreader, serif;
170    --font-heading-highlight-style: italic;
171    --font-heading-highlight-weight: 200;
172    --font-heading-style: normal;
173    --font-heading-weight: 400;
174    --heading-text-tranform: capitalize;
175    --advanced-sections-spacing: 0px;
176    --divider-spacing: -0;
177
178    --colors-pulse-speech: 104, 102, 72;
179    --image-treatment-overlay: 15, 14, 14;
180    --image-treatment-text: 255, 255, 255;
181    --colors-line-and-border: 233, 227, 222;
182    --colors-line-and-border-base: 233, 227, 222;
183    --colors-line-header: 233, 227, 222;
184    --colors-line-footer: 233, 227, 222;
185    --colors-background: 255, 255, 255;
186    --colors-text: 45, 45, 43;
187    --colors-text-base: 45, 45, 43;
188    --colors-heading: 29, 29, 29;
189    --colors-heading-base: 29, 29, 29;
190    --colors-background-secondary: 239, 236, 230;
191    --colors-text-secondary: 31, 31, 30;
192    --colors-heading-secondary: 15, 13, 13;
193    --colors-text-link: 45, 45, 43;
194    --background-color:  255, 255, 255;
195    --background-color-base:  255, 255, 255;
196    --background-color-header: 255, 255, 255;
197    --colors-text-header: 84, 63, 39;
198    --background-color-footer: 255, 255, 255;
199    --colors-text-footer: 29, 29, 29;
200    --colors-heading-footer: 29, 29, 29;
201    --colors-text-link-footer: 239, 87, 5;
202    --color-error: 156, 63, 70;
203    --color-success: 76, 90, 82;
204    --colors-price: 42, 26, 31;
205    --colors-price-sale: 195, 57, 4;
206    --colors-button-text: 241, 241, 240;
207    --colors-button: 49, 49, 49;
208    --colors-button-text-hover: 31, 31, 30;
209    --colors-secondary-button: 84, 63, 39;
210    --colors-button-hover: rgb(247, 247, 246);
211    --colors-cart: 31, 31, 30;
212    --colors-cart-text: 255, 255, 255;
213    --colors-icon-rating: 168, 124, 47;
214    --colors-transition-arrows: 0, 0, 0;
215    --color-highlight: rgb(29, 29, 29);
216    --background-pagination-slideshow: 40, 41, 40;
217    --text-color-pagination-slideshow: 255, 255, 255;
218    
219      --background-secondary-button: 241, 241, 240;
220      --colors-line-secondary-button: 241, 241, 240;
221    
222    
223    
224      --height-parallax: 100%;
225    
226    
227      --image-zoom: 1.05;
228    
229    --card-product-bg: rgba(0,0,0,0);
230    --card-product-padding: 20px;
231    --card-product-padding-mobile: 8px;
232    --card-product-alignment: center;
233    
234    --width-scrollbar: 0;
235    --card-product-ratio: 0.0%;
236    --card-product-img-position:  inherit;
237    --card-product-img-height:  auto;
238    --card-product-img-zoom:  scale(1.1);
239    --height-header: 0px;
240    --transition-card-loading: 500ms;
241    --transition-card-image-hover: 400ms;
242    --transition-slideshow: 500ms;
243    --transition-image-hover: 500ms;
244  }
245  .dark,
246  .dark *:before {
247    --image-treatment-overlay: 0, 0, 0;
248    --image-treatment-text: 255, 255, 255;
249    --colors-line-and-border: 49, 49, 49;
250    --colors-line-and-border-base: 49, 49, 49;
251    --colors-line-header: 52, 54, 52;
252    --colors-line-footer: 52, 54, 52;
253    --colors-background: 40, 41, 40;
254    --colors-text: 225, 227, 225;
255    --colors-text-base: 225, 227, 225;
256    --colors-heading: 255, 255, 255;
257    --colors-heading-base: 255, 255, 255;
258    --background-color: 40, 41, 40;
259    --background-color-base: 40, 41, 40;
260    --colors-text-link: 145, 180, 116;
261    --color-error: 229, 105, 15;
262    --color-success: 145, 180, 116;
263    --background-color-header: 40, 41, 40;
264    --colors-text-header: 255, 255, 255;
265    --background-color-footer: 40, 41, 40;
266    --colors-text-footer: 225, 227, 225;
267    --colors-heading-footer: 255, 255, 255;
268    --colors-text-link-footer: 145, 180, 116;
269    --colors-price: 250, 250, 250;
270    --colors-price-sale: 229, 105, 15;
271    --colors-button-text: 40, 41, 40;
272    --colors-button: 255, 255, 255;
273    --colors-button-text-hover: 40, 41, 40;
274    --colors-secondary-button: 255, 255, 255;
275    --colors-button-hover: rgb(255, 255, 255);
276    --colors-cart: 145, 180, 116;
277    --colors-cart-text: 250, 250, 250;
278    --colors-background-secondary: 47, 48, 47;
279    --colors-text-secondary: 225, 227, 225;
280    --colors-heading-secondary: 255, 255, 255;
281    --colors-icon-rating: 229, 105, 15;
282    --colors-pulse-speech: 104, 102, 72;
283    --colors-transition-arrows: 0, 0, 0;
284    --color-highlight: rgb(145, 180, 116);
285    
286      --background-secondary-button: transparent;
287      --colors-line-secondary-button: 255, 255, 255;
288    
289    --card-product-bg: rgba(0,0,0,0);
290  }
291  shopify-accelerated-checkout {
292    --shopify-accelerated-checkout-button-border-radius: 6px;
293  }
294  shopify-accelerated-checkout-cart {
295    --shopify-accelerated-checkout-button-border-radius: 6px;
296    --shopify-accelerated-checkout-inline-alignment: end;
297    --shopify-accelerated-checkout-button-block-size: 48px;
298    --shopify-accelerated-checkout-button-inline-size: 48px;
299  }
300  shopify-account {
301    --shopify-account-color-accent: rgba(var(--colors-button));
302    --shopify-account-color-accent-text: rgb(var(--colors-button-text));
303    --shopify-account-color-background: rgb(var(--background-color-base));
304    --shopify-account-color-background-subdued: rgba(var(--colors-text-base), .3);
305    --shopify-account-color-text-subdued: rgba(var(--colors-text-base), 1);
306    --shopify-account-radius-button-small: 9999px;
307    --shopify-account-color-control-text: rgba(var(--colors-text-base), 1);
308    --shopify-account-color-border: rgba(var(--colors-line-and-border-base), 1);
309    --shopify-account-color-control-background: rgb(var(--background-color-base));
310    --shopify-account-color-text: rgba(var(--colors-text-base), 1);
311    --shopify-account-color-text-subdued: rgba(var(--colors-text-base), 1);
312    --shopify-account-dialog-position-top: 30px;
313    --shopify-account-font-body: var(--font-body-family);
314    --shopify-account-font-body-weight: var(--font-body-weight);
315    --shopify-account-font-heading: var(--font-heading-family);
316    --shopify-account-font-heading-weight: var(--font-heading-weight);
317    --shopify-account-radius-base:  8px;
318    --shopify-account-radius-button: 6px;
319    --shopify-account-radius-dialog:  12px;
320    --shopify-account-radius-input:  8px;
321    --shopify-account-signed-in-avatar-color-background: rgba(var(--colors-text), 1);
322    --shopify-account-signed-in-avatar-color-text: rgb(var(--background-color));
323  }
324  
325    [role="button"],
326    [type="button"],
327    .button {
328      color: rgb(var(--colors-button-text));
329    }
330    button.button-solid,
331    .button.button-solid {
332      border: none;
333      background-color: rgba(var(--colors-button));
334    }
335    button.button-disable-effect,
336    .button.button-disable-effect {
337      color: rgb(var(--colors-button-text));
338      background-color: rgba(var(--colors-button));
339    }
340    .button-action {
341      border: none;
342      color: rgb(var(--colors-button-text));
343      background-color: rgba(var(--colors-button));
344    }
345  
346  .header, .header *::before {
347    --colors-text: var(--colors-text-header);
348    --colors-heading: var(--colors-text-header);
349    --colors-price: var(--colors-text-header);
350    --colors-line-and-border: var(--colors-line-header);
351  }
352  #sticky-header-content .divider {
353    --colors-line-and-border: var(--colors-line-header);
354  }
355  .paginate-slide-image {
356    background: rgba(var(--background-pagination-slideshow));
357    color: rgba(var(--text-color-pagination-slideshow));
358  }
359  body {
360    touch-action: manipulation;
361  }
362  @media (min-width: 1024px) {
363    .paginate-slide-image {
364      color: rgba(var(--text-color-pagination-slideshow));
365    }
366    .paginate-slide-image:hover {
367      color: rgba(var(--text-color-pagination-slideshow));
368    }
369  }
370
371  .section-quick-links,
372  .section-quick-links *::before,
373  .section-footer,
374  .section-footer *::before {
375    --colors-text: var(--colors-text-footer);
376    --colors-heading: var(--colors-heading-footer);
377    --colors-text-link: var(--colors-text-link-footer);
378    --colors-line-and-border: var(--colors-line-footer);
379  }
380  .sticky-header {
381    --font-body-weight: 700;
382  }
383
384  .scrollbar-horizontal {
385    position: relative;
386    -ms-overflow-style: none;
387  }
388  .scrollbar-horizontal::-webkit-scrollbar-track {
389    background-color: #ececec;
390  }
391  .scrollbar-horizontal::-webkit-scrollbar {
392    height: 3px;
393  }
394
395  .scrollbar-horizontal::-webkit-scrollbar-track {
396    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
397  }
398
399  .scrollbar-horizontal::-webkit-scrollbar-thumb {
400    visibility: visible;
401    background-color: #747474;
402  }
403
404  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
405    background-color: #747474;
406  }
407  body.scrollbar-body::-webkit-scrollbar{
408    width: 5px;
409  }
410  .scrollbar-body::-webkit-scrollbar-track{
411    background: #ececec;
412  }
413  .scrollbar-horizontal {
414    position: relative;
415    -ms-overflow-style: none;
416  }
417  .scrollbar-horizontal::-webkit-scrollbar-track {
418    background-color: #ececec;
419  }
420  .scrollbar-horizontal::-webkit-scrollbar {
421    height: 3px;
422  }
423
424  .scrollbar-horizontal::-webkit-scrollbar-track {
425    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
426  }
427
428  .scrollbar-horizontal::-webkit-scrollbar-thumb {
429    visibility: visible;
430    background-color: #747474;
431  }
432
433  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
434    background-color: #747474;
435  }
436  .scrollbar-body::-webkit-scrollbar{
437    width: 3px;
438  }
439  .scrollbar-body::-webkit-scrollbar-track{
440    background: #ececec;
441  }
442  .scrollbar-body.scrollbar-visible:active::-webkit-scrollbar-thumb,
443  .scrollbar-body.scrollbar-visible:focus::-webkit-scrollbar-thumb,
444  .scrollbar-body.scrollbar-visible:hover::-webkit-scrollbar-thumb {
445    background: #747474;
446    visibility: visible;
447  }
448  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-track{
449    background: transparent;
450  }
451  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-thumb{
452    background: transparent;
453    visibility: visible;
454  }
455  .scrollbar-body::-webkit-scrollbar-thumb{
456    background: #747474;
457  }
458  .animate-scroll-banner {
459    animation: scrollX var(--duration, 10s) linear infinite var(--play-state, running) var(--direction);
460  }
461  .padding-scrollbar, .padding-scrollbar-header {
462    padding-right: min(var(--width-scrollbar), 20px);
463  }
464  
465    .button.button-outline:not(.not-icon),
466    .button.button-solid:not(.not-icon) {
467      display: inline-flex;
468      align-items: center;
469      justify-content: center;
470      padding-left: 1rem;
471      padding-right: 1rem;
472    }
473    .card-product .button.button-outline:not(.not-icon):not(.view_product_detail), 
474    .card-product .button.button-solid:not(.not-icon):not(.view_product_detail) {
475      display: none;
476    }
477    .card-product .bottom_atc .button.button-outline:not(.not-icon), 
478    .card-product .bottom_atc .button.button-solid:not(.not-icon) {
479      display: inline-flex;
480      align-items: center;
481      justify-content: center;
482      padding-left: 1rem;
483      padding-right: 1rem;
484    }
485    @media(min-width: 1024px) {
486      .card-product .button.button-outline:not(.not-icon), 
487      .card-product .button.button-solid:not(.not-icon) {
488        display: inline-flex;
489        align-items: center;
490        justify-content: center;
491        padding-left: 1rem;
492        padding-right: 1rem;
493      }
494    }
495    .button-solid .button-icon,
496    .button-solid .button-text {
497      transition-timing-function: cubic-bezier(0,.71,.4,1);
498    }
499    .button-solid .button-icon {
500      transition: opacity .25s,transform .5s;
501    }
502    .button-solid .button-text {
503      transition: transform .5s;
504      transform: translateX(10px);
505    }
506    [dir="rtl"] .button-solid .button-text {
507      transform: translateX(-10px);
508    }
509    button.button-solid.disable-action-btn-animation:disabled:hover .button-text, .button.button-solid.disable-btn-animation:hover .button-text {
510      transform: translateX(10px);
511    }
512    [dir="rtl"] button.button-solid.disable-action-btn-animation:disabled:hover .button-text, [dir="rtl"] .button.button-solid.disable-btn-animation:hover .button-text {
513      transform: translateX(-10px);
514    }
515    .button-solid:hover .button-text {
516      opacity: 1;
517      transform: translateX(0px);
518    }
519    .button-solid:hover .button-icon {
520      opacity: 1;
521      transform: translateX(5px);
522    }
523    [dir="rtl"] .button-solid:hover .button-icon {
524      transform: translateX(-5px);
525    }
526  
527  
528  .des-block iframe {
529    width: 100%;
530    height: 100%;
531  }
532  .toggle-compare  + label span:first-child,
533  .toggle-compare:checked + label span:last-child {
534    display: block
535  }
536  .toggle-compare  + label span:last-child,
537  .toggle-compare:checked + label span:first-child {
538    display: none;
539  }
540  .card-product:not(.recommendations) {}
541  .dark .card-product:not(.recommendations) {background: transparent;}
542  .card-product:not(.recommendations) .card-info,
543  .card-product:not(.recommendations) .x-variants-data {
544    padding-left: 8px;
545    padding-right: 8px;
546  }
547  .card-product:not(.recommendations) .x-variants-separator::before {
548    content: var(--tw-content);
549    position: absolute;
550    width: calc(100% - 2 * 8px);
551    top: 0;
552    left: 0;
553    margin-left: 8px;
554    margin-right: 8px;
555  }
556  .card-product:not(.recommendations) .card-info .x-variants-data
557  {
558    padding-left: 0;
559    padding-right: 0;
560  }
561  .card-product:not(.recommendations) .card-info .x-variants-separator::before {
562    width: 100%;
563    margin-left: 0;
564    margin-right: 0;
565  }
566  .card-product-slideshow {
567      background: rgb(239, 236, 230);}
568  .dark .card-product-slideshow {
569      background: rgb(47, 48, 47);}
570  button.shopify-payment-button__more-options {
571    color: rgba(var(--colors-text));
572  }
573  .group-discount:before,.group-discount:after {
574    background-color: rgba(var(--colors-price-sale), 5%);
575    content: "";
576    position: absolute;
577    right: 100%;
578    height: 100%;
579    top: 0;
580    width: 1.25rem;
581  }
582  .shipping_insurance.group-discount:before,.shipping_insurance.group-discount:after {
583    background-color: rgb(var(--colors-background-secondary));
584  }
585  .group-discount:after {
586    left: 100%;
587    right: auto;
588  }
589  @media (min-width: 768px){
590    .list-layout .card-product:not(.recommendations) {
591      padding-bottom: 0;
592    }
593    .list-layout .card-product:not(.recommendations) .card-info,
594    .list-layout .card-product:not(.recommendations) .x-variants-data{
595      padding-left: 0;
596      padding-right: 0;
597    }
598    .list-layout .card-product:not(.recommendations) .x-variants-separator::before {
599      width: 100%;
600      margin-left: 0;
601      margin-right: 0;
602    }
603    shopify-accelerated-checkout-cart {
604    --shopify-accelerated-checkout-button-block-size: 46px;
605    --shopify-accelerated-checkout-button-inline-size: 46px;
606  }
607  }
608  @media (min-width: 1024px){
609    .group-discount:before,.group-discount:after {
610       width: 0;
611    }
612    .card-product:not(.recommendations) .card-info,
613    .card-product:not(.recommendations) .x-variants-data {
614      padding-left: 20px;
615      padding-right: 20px;
616    }
617    .card-product:not(.recommendations) .x-variants-separator::before {
618      width: calc(100% - 2 * 20px);
619      margin-left: 20px;
620      margin-right: 20px;
621    }
622    [role="button"],
623    [type="button"],
624    .button {
625      color: rgba(var(--colors-button-text));
626    }
627    button.button-solid,
628    .button.button-solid {
629      border: none;
630      box-shadow: none;
631      color: rgb(var(--colors-button-text));
632      background-color: rgba(var(--colors-button));
633      overflow: hidden;
634      background-origin: border-box;
635    }
636    button.button-solid:hover,
637    .button.button-solid:hover {
638      
639        transition-duration: 0.2s;
640      
641      transition-property: background-color;
642      background-color: var(--colors-button-hover);
643      color: rgba(var(--colors-button-text-hover));
644      background-origin: border-box;
645    }
646    .button-action {
647      border: none;
648      color: rgba(var(--colors-button-text-hover));
649      background-color: var(--colors-button-hover);
650    }
651    button.button-disable-effect,
652    .button.button-disable-effect {
653      color: rgb(var(--colors-button-text));
654      background-color: rgba(var(--colors-button));
655    }
656    button.button-disable-effect:hover,
657    .button.button-disable-effect:hover {
658      color: rgba(var(--colors-button-text-hover));
659      background-color: var(--colors-button-hover);
660    }
661    
662    
663  }
664  .inventory-low-stock-status {
665    
666      --stock-color: rgba(191, 18, 42);
667    
668      color: var(--stock-color);
669    }
670  .dark .inventory-low-stock-status {
671    
672      --stock-color: rgba(191, 18, 42);
673    
674  }
675  .inventory-in-stock-status {
676    
677      --stock-color: rgba(107, 118, 45);
678    
679      color: var(--stock-color);
680  }
681  .dark .inventory-in-stock-status {
682    
683      --stock-color: rgba(133, 143, 77);
684    
685  }
686  .inventory-out-of-stock-status {
687    
688      --stock-color: rgba(118, 116, 116);
689    
690      color: var(--stock-color);
691  }
692  .dark .inventory-out-of-stock-status {
693    
694      --stock-color: rgba(134, 127, 127);
695    
696  }
697  .inventory-status {
698    background-color: var(--stock-color);
699  }
700  .card-testimonial {
701      background: #EFECE6;}
702  .dark .card-testimonial {
703      background: #2f302f;}
704  /* App Shopify Subscription */
705  .shopify_subscriptions_app_policy a {
706    position: relative;
707    margin-top: .5rem;
708    margin-bottom: .5rem;
709    color: rgba(var(--colors-text-link)) !important;
710    text-decoration-thickness: 1px;
711    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
712    background-size: 100% 0.1em, 0 0.1em;
713    background-position: 100% 100%,100% 100%;
714    background-repeat: no-repeat;
715    transition: background-size 250ms;
716  }
717  .shopify_subscriptions_app_policy:after {
718    clear: both;
719    content: var(--tw-content);
720    display: block;
721  }
722  @media (min-width: 1024px) {
723    .shopify_subscriptions_app_policy a:hover {
724      background-size: 0 .1em, 100% .1em;
725      background-position: 100% 100%, 0% 100%;
726    }
727  }
728
729  /* Recurpay Subscription App */
730  #recurpay-account-widget {
731    margin-top: 1rem;
732  }
733
734  /* Seal Subscriptions */
735  .sls-widget-branding {
736    z-index: 20 !important;
737  }
738  .card .sealsubs-target-element, .card-product-fbt .sealsubs-target-element {
739    display: none !important;
740  }
741  .seal-portal-link a {
742    position: relative;
743    margin-top: .5rem;
744    margin-bottom: .5rem;
745    color: rgba(var(--colors-text-link)) !important;
746    text-decoration-thickness: 1px;
747    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
748    background-size: 100% 0.1em, 0 0.1em;
749    background-position: 100% 100%,100% 100%;
750    background-repeat: no-repeat;
751    transition: background-size 250ms;
752  }
753  .seal-portal-link:after {
754    clear: both;
755    content: var(--tw-content);
756    display: block;
757  }
758  @media (min-width: 1024px) {
759    .seal-portal-link a:hover {
760      background-size: 0 .1em, 100% .1em;
761      background-position: 100% 100%, 0% 100%;
762    }
763  }
764  .x-card-title {
765    font-size: 0.9rem;
766    font-family: var(--font-heading-family);
767    font-weight: var(--font-heading-weight);
768  }
769  .x-card-price, .x-card-price-init {
770    font-size: 0.9rem;
771    font-family: var(--font-body-family);
772    font-weight: var(--font-body-weight);
773  }
774  @media (min-width: 768px) {
775    .x-card-title {
776      font-size: 1.0rem;
777    }
778    .x-card-price, .x-card-price-init {
779      font-size: 1.0rem;
780    }
781  }
782  .dbtap-overlay{
783    display: none
784  }
785  @media (max-width: 1024px) and (pointer: coarse) and (hover: none) {
786    .dbtap-overlay{
787      display: block
788    }
789  }
790  .swatch-count-small {
791    min-height: 28px;
792    min-width: 28px;
793  }
794  .swatch-count-medium {
795    min-height: 32px;
796    min-width: 32px;
797  }
798  .swatch-count-large {
799    min-height: 38px;
800    min-width: 38px;
801  }
802  .paginate-testimonial {
803    background: rgba(247, 247, 246, 0.2);
804  }
805  .dark .paginate-testimonial {
806    background: rgba(255, 255, 255, 0.2);
807  }</style><style data-shopify>
808  /* Shopify Product Reviews app */
809      #shopify-product-reviews .spr-container {
810          border-color: rgba(var(--colors-line-and-border),1);
811          border-width:0px;
812          border-bottom-width:1px;
813          padding-left:0px;
814          padding-right:0px}
815      @media (min-width: 1280px){
816      #shopify-product-reviews .spr-container{padding-bottom:1rem}}
817      .card-product-slideshow .collection-icon-list.vstar-star {
818          text-align: left;
819        }
820      .spr-container .spr-header{display:flex;flex-direction:column;align-items:center;justify-content:center}
821      .spr-header .spr-summary-caption{grid-column:span 2 / span 2;display:flex;justify-content:center}
822      .spr-header .spr-summary-actions-togglereviews{margin-top:2px}
823      @media (min-width: 768px){
824      .spr-header .spr-summary-actions-togglereviews{margin-top:0.25rem}}
825      .spr-header .spr-icon{font-size:100%}
826      @media (min-width: 768px){
827      .spr-header .spr-icon{font-size:120%}}
828      .spr-container .spr-summary{margin-bottom:1rem;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:1.25rem}
829      .spr-container .spr-summary::before{content:var(--tw-content);display:none}
830      .spr-container .spr-summary-actions{grid-column:span 2 / span 2;display:flex;justify-content:center}
831      .spr-container .spr-icon{--tw-text-opacity:1;color:rgb(255 164 34 / var(--tw-text-opacity))}
832      .spr-container .spr-summary-actions-newreview{border-width:1px;border-style:solid;padding-left:1.5rem;padding-right:1.5rem;padding-top:0.625rem;padding-bottom:0.625rem}
833      @media (min-width: 768px){
834      .spr-container .spr-summary-actions-newreview{padding-top:0.75rem;padding-bottom:0.75rem}}
835      .spr-container .spr-form{margin-top:0px;padding-top:2.5rem}
836      .spr-container .spr-form-contact{display:flex;flex-wrap:wrap;justify-content:space-between}
837      .spr-container .spr-form-contact::before{content:var(--tw-content);display:none}
838      .spr-container .spr-form-contact::after{content:var(--tw-content);display:none}
839      .spr-container .spr-form-title{display:none}
840      .active-row.spr-container .spr-form-title {
841        display: flex;
842      }
843      .spr-container .spr-reviews{margin-top:0px}
844      .spr-container .spr-review{padding-top:1.25rem;padding-bottom:1.25rem}
845      .spr-container .spr-review:first-child{margin-top:0px}
846      .spr-container .spr-form-input-text,  .spr-container .spr-form-input-email,  .spr-container .spr-form-input-textarea{margin-top:0.375rem !important;border-width:1px;border-style:solid;padding-top:0.625rem;padding-bottom:0.625rem;padding-left:0.5rem;padding-right:0.5rem}
847      .spr-container .spr-form-input-text:focus,  .spr-container .spr-form-input-email:focus,  .spr-container .spr-form-input-textarea:focus{outline:2px solid transparent;outline-offset:2px}
848      .spr-container .spr-form-input-text:focus-visible,  .spr-container .spr-form-input-email:focus-visible,  .spr-container .spr-form-input-textarea:focus-visible{outline:2px solid transparent;outline-offset:2px}
849      .spr-container .spr-form-contact-name,  .spr-container .spr-form-contact-email{width:100%}
850      @media (min-width: 768px){
851      .spr-container .spr-form-contact-name,  .spr-container .spr-form-contact-email{width:48%}}
852      .spr-container .spr-form-input{background-color:rgba(var(--background-color),1)}
853      .spr-container .spr-form-input.spr-starrating{margin-top:0.375rem !important}
854      .spr-container .spr-icon-star-empty:hover, .spr-container .spr-icon-star:hover {
855          background-size: 0;
856          background-position: 0;
857          background-repeat: no-repeat;
858          background: none;
859        }
860      .spr-container .spr-button-primary.btn-primary {
861          background: var(--colors-button-hover);
862          border-color: var(--colors-button-hover);
863          float:left;
864          margin-bottom:2.5rem;
865          cursor:pointer;
866          border-width:0px;
867          padding-top:0.75rem;
868          padding-bottom:0.75rem;
869          padding-left:1.75rem;
870          padding-right:1.75rem;
871          color:rgb(var(--colors-button-text-hover))}
872      .spr-container .spr-form-label {
873          font-size: unset;
874        }
875      .spr-container .spr-form-review-body{margin-bottom:0.5rem}
876      .spr-reviews .spr-icon{margin-right:0.25rem;font-size:100%}
877      .spr-reviews strong{font-weight:400;font-style:normal;color:rgb(var(--colors-text),1)}
878      .spr-reviews .spr-review-header-byline{font-size:100%;font-style:italic;color:rgb(var(--colors-text),1)}
879      .spr-reviews .spr-review-header-title {
880          font-size: var(--h6-font-size-mobile);
881          font-size:100%;
882          font-weight:600;
883          line-height:1.375;
884          color:rgb(var(--colors-heading),1)}
885      .spr-reviews .spr-review-content-body {
886          font-size: unset;
887          line-height:1.375;
888          color:rgb(var(--colors-text),1)}
889      .spr-reviews .spr-review-content{margin-bottom:1rem}
890      .spr-reviews .spr-review-reportreview{float:left;font-size:100%;font-style:italic;color:rgb(var(--colors-text),1);-webkit-text-decoration-line:underline;text-decoration-line:underline;text-underline-offset:2px}
891      .spr-reviews .spr-review-reportreview:hover{background-size:auto}
892      @media (min-width: 768px){
893      .spr-reviews .spr-review-reportreview{float:right}}
894      .spr-reviews .spr-review-reportreview:not(.button):not(.disable-effect):hover {
895          background-size: 0;
896        }
897      .spr-summary-starrating .spr-stars span{display:flex;gap:0.25rem}
898      .spr-summary-starrating{margin-top:2.5rem;margin-bottom:2.5rem}
899      .spr-container .spr-summary-starrating{margin-top:0px;margin-bottom:0px}
900      .spr-pagination .spr-pagination-page.is-active {
901          background: var(--colors-button-hover);
902          border-color: var(--colors-button-hover);
903          display:flex;
904          height:2.75rem;
905          width:2.75rem;
906          align-items:center;
907          justify-content:center;
908          border-radius:9999px;
909          font-weight:400;
910          color:rgb(var(--colors-button-text-hover))}
911      @media (min-width: 768px){
912      .spr-pagination .spr-pagination-page.is-active{height:3.5rem;width:3.5rem}}
913      .main-product .spr-pagination .is-active{height:2.75rem;width:2.75rem}
914      .spr-pagination>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;-moz-column-gap:1rem;column-gap:1rem;row-gap:1rem}
915      .spr-pagination a{padding-top:0.5rem;padding-left:0.5rem;padding-right:0.5rem;padding-bottom:0.5rem}
916      .spr-pagination .spr-pagination-page a{display:flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:9999px;background-color:rgb(var(--colors-text),0.2);font-weight:400;color:rgb(var(--colors-text))}
917      @media (min-width: 768px){
918      .spr-pagination .spr-pagination-page a{height:3.5rem;width:3.5rem}}
919      .main-product .spr-pagination-page a{height:2.75rem;width:2.75rem}
920      .spr-pagination a:not(.button):not(.disable-effect):hover {
921          background-size: 0;
922          color:rgb(var(--colors-text))}
923      .spr-pagination .spr-pagination-next,  .spr-pagination .spr-pagination-prev{position:relative}
924        .is-active>.spr-pagination .spr-pagination-next>.animate_transition_slide__image,   .is-active> .spr-pagination .spr-pagination-prev>.animate_transition_slide__image{
925        transform: scale(1);
926      }
927      .spr-container .spr-pagination {
928          border-color: rgba(var(--colors-line-and-border),0.8);
929          border-top-width:1px;
930          border-style:solid}
931      .spr-header .spr-summary-starrating + .spr-summary-caption{grid-column:span 1 / span 1}
932      .main-product #shopify-product-reviews .spr-container{padding-left:0px;padding-right:0px}
933      .spr-container .spr-form-label{padding-left:0.25rem}
934      .spr-container .spr-form-label::after{--tw-content:'*';content:var(--tw-content)}
935      .spr-container .spr-form-input-error .spr-icon{--tw-text-opacity:1;color:rgb(255 164 34 / var(--tw-text-opacity))}
936      .spr-container .spr-form-input-error, .spr-container .spr-form-input-error[type="text"], .spr-container .spr-form-input-error[type="email"] {
937          border-color: rgba(var(--colors-line-and-border),1);
938        }
939      .spr-container .spr-form-review .spr-icon{margin-right:0.75rem}
940      .spr-container .spr-form-message-success{margin-bottom:1.25rem;width:-moz-fit-content;width:fit-content;background-color:rgba(var(--color-success),0.2);padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0.75rem;padding-right:0.75rem;color:rgba(var(--colors-text),1)}
941      .spr-container .spr-form-message-error{width:-moz-fit-content;width:fit-content;background-color:rgba(var(--color-error),0.2);color:rgba(var(--colors-text),1)}
942      .spr-container .spr-form {
943          border-color: rgba(var(--colors-line-and-border),1);
944        }
945      .spr-container .spr-review {
946          border-color: rgba(var(--colors-line-and-border),0.8);
947        }
948      .spr-container .spr-icon.spr-icon-star:not(.disable-effect):hover{--tw-text-opacity:1;color:rgb(255 164 34 / var(--tw-text-opacity))}
949      .spr-container .spr-header-title {
950        font-size: var(--h2-font-size-mobile);
951      }
952      .main-product .spr-header-title {
953        font-size: calc(var(--h2-font-size-mobile) * 0.7);
954      }
955      .spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect) {
956        border-radius: var(--border-radius);
957        background: var(--colors-button-hover);
958        border-color: var(--colors-button-hover);
959        color: rgba(var(--colors-button-text-hover));
960      }
961      @media (min-width: 1024px) {
962        .spr-reviews .spr-review-reportreview:not(.button):not(.disable-effect):hover {
963          background-size: 0;
964        }
965        .spr-container .spr-header-title {
966          font-size: var(--h2-font-size);
967        }
968        .main-product .spr-header-title {
969          font-size: calc(var(--h2-font-size) * 0.7);
970        }
971        .spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect) {
972          border: 1px solid rgba(var(--colors-button));
973          color: rgb(var(--colors-button-text));
974          background: rgba(var(--colors-button));
975          overflow: hidden;
976          background-origin: border-box;
977          position: relative;
978        }      
979        .spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect):hover {
980          transition: box-shadow 1s;
981          background-image: linear-gradient(rgba(var(--colors-button),0), rgba(var(--colors-button),0)), var(--colors-button-hover); 
982          border-color: var(--colors-button-hover);
983          color: rgba(var(--colors-button-text-hover));
984          background: var(--colors-button-hover);
985        } 
986        .spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect):before {
987          content: "";
988          transition: all .25s ease;          
989          background: var(--colors-button-hover);          
990          position:absolute;          
991          top:0px;          
992          right:0px;          
993          z-index:-10;          
994          height:100%;          
995          width:0px;
996        }
997      .choose-options-mobile button.spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect):before {
998        display: none;
999      }   
1000        .spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect):hover:before{left:0px;width:100%}     
1001        .spr-reviews .spr-review-header-title {
1002          font-size: var(--h6-font-size);
1003        }
1004      }
1005    /* end Shopify Product Reviews app */
1006    #am-reviews-carousel-shadow-container-production {
1007      max-width: var(--page-width);
1008      margin: auto;
1009    }
1010    /* Fera Product Reviews App */
1011      .fera-productReviews-reviews{margin-top:1.25rem}
1012      .fera-productReviewsSummary{padding-left:1.25rem;padding-right:1.25rem}
1013      @media (min-width: 1280px){
1014      .fera-productReviewsSummary{padding-left:0px;padding-right:0px}}
1015      .fera-productReviews-review-body,
1016      .fera-allReviews-review-body {
1017        word-break: break-word;
1018      }
1019      #MainContent>.fera-productReviews{padding-left:1.25rem !important;padding-right:1.25rem !important}
1020      #MainContent .fera-allReviews {
1021        width: 100%;
1022      }
1023      #MainContent .fera-storeReviewsSummary{margin-left:1.25rem;margin-right:1.25rem}
1024      @media (min-width: 1280px){
1025      #MainContent .fera-storeReviewsSummary{margin-left:auto;margin-right:auto}}
1026    /* End Fera Product Reviews App */
1027  
1028</style><style data-shopify>
1029  .body-text-base-size {
1030    font-size: 0.86625rem;
1031  }
1032  .text-pickup-availability {
1033    font-size: 0.9625rem;
1034  }
1035  .text-result-filter {
1036    font-size: 1.05875rem;
1037  }
1038  .text-filter {
1039    font-size: 0.779625rem;
1040  }
1041  .heading-text-base-h3 {
1042    font-size: 1.125rem;
1043  }
1044  .heading-text-base-h2 {
1045    font-size: 1.35rem;
1046  }
1047  .text-suggest-search {
1048    font-size: 0.9625rem;
1049  }
1050  .text-review-count {
1051    font-size: 0.77rem;
1052  }
1053  @media (min-width: 768px) {
1054    .body-text-base-size {
1055      font-size: 0.9625rem;
1056    }
1057    .text-pickup-availability {
1058      font-size: 1.05875rem;
1059    }
1060    .text-filter {
1061      font-size: 0.86625rem;
1062    }
1063    .heading-text-base-h3 {
1064      font-size: 1.35rem;
1065    }
1066    .heading-text-base-h2 {
1067      font-size: 2.25rem;
1068    }
1069    .text-suggest-search {
1070      font-size: 1.1rem;
1071    }
1072  }
1073</style>
1074    
1075    
1075<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1075<meta name="facebook-domain-verification" content="mld57hz1lb79rr1lk48i0dh9gydm1c">
1076<meta name="google-site-verification" content="WlGKncMwlzhzcGlFBYPSSt6yWtX7sBErmBlgoA7Ha_4">
1077<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/11218630/digital_wallets/dialog">
1078<meta id="in-context-paypal-metadata" data-shop-id="11218630" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
1079<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/shop-all.atom" />
1080<link rel="alternate" type="application/json+oembed" href="https://www.soniaroselli.com/collections/shop-all.oembed">
1081<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=1055195189"></script>
1081
1082<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1083<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=1055195189&shop_id=11218630" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1083
1083
1084<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":11218630,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/11218630","merchantName":"Sonia Roselli Skincare","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Sonia Roselli Skincare","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1084
1084
1085<script id="shopify-features" type="application/json">{"accessToken":"8a75abfd8bfd28be7e3c340e9842f49b","betas":["rich-media-storefront-analytics"],"domain":"www.soniaroselli.com","predictiveSearch":true,"shopId":11218630,"locale":"en"}</script>
vendor: 1 bytes, line 1085
1085
1086<script>var Shopify = Shopify || {};
1087Shopify.shop = "sonia-roselli.myshopify.com";
1088Shopify.locale = "en";
1089Shopify.currency = {"active":"USD","rate":"1.0"};
1090Shopify.country = "US";
1091Shopify.theme = {"name":"New theme design - vZain","id":147213778997,"schema_name":"Eurus","schema_version":"10.0.0","theme_store_id":2048,"role":"main"};
1092Shopify.theme.handle = "null";
1093Shopify.theme.style = {"id":null,"handle":null};
1094Shopify.cdnHost = "www.soniaroselli.com/cdn";
1095Shopify.routes = Shopify.routes || {};
1096Shopify.routes.root = "/";
1097Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1098Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1099Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1100Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1100
1100
1101<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1101
1101
1102<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 1102
1102
1103<script>
1104  window.ShopifyPay = window.ShopifyPay || {};
1105  window.ShopifyPay.apiHost = "shop.app\/pay";
1106  window.ShopifyPay.redirectState = null;
1107</script>
vendor: 1 bytes, line 1107
1107
1108<script>
1109  window.Shopify = window.Shopify || {};
1110  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1111  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1112  window.Shopify.SignInWithShop.eligible = true;
1113</script>
vendor: 1 bytes, line 1113
1113
1114<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 1114
1114
1115<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 1115
1115
1116<script type="module">
1117  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1118
1119  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1120
1121</script>
vendor: 1 bytes, line 1121
1121
1122<script>
1123  window.Shopify = window.Shopify || {};
1124  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1125  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"]};
1126</script>
vendor: 1 bytes, line 1126
1126
1127<script>(function() {
1128  var isLoaded = false;
1129  function asyncLoad() {
1130    if (isLoaded) return;
1131    isLoaded = true;
1132    var urls = ["https:\/\/d217z8zw4dqir.cloudfront.net\/script_tags\/loop_snippets?shop=sonia-roselli.myshopify.com","\/\/cdn.shopify.com\/proxy\/f1b2e189377bee540ddd20c4a3d029316e4cd82a4f76c35529838061aa3ddf1f\/api.goaffpro.com\/loader.js?shop=sonia-roselli.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/cdn.attn.tv\/soniarosellibeauty\/dtag.js?shop=sonia-roselli.myshopify.com","https:\/\/gifts.good-apps.co\/storage\/js\/good_free_gift-sonia-roselli.myshopify.com.js?ver=69\u0026shop=sonia-roselli.myshopify.com"];
1133    for (var i = 0; i < urls.length; i++) {
1134      var s = document.createElement('script');
1135      s.type = 'text/javascript';
1136      s.async = true;
1137      s.src = urls[i];
1138      var x = document.getElementsByTagName('script')[0];
1139      x.parentNode.insertBefore(s, x);
1140    }
1141  };
1142  if(window.attachEvent) {
1143    window.attachEvent('onload', asyncLoad);
1144  } else {
1145    window.addEventListener('load', asyncLoad, false);
1146  }
1147})();</script>
vendor: 1 bytes, line 1147
1147
1148<script id="__st">var __st={"a":11218630,"offset":-18000,"reqid":"5ba6c259-5551-430c-9cc9-914275d694b4-1791062792","pageurl":"www.soniaroselli.com\/collections\/shop-all","u":"a26a66be7ef7","p":"collection","rtyp":"collection","rid":262726549557};</script>
vendor: 1 bytes, line 1148
1148
1149<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1149
1149
1150<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 1150
1150
1151<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.soniaroselli.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1151
1151
1152<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.soniaroselli.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>
1152<script crossorigin="anonymous" defer="defer" src="//www.soniaroselli.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1152
1152
1153<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 1153
1153
1154<script>
1155  window.Shopify = window.Shopify || {};
1156  window.Shopify.MCP = window.Shopify.MCP || {};
1157  window.Shopify.MCP.enabled = true;
1158  window.Shopify.MCP.shop = "sonia-roselli.myshopify.com";
1159  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.soniaroselli.com\/api\/mcp";
1160  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"]}}];
1161</script>
vendor: 1 bytes, line 1161
1161
1162<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.soniaroselli.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1163</script>
vendor: 1 bytes, line 1163
1163
1164<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.soniaroselli.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1165</script>
vendor: 1 bytes, line 1165
1165
1166<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1167  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);
1168</script>
vendor: 1 bytes, line 1168
1168
1169<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
1170</script>
1170
1171<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.soniaroselli.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1172<style id="shopify-accelerated-checkout-cart">
1173        #shopify-buyer-consent {
1174  margin-top: 1em;
1175  display: inline-block;
1176  width: 100%;
1177}
1178
1179#shopify-buyer-consent.hidden {
1180  display: none;
1181}
1182
1183#shopify-subscription-policy-button {
1184  background: none;
1185  border: none;
1186  padding: 0;
1187  text-decoration: underline;
1188  font-size: inherit;
1189  cursor: pointer;
1190}
1191
1192#shopify-subscription-policy-button::before {
1193  box-shadow: none;
1194}
1195
1196      </style>
1197
1198<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1198
1199    
1200  <!-- BEGIN app block: shopify://apps/pandectes-gdpr/blocks/banner/58c0baa2-6cc1-480c-9ea6-38d6d559556a -->
1201
1202  
1203    
1204      
1204<script>
1205        if (!window.pandectesRulesSettings) {
1206          window.pandectesRulesSettings = {"version":"5","timestamp":1783515874039,"store":{"id":11218630,"plan":"plus","primaryLocale":"en","headless":false},"banner":{"enabled":true},"regions":{"strict":"*","visible":"*"},"storage":{"type":"http","domain":"","duration":365,"lastReset":1564428279},"gpc":{"enabled":false},"klaviyo":{"enabled":false},"customEvent":{"enabled":true},"rakuten":{"enabled":false,"cmp":false,"ccpa":false},"facebook":{"enabled":false,"id":""},"amazon":{"enabled":false},"microsoft":{"uet":{"enabled":false,"tags":""},"clarity":{"enabled":false,"id":""}},"google":{"enabled":true,"gtmId":"","ga4Id":"","adsId":"","gtmOnly":false,"adStorageCategory":4,"analyticsStorageCategory":2,"functionalityStorageCategory":1,"personalizationStorageCategory":1,"securityStorageCategory":0,"redactData":true,"urlPassthrough":false,"dataLayerName":"dataLayer","waitForUpdate":500,"sendPageView":true,"debugMode":false,"basicMode":false},"blocker":{"enabled":false,"scripts":{"0":[],"1":[],"2":[],"4":[],"8":[]},"css":{"0":[],"1":[],"2":[],"4":[],"8":[]},"iframes":{"0":[],"1":[],"2":[],"4":[],"8":[]},"pixels":{"0":[],"1":[],"2":[],"4":[],"8":[]}}};
1207          const rulesScript = document.createElement('script');
1208          
1209            rulesScript.src = "https://cdn.shopify.com/extensions/01a0fbe8-0a9b-7761-b23e-083cbd79779f/gdpr-cookie-consent-412/assets/pandectes-rules-latest.js";
1210          
1211          const firstChild = document.head.firstChild;
1212          document.head.insertBefore(rulesScript, firstChild);
1213        }
1214      </script>
1214
1215    
1216
1217      
1217<script defer src='https://cdn.shopify.com/extensions/01a0fbe8-0a9b-7761-b23e-083cbd79779f/gdpr-cookie-consent-412/assets/pandectes-core-latest.js'></script>
1217
1218    
1219    
1219<script>
1220      (() => {
1221        const isLivePreview = locateLivePreviewParam();
1222        let previewUrl = 'https://app.pandect.es/js/pandectes-live-site-preview.js';
1223        
1224
1225        function locateLivePreviewParam(paramName = 'pandectesLivePreview') {
1226          const fromUrl = new URLSearchParams(window.location.search).get(paramName);
1227          if (fromUrl) {
1228            try {
1229              sessionStorage.setItem(paramName, fromUrl);
1230            } catch {
1231              // storage disabled
1232            }
1233            return fromUrl;
1234          }
1235          return sessionStorage.getItem(paramName);
1236        }
1237
1238        /** Injects the preview helper script when live preview is active (URL or sessionStorage). */
1239        function appendLivePreviewScriptIfNeeded(previewModeScriptUrl) {
1240          if (!isLivePreview) return;
1241          if (document.head.querySelector('script[data-pandectes-live-preview]')) return;
1242          const script = document.createElement('script');
1243          script.src = previewModeScriptUrl;
1244          script.async = true;
1245          script.setAttribute('data-pandectes-live-preview', '');
1246          document.head.appendChild(script);
1247        }
1248
1249        window.pandectesBannerSettings = {"version":"5","timestamp":1783515874,"store":{"id":11218630,"plan":"plus","primaryLocale":"en","headless":false,"useGeolocation":false},"impressions":{"enabled":true,"timezone":"America/Chicago"},"visibility":{"delay":0,"enabled":true,"startHidden":[],"botsFriendly":false,"disableDesignMode":false,"adminMode":false},"regions":{"strict":"*","visible":"*"},"consent":{"redirectOnDeny":false,"reloadOnConsent":false,"broadcastChannel":false,"redirectOnDenyUrl":"https://www.pandectes.io","shopify":true},"theme":{"logos":{"custom":false,"customWidget":false,"banner":"//sonia-roselli.myshopify.com/cdn/shop/files/pandectes-banner-logo.png?v=1783515874","widget":"//sonia-roselli.myshopify.com/cdn/shop/files/pandectes-reopen-logo.png?v=1783515874"},"mode":"light","border":0,"variables":":host { --float: 16px; --font-size: 14px; --duration: 250ms; --padding: 20px; --radius-dialog:8px; --radius-button:8px; --border-button: 2px; --font-family: inherit; --font-weight-button: 400; --color-base-100: oklch(100% 0 0);--color-base-200: oklch(97% 0 0);--color-base-300: oklch(94% 0 0);--color-base-content: oklch(7.6% 0 0);--color-primary: oklch(7.6% 0 0);--color-primary-content: oklch(100% 0 0);--color-secondary: oklch(7.6% 0 0);--color-secondary-content: oklch(100% 0 0);--color-accent: oklch(7.6% 0 0);--color-accent-content: oklch(100% 0 0);--color-neutral: oklch(7.6% 0 0);--color-neutral-content: oklch(100% 0 0);; --color-base-100-hex: #ffffff;--color-base-200-hex: #f5f5f5;--color-base-300-hex: #ebebeb;--color-base-content-hex: #010101;--color-primary-hex: #010101;--color-primary-content-hex: #ffffff;--color-secondary-hex: #010101;--color-secondary-content-hex: #ffffff;--color-accent-hex: #010101;--color-accent-content-hex: #ffffff;--color-neutral-hex: #010101;--color-neutral-content-hex: #ffffff; }","shadows":true,"isModal":false,"scrollLock":true,"useAnimations":true,"buttons":{"size":"md","border":2,"radius":8,"variants":{"primary":"filled","secondary":"outlined"}},"zIndex":2147483647,"showPoweredBy":true},"close":{"triggers":[],"action":"dismiss","pixels":200,"timeout":5},"language":{"multilingual":false,"detection":"browser","fallback":"en","supported":["en"],"allowChange":false},"widget":{"enabled":false,"position":"bottom left","action":"reopen","customTrigger":false},"dialogs":{"notice":{"style":{"type":"wide","layout":"vertical-grouped","position":"bottom center","animation":"animation-zoom","size":300},"buttons":{"primary":["allow","deny"],"secondary":[]},"features":{"hideHeader":false,"alignCenter":false,"flipButtons":false,"expandableIntro":false,"inlineLinks":false}},"preferences":false,"status":false},"links":{"links":[{"id":"policy","url":"https://sonia-roselli.myshopify.com/pages/privacy-policy"}],"target":"_self","respectLocale":false},"storage":{"type":"http","domain":"","duration":365,"lastReset":1564428279},"texts":{"en":{"buttons":{"showLess":"Show less","showMore":"Show more"},"links":{"policy":"Learn more","google":"Google's Privacy Terms","imprint":"Imprint"},"categories":[{"title":"Strictly necessary cookies","description":"The
1249se cookies are essential in order to enable you to move around the website and use its features, such as accessing secure areas of the website. The website cannot function properly without these cookies."},{"title":"Functional cookies","description":"These cookies enable the site to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly."},{"title":"Performance cookies","description":"These cookies enable us to monitor and improve the performance of our website. For example, they allow us to count visits, identify traffic sources and see which parts of the site are most popular."},{"title":"Targeting cookies","description":"These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites.    They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising."}],"notice":{"title":"We respect your privacy","message":"This website uses cookies to ensure you get the best experience.","dismiss":"Ok","allow":"Accept","deny":"Decline","preferences":"Preferences"},"preferences":{"title":"Manage consent preferences","message":"We use cookies to optimize website functionality, analyze the performance, and provide personalized experience to you. Some cookies are essential to make the website operate and function correctly. Those cookies cannot be disabled. In this window you can manage your preference of cookies.","cookieDetails":"Cookies details","alwaysActive":"Always allowed","deny":"Deny all","allow":"Accept all","custom":"Save preferences","dismiss":"Close","vendorLearnMore":"Learn more about this provider"},"status":{"title":"Cookie settings","message":"Your current state","allow":"Accept all","deny":"Deny all","dismiss":"Close","reopen":"Change your consent","consentDate":"C
1249onsent date","consentId":"Your consent ID","hideDetails":"Hide details","showDetails":"Show details","noConsent":"No consent"},"declaration":{"name":"Name","type":"Type","vendor":"Provider","purpose":"Purpose","retention":"Retention","expirations":{"declSeconds":"seconds","declMinutes":"minutes","declHours":"hours","declDays":"days","declWeeks":"week(s)","declMonths":"months","declYears":"years","declSession":"Session"}},"cookies":{"cart_currency":"Used in connection with shopping cart.","keep_alive":"Used in connection with buyer localization.","lidid":"Collects data on visitor behavior for relevant advertisements and referral detection.","localization":"Shopify store localization","shopify_pay_redirect":"Used in connection with checkout.","uuid":"Collects data on user visits to the website for targeted ads.","_attn_":"Used by attentive sms services.","_fbp":"Cookie is placed by Facebook to track visits across websites.","_ga":"Cookie is set by Google Analytics with unknown functionality","_gat":"Cookie is placed by Google Analytics to filter requests from bots.","_geuid":"Sets a unique identifier for user interactions for analytics and session improvement.","_gid":"Cookie is placed by Google Analytics to count and track pageviews.","_hjAbsoluteSessionInProgress":"Tracks the beginning of the user's journey for session count without identifiable information.","_hjFirstSeen":"Tracks the beginning of the user's journey for session count without identifiable information.","_landing_page":"Tracks landing pages.","_orig_referrer":"Tracks landing pages.","_pandectes_gdpr":"Used for the functionality of the cookies consent banner.","_pin_unauth":"Used to group actions for users who cannot be identified by Pinterest.","_shopify_s":"Shopify analytics.","_shopify_y":"Shopify analytics.","_ttp":"To measure and improve the performance of your advertising campaigns and to personalize the user's experience (including ads) on TikTok.","_tt_enable_cookie":"Used to identify a visitor.","__attentive_cco":"Used by attentive sms services.","__attentive_dv":"Used by attentive sms services.","__attentive_id":"Used by attentive sms services.","__attentive_pv":"Used by attentive sms services.","__attentive_ss_referrer":"Used by attentive sms services.","__kla_id":"Tracks when someone clicks through a Klaviyo email to your website","secure_customer_sig":"Used in connection with customer login.","_cmp_a":"Used for managing customer privacy settings.","_y":"Shopify analytics.","_s":"Shopify analytics.","_shopify_sa_t":"Shopify analytics relating to marketing & referrals.","_shopify_sa_p":"Shopify analytics relating to marketing & referrals.","_hjSessionUser_3157461":"Used by Hotjar to store a unique user ID.","_hjSession_3157461":"Used by Hotjar to provide functions across pages.","_ga_QNBX9YLJDH":"Cookie is set by Google Analytics with unknown functionality","_ga_3WF02LH9P6":"Cookie is set by Google Analytics with unknown functionality","_secure_session_id":"Used in connection with navigation through a storefront."}}},"categories":[{"bitwise":0},{"bitwise":1},{"bitwise":2},{"bitwise":4}],"vendors":[],"cookies":[{"name":"secure_customer_sig","domain":"www.soniaroselli.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"localization","domain":"www.soniaroselli.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_cmp_a","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":0,"retention":"24 hour(s)","unit":"declHours","expires":24},{"name":"cart_currency","domain":"www.soniaroselli.com","type":"http","vendor":"Shopify","category":0,"retention":"15 day(s)","unit":"declDays","expires":15},{"name":"_y","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_s","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"31 minute(s)","unit":"declMinutes","expires":31},{"name":"_orig_referrer","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"14 day(s)","unit":"declDays","expires":14},{"name":"_landing_page","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"14 day(s)","unit":"declDays","expires":14},{"name":"_shopify_sa_t","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_shopify_sa_p","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_pandectes_gdpr","domain":"www.soniaroselli.com","type":"http","vendor":"Pandectes","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"shopify_pay_redirect","domain":"www.soniaroselli.com","type":"http","vendor":"Shopify","category":0,"retention":"60 minute(s)","unit":"declMinutes","expires":60},{"name":"keep_alive","domain":"www.soniaroselli.com","type":"http","vendor":"Shopify","category":0,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_ttp","domain":".tiktok.com","type":"http","vendor":"TikTok","category":3,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_hjSessionUser_3157461","domain":".soniaroselli.com","type":"http","vendor":"Hotjar","category":1,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_hjFirstSeen","domain":".soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_hjIncludedInSessionSample_3157461","domain":".soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"2 minute(s)","unit":"declMinutes","expires":2},{"name":"_hjSession_3157461","domain":".soniaroselli.com","type":"http","vendor":"Hotjar","category":1,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_hjAbsoluteSessionInProgress","domain":".soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_shopify_s","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"31 minute(s)","unit":"declMinutes","expires":31},{"name":"_shopify_y","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_gat","domain":".soniaroselli.com","type":"http","vendor":"Google","category":2,"retention":"49 second(s)","unit":"declSeconds","expires":49},{"name":"_lc2_fpi","domain":".soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_ga_QNBX9YLJDH","domain":".soniaroselli.com","type":"http","vendor":"Google","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"lidid","domain":".liadm.com","type":"http","vendor":"LiveIntent","category":3,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_pin_unauth","domain":".soniaroselli.com","type":"http","vendor":"Pinterest","category":3,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_ga_3WF02LH9P6","domain":".soniaroselli.com","type":"http","vendor":"Google","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_tt_enable_cookie","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_ga","domain":".soniaroselli.com","type":"http","vendor":"Google","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_li_dcdm_c","domain":".soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"Session","unit":"declSeconds","expires":-1686249494},{"name":"tolstoy-anonymousId","domain":".gotolstoy.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_fbp","domain":".soniaroselli.com","type":"http","vendor":"Facebook","category":3,"retention":"90 day(s)","unit":"declDays","expires":90},{"name":"AMP_9bdc728a74","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_ttp","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"__kla_id","domain":"www.soniaroselli.com","type":"http","vendor":"Klaviyo","category":3,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"tolstoy-anonymousId","domain":".www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"Session","unit":"declSeconds","expires":-1686249494},{"name":"__attentive_id","domain":"www.soniaroselli.com","type":"http","vendor":"Attentive","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"tolstoy-anonymousId","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"Session","unit":"declSeconds","expires":-1686249494},{"name":"__attentive_cco","domain":"www.soniaroselli.com","type":"http","vendor":"Attentive","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_geps","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"30 day(s)","unit":"declDays","expires":30},{"name":"_attn_","domain":"www.soniaroselli.com","type":"http","vendor":"Attentive","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"uuid","domain":".alocdn.com","type":"http","vendor":"MediaMath","category":3,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"__attentive_dv","domain":"www.soniaroselli.com","type":"http","vendor":"Attentive","category":2,"retention":"24 hour(s)","unit":"declHours","expires":24},{"name":"_rsession","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_ruid","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"__attentive_pv","domain":"www.soniaroselli.com","type":"http","vendor":"Attentive","category":2,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_gid","domain":".soniaroselli.com","type":"http","vendor":"Google","category":2,"retention":"24 hour(s)","unit":"declHours","expires":24},{"name":"__attentive_ss_referrer","domain":"www.soniaroselli.com","type":"http","vendor":"Attentive","category":2,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"uuid","domain":".getrockerbox.com","type":"http","vendor":"Unknown","category":4,"retention":"30 day(s)","unit":"declDays","expires":30},{"name":"rbuid","domain":".soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"31 day(s)","unit":"declDays","expires":31},{"name":"_secure_session_id","domain":"www.soniaroselli.com","type":"http","vendor":"Shopify","category":0,"retention":"24 hour(s)","unit":"declHours","expires":24},{"name":"_geuid","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"180 day(s)","unit":"declDays","expires":180},{"name":"tpc_id","domain":".attentivemobile.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_y","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_s","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"secure_customer_sig","domain":"www.soniaroselli.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_cmp_a","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":0,"retention":"24 hour(s)","unit":"declHours","expires":24},{"name":"_shopify_y","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"localization","domain":"www.soniaroselli.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"cart_currency","domain":"www.soniaroselli.com","type":"http","vendor":"Shopify","category":0,"retention":"14 day(s)","unit":"declDays","expires":14},{"name":"_landing_page","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"14 day(s)","unit":"declDays","expires":14},{"name":"_pandectes_gdpr","domain":"www.soniaroselli.com","type":"http","vendor":"Pandectes","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"keep_alive","domain":"www.soniaroselli.com","type":"http","vendor":"Shopify","category":0,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_hjIncludedInSessionSample_3157461","domain":".soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"2 minute(s)","unit":"declMinutes","expires":2},{"name":"_shopify_sa_t","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_hjSession_3157461","domain":".soniaroselli.com","type":"http","vendor":"Hotjar","category":1,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_ttp","domain":".tiktok.com","type":"http","vendor":"TikTok","category":3,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_hjFirstSeen","domain":".soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_shopify_sa_p","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"shopify_pay_redirect","domain":"www.soniaroselli.com","type":"http","vendor":"Shopify","category":0,"retention":"60 minute(s)","unit":"declMinutes","expires":60},{"name":"_hjAbsoluteSessionInProgress","domain":".soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"__kla_id","domain":"www.soniaroselli.com","type":"http","vendor":"Klaviyo","category":3,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_gid","domain":".soniaroselli.com","type":"http","vendor":"Google","category":2,"retention":"24 hour(s)","unit":"declHours","expires":24},{"name":"_hjSessionUser_3157461","domain":".soniaroselli.com","type":"http","vendor":"Hotjar","category":1,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_orig_referrer","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"14 day(s)","unit":"declDays","expires":14},{"name":"_shopify_s","domain":".soniaroselli.com","type":"http","vendor":"Shopify","category":2,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_li_dcdm_c","domain":".soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"Session","unit":"declSeconds","expires":-1686249495},{"name":"_lc2_fpi","domain":".soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_tt_enable_cookie","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"lidid","domain":".liadm.com","type":"http","vendor":"LiveIntent","category":3,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_pin_unauth","domain":".soniaroselli.com","type":"http","vendor":"Pinterest","category":3,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_ga_3WF02LH9P6","domain":".soniaroselli.com","type":"http","vendor":"Google","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_ttp","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_ga","domain":".soniaroselli.com","type":"http","vendor":"Google","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_gat","domain":".soniaroselli.com","type"
1249:"http","vendor":"Google","category":2,"retention":"48 second(s)","unit":"declSeconds","expires":48},{"name":"_fbp","domain":".soniaroselli.com","type":"http","vendor":"Facebook","category":3,"retention":"90 day(s)","unit":"declDays","expires":90},{"name":"_geuid","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"180 day(s)","unit":"declDays","expires":180},{"name":"_geps","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"30 day(s)","unit":"declDays","expires":30},{"name":"_ga_QNBX9YLJDH","domain":".soniaroselli.com","type":"http","vendor":"Google","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"tolstoy-anonymousId","domain":".www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"Session","unit":"declSeconds","expires":-1686249495},{"name":"__attentive_id","domain":"www.soniaroselli.com","type":"http","vendor":"Attentive","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"tolstoy-anonymousId","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"Session","unit":"declSeconds","expires":-1686249495},{"name":"__attentive_cco","domain":"www.soniaroselli.com","type":"http","vendor":"Attentive","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_attn_","domain":"www.soniaroselli.com","type":"http","vendor":"Attentive","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"tpc_id","domain":".attentivemobile.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"__attentive_dv","domain":"www.soniaroselli.com","type":"http","vendor":"Attentive","category":2,"retention":"24 hour(s)","unit":"declHours","expires":24},{"name":"__attentive_pv","domain":"www.soniaroselli.com","type":"http","vendor":"Attentive","category":2,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"AMP_9bdc728a74","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"uuid","domain":".alocdn.com","type":"http","vendor":"MediaMath","category":3,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_ruid","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"uuid","domain":".getrockerbox.com","type":"http","vendor":"Unknown","category":4,"retention":"30 day(s)","unit":"declDays","expires":30},{"name":"_rsession","domain":"www.soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"rbuid","domain":".soniaroselli.com","type":"http","vendor":"Unknown","category":4,"retention":"30 day(s)","unit":"declDays","expires":30},{"name":"_secure_session_id","domain":"www.soniaroselli.com","type":"http","vendor":"Shopify","category":0,"retention":"24 hour(s)","unit":"declHours","expires":24},{"name":"tolstoy-anonymousId","domain":".gotolstoy.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"__attentive_ss_referrer","domain":"www.soniaroselli.com","type":"http","vendor":"Attentive","category":2,"retention":"30 minute(s)","unit":"declMinutes","expires":30}]};
1250        if (isLivePreview) {
1251          if (!window.pandectesBannerSettings.store) {
1252            window.pandectesBannerSettings.store = {};
1253          }
1254          window.pandectesBannerSettings.store.plan = 'enterprise';
1255        }
1256        
1257        function whenBodyReady(callback) {
1258          window.addEventListener('DOMContentLoaded', callback);
1259        }
1260        
1261
1262        whenBodyReady(function(){
1263          const element = document.createElement('pandectes-cmp');
1264          element.appData = window.pandectesBannerSettings;
1265          document.body.appendChild(element);
1266          appendLivePreviewScriptIfNeeded(previewUrl);
1267        });
1268
1269      })()
1270    </script>
1270
1271  
1272
1273
1274
1275  <!-- A11y -->
1276  
1277  
1278  
1279  
1280  
1281
1282  
1283
1284
1285
1286<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
1287
1288
1289
1290
1291
1292
1293
1294<link rel="dns-prefetch" href="https://cdn.judge.me">
1295<link rel="dns-prefetch" href="https://cdn1.judge.me">
1296<link rel="dns-prefetch" href="https://api.judge.me">
1297
1298<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#FFD200","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
1298ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#FFD200","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"text","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"vintage","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":false,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":false,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
1298itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#4A4A4A","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":true,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#4A4A4A","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#4A4A4A","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#4A4A4A","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
1298youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":true,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
1298:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"We’ll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":true,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews/stores/www.soniaroselli.com","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Sonia Roselli 
1298Skincare","shop_currency":"USD","widget_version":"3.0","footer":true,"autopublish":false,"review_dates":true,"enable_custom_form":false,"shop_use_review_site":true,"shop_locale":"en","enable_multi_locales_translations":false,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"Sonia Roselli Skincare"};</script>
1298 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #4A4A4A;--jdgm-secondary-color: rgba(74,74,74,0.1);--jdgm-star-color: #FFD200;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #4A4A4A;--jdgm-paginate-color: #4A4A4A;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #4A4A4A}.jdgm-histogram__bar-content{background-color:#4A4A4A}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#4A4A4A}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#FFD200}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #4A4A4A;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#4A4A4A}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Sonia Roselli 
1298Skincare'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
1299</style> <style class='jdgm-settings-style'></style>
1300
1301  
1302  
1303  
1304  <style class='jdgm-miracle-styles'>
1305  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/I
1305azfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important}
1306
1307</style>
1308<style class='jdgm-miracle-styles'>
1309  @font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA14AA8AAAAAGBQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAARAAAAGA2I0JVY21hcAAAAdgAAABVAAABjOEvI+NjdnQgAAACMAAAAAsAAAAOAAAAAGZwZ20AAAI8AAAG7QAADgxiLvl6Z2FzcAAACSwAAAAIAAAACAAAABBnbHlmAAAJNAAAAWQAAAHQQ2rNrGhlYWQAAAqYAAAAMAAAADYpQ9FlaGhlYQAACsgAAAAbAAAAJAc8A1dobXR4AAAK5AAAAA4AAAAQD6AAAGxvY2EAAAr0AAAACgAAAAoBHACubWF4cAAACwAAAAAgAAAAIADcDkZuYW1lAAALIAAAAZkAAANFKDbO4XBvc3QAAAy8AAAAPQAAAGV3qg0ycHJlcAAADPwAAAB6AAAAnH62O7Z4nGNgZGBg4GIwYLBjYHJx8wlh4MtJLMljkGJgYYAAkDwymzEnMz2RgQPGA8qxgGkOIGaDiAIAJjsFSAB4nGNgYX7BOIGBlYGBqYppDwMDQw+EZnzAYMjIBBRlYGVmwAoC0lxTGA48YHjAxBz0P4shinkNwzSgMCOKIiYAmooM5nic7ZCxDYBADAMvn0CBmIOKkkmoGJ9NHif/Y2DpLNmKUhhYABenCLAHI3WrteqdrfrgqJvI/m29y0lXjvKWn2zl115+zeS51KC2m2gv7TjAP2ybDQ0AAAB4nGNgQAYAAA4AAQB4nK1Xa1sbxxWe1Q2MAQNC2M267ihjUZcdySRxHGIrDtllURwlqcC43XVuu0i4TZNekt7oNb1flD9zVrRPnW/5aXnPzEoBB9ynz1M+6Lwz886c65xZSGhJ4n4UxlJ2H4n5nS5V7j2I6IZL1+LkoRzej6jQSD+bFtOi31f7br1OIiYRqK2RcESQ+E1yNMnkYZMKWtVVvUlFLQdHxeWa8AOqBjJJ/KywHPhZoxhQIdg7lDSrAIJ0QKXe4ahQKOAYqh9crvPsaL7m+JcloPJHVaeKNUWiFx3EoxWnYBSWNBU9qgUR66OVIMgJrhxI+rxHpdUHo2vOXBD2Q6qEUZ2KjXj3rQhkdxhJ6vUwtQk2bTDaiGOZWTYsuoapfCRpndfXmfl5L5KIxjCVNNOLEsxIXpthdJPRzcRN4jh2ES2aDfokdiMSXSbXMXa7dIXRlW76aEH0mfGoLPbjeJDG5HhxnHsQywH8UX7cpLKWsKDUSOHTVNCLaEr5NK18ZABbkiZVTLgRCTnIpvZ9yYvsrmvN518SSdin8lodi4EcyiF0ZevlBiK0EyU9N92NIxXXY0mb9yKsuRyX3JQmTWk6F3gjUbBpnsZQ+QrlovyUCvsPyenDEJpaa9I5LdnaebhVEvuST6DNJGZKsmWsndGjc/MiCP21+qRwzuuThTRrT3E8mBDA9USGQ5VyUk2whcsJIenCyLGVSK1Kt6yKuTO201XsEu6Xrh3fNK+NQ0dzs6IYQour6vEaiviCzgqFkAbpVpMWNKhS0oXgNT4AABmiBR7tYrRg8rWIgxZMUCRi0IdmWgwSOUwkLSJsTVrS3b0oKw224qs0d6AOm1TV3Z2oe89OunXMV838ss7EUnA/ypaWAnJSnxY9vnIoLT+7wD8L+CFnBbkoNnpRxuGDv/4QGYbahbW6wrYxdu06b8FN5pkYnnRgfwezJ5N1RgozIaoK8UJB3Rk5jmOyVdMiE4VwL6Il5cuQ5lF+c4hw4svkP5cuOWJRVIXv+xyBZaw5abY87dGnnvs0wrUCH2teky7qzGF5CfFm+TWdFVk+pbMSS1dnZZaXdVZh+XWdTbG8orNplt/Q2TmWnlbj+FMlQaSVbJHzDt+WJuljiyuTxY/sYvPY4upk8WO7KLWgC96ZfsKpf1tX2c/j/tXhn4RdT8M/lgr+sbwK/1g24B/LVfjH8pvwj+U1+MfyW/CP5Rr8Y9nSsm0K9rqG2kuJRNNzksCkFJewxTW7rum6R9dxH5/BVejIM7Kp0g3Fjf2JDJe9f3ac4my+EnLF0TNrWdmphRGaInv53LHwnMW5oeXzxvLncZrlhF/ViWt7qi08L1b+Jfhv647ayG44Nfb1JuIBB063H5cl3WjSC7p1sd2kjf9GRWH3QX8RKRIrDdmSHW4JCO3d4bCjOughER4+dF28SBuOU1tGhG+hd63QRdBKaKcNQ8tmhU/nA+9g2FJStoc48/ZJmmzZ86ii/DFbUsI9ZXMnOirJsnSPSqvlp2KfO+0MmrYyO9R2QpXg8euacLezr1IpSAaKynhUsVwKUhc44U73+J4UpqH/q23kWEHDNr9YM4HRgvNOUaJsT62giSAZZRRc+Sun4kQ2osFGFPGbd9IvdaEQ2uNYSMyWV/NYqDbC9NJkiWbM+rbqsFLO4p1JCNkZG2kSe1FLtvGgs/X5pGS78lRQpYHR3ePfLjaJp1V7ni3FJf/yMUuCcboS/sB53OVxijfRP1ocxW26GEQ9F2+qbMetbN1
1309Zxr195cTqrts7seqfuvdJOwJNt7wnKdzSdNsbwjauMTh1JhUJbdE6doTGZa7PVRv5FB9ovnWdC1Th+rRw8+z52zqbwVsz3vI/lnTn/1XF7BP3sbZCqzpWL/U4t7ODBnzLG0flVYxue3WVxyX3ZhKCuwhBzV57fI3ghldbdBO3/LUz5rs4zlmu0gvAr2t6EeINjmKIcMttPLzjaL2puaDpDcBv65EQ2wA9AIfBjh45ZmYXwMzcY04HYI85DO4zh8F3mMPgu/oIvTAAioAcg2J95Ni5B0B27i3mOYzeZp5B7zDPoHeZZ9B7rDMESFgng5R1MthnnQz6zHkVYMAcBgfMYfCQOQy+Z+zaAvq+sYvR+8YuRj8wdjH6wNjF6ENjF6MfGrsY/cjYxejHiHF7ksCfmBFtAn5k4SuAH3PQzcjH6Kd4a3POzyxkzs8Nx8k5v8Dmlyan/tKMzI5DC3nHryxk+q9xTk74jYVM+K2FTPgduHcm5/3ejAz9EwuZ/gcLmf5H7MwJf7KQCX+2kAl/AfflyXl/NSND/5uFTP+7hUz/B3bmhH9ayIShhUz4VI/Omy9bqrijUqEY4p8mtMHY92j6gIpXe4fjx7r5BSXaAUEAAAAAAQAB//8AD3icbY8/SEJRFMbPucf3nv/SpxbPdHqUvECiVMRGaYj8Q4ZLOTkGQRAV/sFWURta3AuCdodoDZwiaGuqNdF8o5TbrfesocLl3MP97v2+3wcI8HlAPdoCL/iTcwJCWnY5HRZIoSGVFlUm+sPLqKkaLZCkSgIpoZiQIHaDEeRnWKaKeWDkmOEqwxU66Y0I8YifI414C/t9xDIAMCNnnwaUBxv44CLTsW3vJj0yY5D2zTgdNqskCjaWCmY69ikCpYJTHhcK3zY+A9XQdkxiViRkwHI/RrOTOwK2Zy5UBALKBaf+KBRuvQGvbBEDYVQdqAoUMspqUkJTEkpMogFvntZ4A9dKGMXoodjtbjyOs/nxPT5jhTfHvKHrWH1qt/VrUdcv/3V2Qzi55DAbuF32SQErS/2hABPC75VJnP8FIHmMbMUIr1ervI7xEsaNcZd9f9jEFyzz1gevD4dYW8fX4dUbfAFjQ2LfeJxjYGRgYABiBwu5rHh+m68M/MwvgCIMj2XcHiHo/1nML5iDgFwOBiaQKAAfTAqdeJxjYGRgYA76nwUkXzAwgElGBlTAAgBc+AObAHicY37BwMCMhAEhKAOtAAAAAAAAADQArgDoAAAAAQAAAAQAFAACAAAAAAACAAgAJACNAAAAQA4MAAAAAHicjZHBSsNAEIb/1KpowYOC5z2IWIS0BkXwpBTamwcPvXgxbbdJSpoNm43Qg48gPotXX8CTr+AL+BL+SUcQi9CEnXz7z8zuzATAPj7hYflccC3Zo34h3MA2BsIb1G+Fm+QH4U20YIW3qD8J7+IUL8ItHOCNJ3jNHe5m+BD2cORdCjew590Lb1BPhJvkZ+FNHHqvwlvU34V3MfS+hFs4btz0TL6wSRQ7ddJrq6AbnKvRQhlKSRamKixdbGyhrtXUZE6nqfHHZj4rJ5Ge68KFNjcJ9cmdjso0tKuOVWWobZGYTJ353VXnQGfahoSqiuIxCpybqqk1c9WX+1VuzUyPnR87l191Or/rQg8GORYcc4IIMRwUTqi2+Q3Q5TonjRihGLmMSpAhREolRMmMuPYU3F9zTbnLqGpGpGQfY9o5f02JCbM1WTPaMdvyblOfV8VPcEcbMS6tfetkrBMzpK3qS+rKFM5YU3etzAFtVmeHovzMosAjcwOqjh1XXdu6S4X+n/4Vz6x8Mypj6n49ZUf1Ch2+/8zrG7KBqKIAAAB4nGNgYoAALgbsgIWRiZGZkYWRlUGouCSxSLcgPzOvJDVFtzg/JzMFVSg1t6CkUhBFKCMxJ42BAQCLHRVSAAAAeJxj8N7BcCIoYiMjY1/kBsadHAwcDMkFGxnYnTYyMGhBaC4UeicDAwM3EmsnAzMDg8tGFcaOwIgNDh0RIH6Ky0YNEH8HBwNEgMElUnqjOkhoF0cDAyOLQ0dyCEwCBDYy8GntYPzfuoGldyMTg8tm1hQ2BhcXAJQcKgcAAA==") format("woff");font-weight:normal;font-style:normal}
1310
1311</style>
1312
1313
1314  
1315  
1316   
1317
1318
1319
1320
1321<script data-cfasync='false' class='jdgm-script'>
1322!function(e){window.jdgm=window.jdgm||{};
1323/* INF-1976 */
1324var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}();
1325if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;}
1326jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/",
1327jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
1328setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
1329!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
1330(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
1331a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
1332jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
1333t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))},
1334t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
1335".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
1336parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"):
1337jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css")
1338)}))}(document);
1339</script>
1339
1340<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/shopify_v2.css"></noscript>
1341
1342<!-- BEGIN app snippet: theme_fix_tags -->
1342<script>
1343  (function() {
1344    var jdgmThemeFixes = null;
1345    if (!jdgmThemeFixes) return;
1346
1347    // "All themes" fix: CSS and JS applied on every theme. CSS is injected
1348    // before the per-theme fix so the theme-specific CSS wins the cascade.
1349    // HTML is never applied globally (too risky).
1350    var allThemesFix = jdgmThemeFixes['all'];
1351    if (allThemesFix && allThemesFix.css) {
1352      var allStyleTag = document.createElement('style');
1353      allStyleTag.classList.add('jdgm-theme-fix-style-all');
1354      allStyleTag.innerHTML = allThemesFix.css;
1355      document.head.append(allStyleTag);
1356    };
1357
1358    if (allThemesFix && allThemesFix.js) {
1359      var allScriptTag = document.createElement('script');
1360      allScriptTag.classList.add('jdgm-theme-fix-script-all');
1361      allScriptTag.innerHTML = allThemesFix.js;
1362      document.head.append(allScriptTag);
1363    };
1364
1365    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
1366    if (!thisThemeFix) return;
1367
1368    if (thisThemeFix.html) {
1369      document.addEventListener("DOMContentLoaded", function() {
1370        var htmlDiv = document.createElement('div');
1371        htmlDiv.classList.add('jdgm-theme-fix-html');
1372        htmlDiv.innerHTML = thisThemeFix.html;
1373        document.body.append(htmlDiv);
1374      });
1375    };
1376
1377    if (thisThemeFix.css) {
1378      var styleTag = document.createElement('style');
1379      styleTag.classList.add('jdgm-theme-fix-style');
1380      styleTag.innerHTML = thisThemeFix.css;
1381      document.head.append(styleTag);
1382    };
1383
1384    if (thisThemeFix.js) {
1385      var scriptTag = document.createElement('script');
1386      scriptTag.classList.add('jdgm-theme-fix-script');
1387      scriptTag.innerHTML = thisThemeFix.js;
1388      document.head.append(scriptTag);
1389    };
1390  })();
1391</script>
1391
1392<!-- END app snippet -->
1393<!-- End of Judge.me Core -->
1394
1395
1396
1397<!-- END app block --><!-- BEGIN app block: shopify://apps/attentive/blocks/attn-tag/8df62c72-8fe4-407e-a5b3-72132be30a0d -->
1397<script type="text/javascript" src="https://cdn.attn.tv/soniarosellibeauty/dtag.js?source=app-embed" defer="defer"></script>
1397
1398
1399
1400<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
1401<script type="text/javascript">
1402  (function (c, l, a, r, i, t, y) {
1403    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
1404    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
1405    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
1406
1407    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
1408      if (error) {
1409        console.error("Error loading Shopify features:", error);
1410        return;
1411      }
1412
1413      c[a]('consentv2', {
1414        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
1415        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
1416        source: 101,
1417      });
1418    });
1419
1420    l.addEventListener("visitorConsentCollected", function (e) {
1421      c[a]('consentv2', {
1422        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
1423        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
1424        source: 101,
1425      });
1426    });
1427  })(window, document, "clarity", "script", "smzltfdwi0");
1428</script>
1428
1429
1430
1431
1432<!-- END app block --><!-- BEGIN app block: shopify://apps/simprosys-google-shopping-feed/blocks/core_settings_block/1f0b859e-9fa6-4007-97e8-4513aff5ff3b --><!-- BEGIN: GSF App Core Tags & Scripts by Simprosys Google Shopping Feed -->
1433
1434
1435
1436
1437
1438
1439
1440
1441
1442<!-- END: GSF App Core Tags & Scripts by Simprosys Google Shopping Feed -->
1443<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
1444
1445
1446
1447
1448
1449
1450
1451
1452
1453
1454
1455
1456  
1456<script async src="https://static.klaviyo.com/onsite/js/YhYtEH/klaviyo.js?company_id=YhYtEH"></script>
1456
1457  
1457<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
1457
1458
1459  
1460
1461
1462
1463
1464  
1464<script>
1465    window.klaviyoReviewsProductDesignMode = false
1466  </script>
1466
1467
1468
1469
1470
1471
1472
1473
1474
1475
1476<!-- END app block --><!-- BEGIN app block: shopify://apps/returngo-returns-exchanges/blocks/returngo-loader/c46ec5ca-ca5f-4afb-904e-7e20126a14d4 -->
1477<script> 
1478  window.returngo = window.returngo || {};
1479  window.returngo.loadScripts ||= [];
1480  
1481  window.returngo.settings ||= {"general":{"default_locale":"en","portal_url":"https:\/\/www.soniaroselli.com\/pages\/returns-portal?"},"coverage":{"coverage_product_id":null,"coverage_variant_id":null,"coverage_item_image_url":"https:\/\/storefront-components.returngo.ai\/assets\/return-guard.png","coverage_selection_method_component":"toggle"}};
1482  window.returngo.translations ||= {"en":{"COVERAGE_DESCRIPTION":"Get free returns and exchanges with Return Guard for {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Learn more","COVERAGE_LEARN_MORE_TITLE":"Add free returns and exchanges","COVERAGE_LEARN_MORE_DESCRIPTION":"Add this option now to unlock the ability to return or exchange this order for free, with no additional fees.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Continue to checkout","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Choose new item(s) to add to your return request","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Exchange credits remaining"},"ro":{"COVERAGE_DESCRIPTION":"Obțineți retururi și schimburi gratuite cu Return Guard pentru {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Află mai multe","COVERAGE_LEARN_MORE_TITLE":"Adăugați retururi și schimburi gratuite","COVERAGE_LEARN_MORE_DESCRIPTION":"Adăugați această opțiune acum pentru a debloca posibilitatea de a returna sau schimba această comandă gratuit, fără taxe suplimentare.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Continuați să plătiți","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Alegeți articole noi pe care să le adăugați la cererea de returnare","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Credite de schimb rămase"},"es":{"COVERAGE_DESCRIPTION":"Obtenga devoluciones y cambios gratuitos con Return Guard para {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Más información","COVERAGE_LEARN_MORE_TITLE":"Añada devoluciones gratuitas y intercambios","COVERAGE_LEARN_MORE_DESCRIPTION":"Añada esta opción ahora para desbloquear la capacidad de devolver o intercambiar este pedido de forma gratuita, sin cargos adicionales.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Continuar pagando","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Elija nuevos artículos para agregar a su solicitud de devolución","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Créditos de cambio restantes"},"fr":{"COVERAGE_DESCRIPTION":"Obtenez des retours et des échanges gratuits avec Return Guard pour {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Apprendre encore plus","COVERAGE_LEARN_MORE_TITLE":"Ajoutez des retours gratuits et des échanges","COVERAGE_LEARN_MORE_DESCRIPTION":"Ajoutez cette option maintenant pour déverrouiller la possibilité de retourner ou d'échanger ce commandement gratuitement, sans frais supplémentaires.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Continuer à payer","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Choisissez de nouveaux articles à ajouter à votre demande de retour","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Crédits d'échange restants"},"it":{"COVERAGE_DESCRIPTION":"Ottieni resi e cambi gratuiti con Return Guard per {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Saperne di più","COVERAGE_LEARN_MORE_TITLE":"Aggiungi resi e cambi gratuiti","COVERAGE_LEARN_MORE_DESCRIPTION":"Aggiungi subito questa opzione per sbloccare la possibilità di restituire o scambiare questo ordine gratuitamente, senza costi aggiuntivi.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Continuare","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Scegli nuovi articoli da aggiungere alla tua richiesta di reso","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Scambia i crediti rimanenti"},"he":{"COVERAGE_DESCRIPTION":"קבל החזרות והחלפות חינם עם Return Guard עבור {Return_Guard_Price}","COVERAGE_LEARN_MORE":"מידע נוסף","COVERAGE_LEARN_MORE_TITLE":"הוסף החזרות והחלפות בחינם","COVERAGE_LEARN_MORE_DESCRIPTION":"הוסף אפשרות זו כעת כדי לפתוח את היכולת להחזיר או להחליף הזמנה זו בחינם, ללא עמלות נוספות.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"המשך לקופה","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"בחר פריטים חדשים להוספה לבקשת ההחזרה שלך","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"נותרו זיכוי חליפין"},"de":{"COVERAGE_DESCRIPTION":"Erhalten Sie kostenlose Rücksendungen und Umtausch mit Return Guard für {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Erfahren Sie mehr","COVERAGE_LEARN_MORE_TITLE":"Fügen Sie kostenlose Rückgaben und Austausche hinzu","COVERAGE_LEARN_MORE_DESCRIPTION":"Fügen Sie diese Option jetzt hinzu, um die Möglichkeit zu aktivieren, diese Bestellung kostenlos zurückzugeben oder auszutauschen, ohne weitere Gebühren.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Weiter zur Kasse","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Wählen Sie neue Artikel aus, die Sie Ihrer Rücksendeanfrage hinzufügen möchten","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Verbleibende Tauschguthaben"},"pt":{"COVERAGE_DESCRIPTION":"Obtenha devoluções e trocas gratuitas com Return Guard por {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Saber mais","COVERAGE_LEARN_MORE_TITLE":"Adicione devoluções e trocas gratuitas","COVERAGE_LEARN_MORE_DESCRIPTION":"Adicione esta opção agora para desbloquear a capacidade de devolver ou trocar este pedido gratuitamente, sem taxas adicionais.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Continuar para finalizar a compra","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Escolha novos itens para adicionar à sua solicitação de devolução","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Créditos de troca restantes"},"da":{"COVERAGE_DESCRIPTION":"FÃ¥ gratis returnering og ombytning med Return Guard for {Return_Guard_Price}","COVERAGE_LEARN_MORE":"FÃ¥ flere oplysninger","COVERAGE_LEARN_MORE_TITLE":"Tilføj gratis returnering og ombytning","COVERAGE_LEARN_MORE_DESCRIPTION":"Tilføj denne mulighed nu for at lÃ¥se op for muligheden for at returnere eller bytte denne ordre gratis, uden yderligere gebyrer.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Fortsæt til kassen","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Vælg nye varer, du vil tilføje til din returanmodning","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Udvekslingskreditter tilbage"},"nl":{"COVERAGE_DESCRIPTION":"Ontvang gratis retourneren en ruilen met Return Guard voor {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Meer informatie","COVERAGE_LEARN_MORE_TITLE":"Voeg gratis retourneren en ruilen toe","COVERAGE_LEARN_MORE_DESCRIPTION":"Voeg deze optie nu toe om de mogelijkheid te ontgrendelen om deze bestelling gratis te retourneren of te ruilen, zonder extra kosten.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Ga verder naar afrekenen","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Kies nieuwe artikel(en) om toe te voegen aan uw retouraanvraag","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Resterend ruiltegoed"},"ko":{"COVERAGE_DESCRIPTION":"리턴가드(Return Guard)로 무료 반품 및 교환 받으세요 {Return_Guard_Price}","COVERAGE_LEARN_MORE":"자세히 알아보기","COVERAGE_LEARN_MORE_TITLE":"무료 반품 및 교환 추가","COVERAGE_LEARN_MORE_DESCRIPTION":"지금 이 옵션을 추가하면 추가 비용 없이 이 주문을 무료로 반품하거나 교환할 수 있습니다.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"결제 계속하기","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"반품 요청에 추가할 새 품목ì
1482„ 선택하세요.","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"남은 교환 크레딧"},"tr":{"COVERAGE_DESCRIPTION":"Return Guard ile ücretsiz iade ve değişim imkanından yararlanın {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Daha fazla bilgi edin","COVERAGE_LEARN_MORE_TITLE":"Ücretsiz iade ve değişim ekleyin","COVERAGE_LEARN_MORE_DESCRIPTION":"Bu siparişi hiçbir ek ücret ödemeden ücretsiz olarak iade etme veya değiştirme olanağının kilidini açmak için bu seçeneği şimdi ekleyin.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Ödeme işlemine devam edin","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"İade talebinize eklenecek yeni ürünleri seçin","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Kalan takas kredisi"},"bg":{"COVERAGE_DESCRIPTION":"Получете безплатни връщания и обмени с Return Guard за {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Научете повече","COVERAGE_LEARN_MORE_TITLE":"Добавете безплатни връщания и обмени","COVERAGE_LEARN_MORE_DESCRIPTION":"Добавете тази опция сега, за да отключите възможността да върнете или замените тази поръчка безплатно, без допълнителни такси.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Продължете към касата","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Изберете нови артикули, които да добавите към вашата заявка за връщане","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Оставащи обменни кредити"},"no":{"COVERAGE_DESCRIPTION":"FÃ¥ gratis retur og bytte med Return Guard for {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Lær mer","COVERAGE_LEARN_MORE_TITLE":"Legg til gratis retur og bytte","COVERAGE_LEARN_MORE_DESCRIPTION":"Legg til dette alternativet nÃ¥ for Ã¥ lÃ¥se opp muligheten til Ã¥ returnere eller bytte denne bestillingen gratis, uten ekstra avgifter.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Fortsett til kassen","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Velg nye varer for Ã¥ legge til returforespørselen din","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"GjenstÃ¥ende byttekreditter"},"ar":{"COVERAGE_DESCRIPTION":"احصل على عوائد واستبدالات مجانية مع Return Guard لـ {Return_Guard_Price}","COVERAGE_LEARN_MORE":"يتعلم أكثر","COVERAGE_LEARN_MORE_TITLE":"أضف عوائد واستبدالات مجانية","COVERAGE_LEARN_MORE_DESCRIPTION":"أضف هذا الخيار الآن لتفتح إمكانية إرجاع هذا الطلب أو استبداله مجانًا، دون أي رسوم إضافية.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"الاستمرار في الخروج","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"اختر عنصرًا (عناصر) جديدة لإضافتها إلى طلب الإرجاع الخاص بك","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"تبادل الاعتمادات المتبقية"},"pl":{"COVERAGE_DESCRIPTION":"Uzyskaj bezpłatne zwroty i wymiany dzięki Return Guard dla {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Dowiedz się więcej","COVERAGE_LEARN_MORE_TITLE":"Dodaj bezpłatne zwroty i wymiany","COVERAGE_LEARN_MORE_DESCRIPTION":"Dodaj tę opcję już teraz, aby odblokować możliwość zwrotu lub wymiany tego zamówienia za darmo, bez dodatkowych opłat.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Przejdź do kasy","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Wybierz nowe produkty, które chcesz dodać do swojej prośby o zwrot","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Pozostało środki do wymiany"},"el":{"COVERAGE_DESCRIPTION":"Λάβετε δωρεάν επιστροφές και ανταλλαγές με το Return Guard για {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Μάθετε περισσότερα","COVERAGE_LEARN_MORE_TITLE":"Προσθέστε δωρεάν επιστροφές και ανταλλαγές","COVERAGE_LEARN_MORE_DESCRIPTION":"Προσθέστε αυτήν την επιλογή τώρα για να ξεκλειδώσετε τη δυνατότητα επιστροφής ή ανταλλαγής αυτής της παραγγελίας δωρεάν, χωρίς πρόσθετες χρεώσεις.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Συνεχίστε στο ταμείο","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Επιλέξτε νέα στοιχεία για προσθήκη στο αίτημα επιστροφής σας","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Ανταλλάξτε πιστώσεις που απομέÎ
1482½Î¿Ï…ν"},"sk":{"COVERAGE_DESCRIPTION":"Získajte bezplatné vrátenie a výmenu s Return Guard za {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Zistite viac","COVERAGE_LEARN_MORE_TITLE":"Pridajte bezplatné vrátenie a výmenu","COVERAGE_LEARN_MORE_DESCRIPTION":"Pridajte túto možnosÅ¥ teraz, aby ste odomkli možnosÅ¥ vrátiÅ¥ alebo vymeniÅ¥ túto objednávku zadarmo, bez ďalších poplatkov.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Pokračujte k pokladni","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Vyberte nové položky, ktoré chcete pridaÅ¥ do svojej žiadosti o vrátenie","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Zostávajúce kredity na výmenu"},"hu":{"COVERAGE_DESCRIPTION":"Ingyenes visszaküldés és csere a Return Guard segítségével {Return_Guard_Price}","COVERAGE_LEARN_MORE":"További információ","COVERAGE_LEARN_MORE_TITLE":"Adjon hozzá ingyenes visszaküldést és cserét","COVERAGE_LEARN_MORE_DESCRIPTION":"Adja hozzá ezt a lehetőséget most, hogy feloldja a rendelés ingyenes visszaküldésének vagy cseréjének lehetőségét, további díjak nélkül.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Tovább a pénztárhoz","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Válasszon új tétel(eke)t a visszaküldési kérelméhez","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Maradt cserekredit"},"sl":{"COVERAGE_DESCRIPTION":"Zagotovite si brezplačna vračila in zamenjave z Return Guard za {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Več o tem","COVERAGE_LEARN_MORE_TITLE":"Dodajte brezplačna vračila in menjave","COVERAGE_LEARN_MORE_DESCRIPTION":"Dodajte to možnost zdaj, da odklenete možnost brezplačnega vračila ali zamenjave tega naročila brez dodatnih stroÅ¡kov.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Nadaljuj na blagajno","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Izberite nove artikle, ki jih želite dodati svoji zahtevi za vračilo","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Preostali krediti za menjavo"},"cs":{"COVERAGE_DESCRIPTION":"Obtenez des retours et des échanges gratuits avec Return Guard pour {Return_Guard_Price}","COVERAGE_LEARN_MORE":"Zjistěte více","COVERAGE_LEARN_MORE_TITLE":"Ajoutez des retours et des échanges gratuits","COVERAGE_LEARN_MORE_DESCRIPTION":"Ajoutez cette option maintenant pour débloquer la possibilité de retourner ou d'échanger cette commande gratuitement, sans frais supplémentaires.","SHOP_NOW_CONTINUE_TO_CHECKOUT":"Nadaljevalec à plačnik","SHOP_NOW_CHOOSE_NEW_ITEMS_TO_RETURN_REQUEST":"Choisissez de nouveaux articles à ajouter à votre demande de retour","SHOP_NOW_EXCHANGE_CREDITS_REMAINING":"Cédits d'échange restants"}};
1483  window.returngo.coverageEnabled ||= Boolean();
1484  window.returngo.storefrontPublicToken ||= '';
1485  window.returngo.coveragePlaceholderUrl = 'https://cdn.shopify.com/extensions/019cd1c1-739b-7e2f-a8ca-df9749146d2d/return-go-23/assets/coverage-block-placeholder.png';
1486</script>
1486
1487
1488<!-- END app block -->
1488<script src="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1488
1488
1489<script src="https://cdn.shopify.com/extensions/01a0f839-b3dc-774f-adf2-4a8db7252362/doran-shoppable-videos-1790870909/assets/drv-sdk.js" type="text/javascript" defer="defer"></script>
1489
1490<link href="https://cdn.shopify.com/extensions/01a0f839-b3dc-774f-adf2-4a8db7252362/doran-shoppable-videos-1790870909/assets/drv-app.css" rel="stylesheet" type="text/css" media="all">
1491<script src="https://cdn.shopify.com/extensions/019cd1c1-739b-7e2f-a8ca-df9749146d2d/return-go-23/assets/returngo-loader.js" type="text/javascript" defer="defer"></script>
1491
1492<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1493<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: 11218630,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};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 1493
1493
1494<script>
1495  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1496</script>
vendor: 1 bytes, line 1496
1496
1497<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}
1497).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: 11218630,storefrontBaseUrl: "https://www.soniaroselli.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.soniaroselli.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2702016565","configuration":"{\"pixel_id\":\"V8ePNDqxqdMrxHaqqq41Cj\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"494c214c3e1e2dea2c94ffa97cf51a83","type":"APP","apiClientId":411130036225,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
1497,{"id":"1904869429","configuration":"{\"eventKey\":\"b3f9774b-020d-49af-bb08-d579a4423b8e\",\"name\":\"sonia-roselli - Axon Pixel\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"fae105ca09bb030f70a8b83292a88611","type":"APP","apiClientId":256560922625,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1885339701","configuration":"{\"shopId\":\"11218630\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"83adcaf06c5deacff41ffdf8f92d9129","type":"APP","apiClientId":246667608065,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1612677173","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1607204917","configuration":"{\"accountID\":\"123\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"429ec53cbb730e3ebe83481e6086632e","type":"APP","apiClientId":257812725761,"privacyPurposes":["ANALYTICS","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1477804085","configuration":"{\"accountID\":\"YhYtEH\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"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":"1268252725","configuration":"{\"merchantId\":\"1037489\", \"url\":\"https:\/\/classic.avantlink.com\", \"shopName\": \"sonia-roselli\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"26843be7e7f0ff401f557cffac6b5a49","type":"APP","apiClientId":125215244289,"privacyPurposes":["ANALYTICS","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1114210357","configuration":"{\"env\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"8a9a175b11d15038a70fe78d09c59720","type":"APP","apiClientId":3977633,"privacyPurposes":["ANALYTICS","MARKETING"],"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":"1094254645","configuration":"{\"projectId\":\"smzltfdwi0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"766771253","configuration":"{\"shop\":\"sonia-roselli.myshopify.com\",\"cookie_duration\":\"604800\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a2e7513c3708f34b1f617d7ce88f9697","type":"APP","apiClientId":2744533,"privacyPurposes":["ANALYTICS","MARKETING"],"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":"719978549","configuration":"{\"accountID\":\"123\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b52890242c6e7e6396639386f99799af","type":"APP","apiClientId":11099242497,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"462946357","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-QNBX9YLJDH\\\",\\\"AW-325273028\\\",\\\"GT-WP4VX3D\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-QNBX9YLJDH\\\",\\\"AW-325273028\\\/9AePCJCmrJ8aEMSLjZsB\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-QNBX9YLJDH\\\",\\\"AW-325273028\\\/UBsSCJamrJ8aEMSLjZsB\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-QNBX9YLJDH\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-QNBX9YLJDH\\\",\\\"AW-325273028\\\/soyiCI2mrJ8aEMSLjZsB\\\",\\\"MC-3WF02LH9P6\\\",\\\"MC-5KFRDXQ6PB\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-QNBX9YLJDH\\\",\\\"AW-325273028\\\/V1kWCIemrJ8aEMSLjZsB\\\",\\\"MC-3WF02LH9P6\\\",\\\"MC-5KFRDXQ6PB\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-QNBX9YLJDH\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-QNBX9YLJDH\\\",\\\"AW-325273028\\\/TQfjCIqmrJ8aEMSLjZsB\\\",\\\"MC-3WF02LH9P6\\\",\\\"MC-5KFRDXQ6PB\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-QNBX9YLJDH\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-QNBX9YLJDH\\\",\\\"AW-325273028\\\/6LCRCJmmrJ8aEMSLjZsB\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-QNBX9YLJDH\\\",\\\"AW-325273028\\\/CoIrCJOmrJ8aEMSLjZsB\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-QNBX9YLJDH\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"436305973","configuration":"{\"pixelCode\":\"CA7SNORC77UEC14UEB60\"}","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"}
1497,{"id":"137855029","configuration":"{\"pixel_id\":\"3611169129191212\",\"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":"62816309","configuration":"{\"tagID\":\"2614940648018\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"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":"26345525","configuration":"{\"shop_id\":\"sonia-roselli.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d5624be04709da2f8b8f0aab4279794d","type":"APP","apiClientId":6615189,"privacyPurposes":["ANALYTICS"],"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":"Sonia Roselli Skincare","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"sonia-roselli.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.soniaroselli.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"4688033286","handle":"sexapeel-exfoliation-spray","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"15331963718","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7201274101813","handle":"best-eye-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42343568048181","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4688284742","handle":"water-balm-moisturizer","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"15333105478","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"490593189941","handle":"water-elixir","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"6779445903413","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"766502207541","handle":"water-oil","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"8396245073973","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6931196969013","handle":"barrier-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41200986652725","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9243811852","handle":"japanese-cleansing-oil","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"32026733900","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6933229142069","handle":"gommage-peeling-gel-gentle-exfol
1497iation-sensitive-skin","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41211243135029","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6698749657141","handle":"skincare-brush","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40087430266933","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4659586302005","handle":"hydration-heroes-skincare-starter-kit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"32311641112629","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7191444357173","handle":"barrier-support-skincare-kit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42284895928373","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7710122672181","handle":"the-start-simple-skincare-kit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43933913055285","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7710123229237","handle":"overnight-recovery-skincare-kit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43933914923061","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7989500149813","handle":"complete-skin-prep-system","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44771210002485","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7665225990197","handle":"face-body-renewal-kit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43793092870197","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"1557168259125","handle":"ageless-beauty","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44773480595509","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"1405017948213","handle":"the-originals","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"12674271412277","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8209088446517","handle":"products-concealer-skin-prep-kit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45871871983669","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.soniaroselli.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"147213778997","themeStoreId":"2048","themePublished":"true","eventMetadataId":"034afd4a-c3b6-47ce-a294-0221cb75b7b6","pageType":"collection","resourceId":"262726549557","shopId":"11218630","storefrontBaseUrl":"https:\/\/www.soniaroselli.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\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"262726549557\",\"title\":\"Shop All\",\"productVariants\":[{\"price\":{\"amount\":59.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Sexapeel™ Instant Exfoliation Spray\",\"vendor\":\"Sonia Roselli Beauty\",\"id\":\"4688033286\",\"untranslatedTitle\":\"Sexapeel™ Instant Exfoliation Spray\",\"url\":\"\/products\/sexapeel-exfol
1497iation-spray\",\"type\":\"Skin Prep\"},\"id\":\"15331963718\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/sexapeel_instant_exfoiation_spray_white.png?v=1783287965\"},\"sku\":\"sxp01\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":67.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Wrinkle Smoothing Peptide Eye Gel\",\"vendor\":\"Sonia Roselli Beauty\",\"id\":\"7201274101813\",\"untranslatedTitle\":\"Wrinkle Smoothing Peptide Eye Gel\",\"url\":\"\/products\/best-eye-cream\",\"type\":\"Skin Prep\"},\"id\":\"42343568048181\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/wrinkle_smoothing_eye_cream.png?v=1783632338\"},\"sku\":\"WSEC\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":65.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Water Balm Gel-Cream Moisturizer \u0026 Skin Prep\",\"vendor\":\"S-Japan\",\"id\":\"4688284742\",\"untranslatedTitle\":\"Water Balm Gel-Cream Moisturizer \u0026 Skin Prep\",\"url\":\"\/products\/water-balm-moisturizer\",\"type\":\"Skin Prep\"},\"id\":\"15333105478\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/water_balm_5_in_one_gel_cream_moisturizer.png?v=1783454427\"},\"sku\":\"WBSP01\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":65.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Water Elixir Hydrating Serum \u0026 Skin Prep Essence\",\"vendor\":\"S-Japan\",\"id\":\"490593189941\",\"untranslatedTitle\":\"Water Elixir Hydrating Serum \u0026 Skin Prep Essence\",\"url\":\"\/products\/water-elixir\",\"type\":\"Skin Prep\"},\"id\":\"6779445903413\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/water_elixer_skin_prep_2.png?v=1789155442\"},\"sku\":\"WESP\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":69.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Water Oil Dual-Phase Skin Prep Face Serum-Oil\",\"vendor\":\"S-Japan\",\"id\":\"766502207541\",\"untranslatedTitle\":\"Water Oil Dual-Phase Skin Prep Face Serum-Oil\",\"url\":\"\/products\/water-oil\",\"type\":\"Skin Prep\"},\"id\":\"8396245073973\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/water_oil_white_background.png?v=1788044931\"},\"sku\":\"WOSP\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":69.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Intense Barrier Cream\",\"vendor\":\"S-Japan\",\"id\":\"6931196969013\",\"untranslatedTitle\":\"Intense Barrier Cream\",\"url\":\"\/products\/barrier-cream\",\"type\":\"Skin Prep\"},\"id\":\"41200986652725\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/intense_barrier_cream_barrier_moisturizer_and_skin_prep.png?v=1783782654\"},\"sku\":\"INBARC\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":54.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Japanese Cleansing Oil\",\"vendor\":\"S-Japan\",\"id\":\"9243811852\",\"untranslatedTitle\":\"Japanese Cleansing Oil\",\"url\":\"\/products\/japanese-cleansing-oil\",\"type\":\"Skin Prep\"},\"id\":\"32026733900\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/sonia_roselli_japanese_cleansing_oil_pink_in_bottle.png?v=1783700558\"}
1497,\"sku\":\"JPCLO01\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":42.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Sexapeel™ Gommage Peeling Gel\",\"vendor\":\"W-Korea\",\"id\":\"6933229142069\",\"untranslatedTitle\":\"Sexapeel™ Gommage Peeling Gel\",\"url\":\"\/products\/gommage-peeling-gel-gentle-exfoliation-sensitive-skin\",\"type\":\"Skin Prep\"},\"id\":\"41211243135029\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/Sexapeel_Gommage_Peeling_Gel_Gentle_Face_Exfoliator_for_Sensitive_Reactive_and_Makeup-Prep_Skin.jpg?v=1783357314\"},\"sku\":\"SXPGEL\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":36.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Skin Prep Brush: Skincare \u0026 Primer Application Brush\",\"vendor\":\"P-Italy\",\"id\":\"6698749657141\",\"untranslatedTitle\":\"Skin Prep Brush: Skincare \u0026 Primer Application Brush\",\"url\":\"\/products\/skincare-brush\",\"type\":\"Skin Prep\"},\"id\":\"40087430266933\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/Skin_Prep_Brush.png?v=1784496664\"},\"sku\":\"PREPBRUSH1\",\"title\":\"Skin Prep Brush\",\"untranslatedTitle\":\"Skin Prep Brush\"},{\"price\":{\"amount\":129.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Hydration Heroes Facial Skin Prep Kit\",\"vendor\":\"Sonia Roselli Beauty\",\"id\":\"4659586302005\",\"untranslatedTitle\":\"Hydration Heroes Facial Skin Prep Kit\",\"url\":\"\/products\/hydration-heroes-skincare-starter-kit\",\"type\":\"Skin Prep\"},\"id\":\"32311641112629\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/hydration_heros_starter_kit.png?v=1784675284\"},\"sku\":\"5MF01\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":195.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Sensitive Skin Prep Skincare Kit for Reactive Skin\",\"vendor\":\"Sonia Roselli Beauty\",\"id\":\"7191444357173\",\"untranslatedTitle\":\"Sensitive Skin Prep Skincare Kit for Reactive Skin\",\"url\":\"\/products\/barrier-support-skincare-kit\",\"type\":\"Skin Prep\"},\"id\":\"42284895928373\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/sensitive_skin_skincare_kit.png?v=1784677089\"},\"sku\":\"BRT01\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":169.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Skin Prep Starter Kit – Exfoliate, Hydrate, Seal\",\"vendor\":\"Sonia Roselli Skincare\",\"id\":\"7710122672181\",\"untranslatedTitle\":\"Skin Prep Starter Kit – Exfoliate, Hydrate, Seal\",\"url\":\"\/products\/the-start-simple-skincare-kit\",\"type\":\"Skin Prep\"},\"id\":\"43933913055285\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/the_skin_prep_starter_kit.png?v=1784675085\"},\"sku\":\"TRK1\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":309.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Overnight Recovery Kit\",\"vendor\":\"Sonia Roselli Skincare\",\"id\":\"7710123229237\",\"untranslatedTitle\":\"Overnight Recovery Kit\",\"url\":\"\/products\/overnight-recovery-skincare-kit\",\"type\":\"Skin Prep\"},\"id\":\"43933914923061\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/overnight_skin_prep_kit.png?v=1786662045\"},\"sku\":\"ORK1\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":469.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"The Complete Skin Prep System\",\"vendor\":\"Sonia Roselli Skincare\",\"id\":\"7989500149813\",\"untranslatedTitle\":\"The Complete Skin Prep System\",\"url\":\"\/products\/complete-skin-prep-system\",\"type\":\"Skin Prep\"},\"id\":\"44771210002485\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/complete-barrier-support-skincare-system-collection.png?v=1767745470\"},\"sku\":\"CBS1\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":101.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Sexapeel™ Face \u0026 Body Exfoliation Kit\",\"vendor\":\"W-Korea\",\"id\":\"7665225990197\",\"untranslatedTitle\":\"Sexapeel™ Face \u0026 Body Exfoliation Kit\",\"url\":\"\/products\/face-body-renewal-kit\",\"type\":\"Skin Prep\"},\"id\":\"43793092870197\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/sexapeel_face_and_body_exfoliation_kit.png?v=1784673874\"},\"sku\":\"FBR01\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":196.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"The Ageless Beauty Kit\",\"vendor\":\"Sonia Roselli Beauty\",\"id\":\"1557168259125\",\"untranslatedTitle\":\"The Ageless Beauty Kit\",\"url\":\"\/products\/ageless-beauty\",\"type\":\"Skin Prep\"},\"id\":\"44773480595509\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/ageless_beauty_skincare_kit_white.png?v=1784677363\"},\"sku\":\"agelessbundle\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":126.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Smooth Skin Kit\",\"vendor\":\"Sonia Roselli Beauty\",\"id\":\"1405017948213\",\"untranslatedTitle\":\"Smooth Skin Kit\",\"url\":\"\/products\/the-originals\",\"type\":\"Skin Prep\"},\"id\":\"12674271412277\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/smooth_skin_kit_1.png?v=1784673579\"},\"sku\":\"THEOG\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":132.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Concealer Skin Prep Kit\",\"vendor\":\"S-Japan\",\"id\":\"8209088446517\",\"untranslatedTitle\":\"Concealer Skin Prep Kit\",\"url\":\"\/products\/products-concealer-skin-prep-kit\",\"type\":\"\"},\"id\":\"45871871983669\",\"image\":{\"src\":\"\/\/www.soniaroselli.com\/cdn\/shop\/files\/concealerskinprepkit.png?v=1786223251\"},\"sku\":\"CPK01\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});})();</script>
1497<script>
1498  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1499  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1500  window.ShopifyAnalytics.meta.currency = 'USD';
1501  var meta = {"products":[{"id":4688033286,"gid":"gid:\/\/shopify\/Product\/4688033286","vendor":"Sonia Roselli Beauty","type":"Skin Prep","handle":"sexapeel-exfoliation-spray","variants":[{"id":15331963718,"price":5900,"name":"Sexapeel™ Instant Exfoliation Spray","public_title":null,"sku":"sxp01"}],"remote":false},{"id":7201274101813,"gid":"gid:\/\/shopify\/Product\/7201274101813","vendor":"Sonia Roselli Beauty","type":"Skin Prep","handle":"best-eye-cream","variants":[{"id":42343568048181,"price":6700,"name":"Wrinkle Smoothing Peptide Eye Gel","public_title":null,"sku":"WSEC"}],"remote":false},{"id":4688284742,"gid":"gid:\/\/shopify\/Product\/4688284742","vendor":"S-Japan","type":"Skin Prep","handle":"water-balm-moisturizer","variants":[{"id":15333105478,"price":6500,"name":"Water Balm Gel-Cream Moisturizer \u0026 Skin Prep","public_title":null,"sku":"WBSP01"}],"remote":false},{"id":490593189941,"gid":"gid:\/\/shopify\/Product\/490593189941","vendor":"S-Japan","type":"Skin Prep","handle":"water-elixir","variants":[{"id":6779445903413,"price":6500,"name":"Water Elixir Hydrating Serum \u0026 Skin Prep Essence","public_title":null,"sku":"WESP"}],"remote":false},{"id":766502207541,"gid":"gid:\/\/shopify\/Product\/766502207541","vendor":"S-Japan","type":"Skin Prep","handle":"water-oil","variants":[{"id":8396245073973,"price":6900,"name":"Water Oil Dual-Phase Skin Prep Face Serum-Oil","public_title":null,"sku":"WOSP"}],"remote":false},{"id":6931196969013,"gid":"gid:\/\/shopify\/Product\/6931196969013","vendor":"S-Japan","type":"Skin Prep","handle":"barrier-cream","variants":[{"id":41200986652725,"price":6900,"name":"Intense Barrier Cream","public_title":null,"sku":"INBARC"}],"remote":false},{"id":9243811852,"gid":"gid:\/\/shopify\/Product\/9243811852","vendor":"S-Japan","type":"Skin Prep","handle":"japanese-cleansing-oil","variants":[{"id":32026733900,"price":5400,"name":"Japanese Cleansing Oil","public_title":null,"sku":"JPCLO01"}],"remote":false},{"id":6933229142069,"gid":"gid:\/\/shopify\/Product\/6933229142069","vendor":"W-Korea","type":"Skin Prep","handle":"gommage-peeling-gel-gentle-exfoliation-sensitive-skin","variants":[{"id":41211243135029,"price":4200,"name":"Sexapeel™ Gommage Peeling Gel","public_title":null,"sku":"SXPGEL"}],"remote":false},{"id":6698749657141,"gid":"gid:\/\/shopify\/Product\/6698749657141","vendor":"P-Italy","type":"Skin Prep","handle":"skincare-brush","variants":[{"id":40087430266933,"price":3600,"name":"Skin Prep Brush: Skincare \u0026 Primer Application Brush - Skin Prep Brush","public_title":"Skin Prep Brush","sku":"PREPBRUSH1"}],"remote":false},{"id":4659586302005,"gid":"gid:\/\/shopify\/Product\/4659586302005","vendor":"Sonia Roselli Beauty","type":"Skin Prep","handle":"hydration-heroes-skincare-starter-kit","variants":[{"id":32311641112629,"price":12900,"name":"Hydration Heroes Facial Skin Prep Kit","public_title":null,"sku":"5MF01"}],"remote":false},{"id":7191444357173,"gid":"gid:\/\/shopify\/Product\/7191444357173","vendor":"Sonia Roselli Beauty","type":"Skin Prep","handle":"barrier-support-skincare-kit","variants":[{"id":42284895928373,"price":19500,"name":"Sensitive Skin Prep Skincare Kit for Reactive Skin","public_title":null,"sku":"BRT01"}],"remote":false},{"id":7710122672181,"gid":"gid:\/\/shopify\/Product\/7710122672181","vendor":"Sonia Roselli Skincare","type":"Skin Prep","handle":"the-start-simple-skincare-kit","variants":[{"id":43933913055285,"price":16900,"name":"Skin Prep Starter Kit – Exfoliate, Hydrate, Seal","public_title":null,"sku":"TRK1"}],"remote":false},{"id":7710123229237,"gid":"gid:\/\/shopify\/Product\/7710123229237","vendor":"Sonia Roselli Skincare","type":"Skin Prep","handle":"overnight-recovery-skincare-kit","variants":[{"id":43933914923061,"price":30900,"name":"Overnight Recovery Kit","public_title":null,"sku":"ORK1"}],"remote":false},{"id":7989500149813,"gid":"gid:\/\/shopify\/Product\/7989500149813","vendor":"Sonia Roselli 
1501Skincare","type":"Skin Prep","handle":"complete-skin-prep-system","variants":[{"id":44771210002485,"price":46900,"name":"The Complete Skin Prep System","public_title":null,"sku":"CBS1"}],"remote":false},{"id":7665225990197,"gid":"gid:\/\/shopify\/Product\/7665225990197","vendor":"W-Korea","type":"Skin Prep","handle":"face-body-renewal-kit","variants":[{"id":43793092870197,"price":10100,"name":"Sexapeel™ Face \u0026 Body Exfoliation Kit","public_title":null,"sku":"FBR01"}],"remote":false},{"id":1557168259125,"gid":"gid:\/\/shopify\/Product\/1557168259125","vendor":"Sonia Roselli Beauty","type":"Skin Prep","handle":"ageless-beauty","variants":[{"id":44773480595509,"price":19600,"name":"The Ageless Beauty Kit","public_title":null,"sku":"agelessbundle"}],"remote":false},{"id":1405017948213,"gid":"gid:\/\/shopify\/Product\/1405017948213","vendor":"Sonia Roselli Beauty","type":"Skin Prep","handle":"the-originals","variants":[{"id":12674271412277,"price":12600,"name":"Smooth Skin Kit","public_title":null,"sku":"THEOG"}],"remote":false},{"id":8209088446517,"gid":"gid:\/\/shopify\/Product\/8209088446517","vendor":"S-Japan","type":"","handle":"products-concealer-skin-prep-kit","variants":[{"id":45871871983669,"price":13200,"name":"Concealer Skin Prep Kit","public_title":null,"sku":"CPK01"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":262726549557,"requestId":"5ba6c259-5551-430c-9cc9-914275d694b4-1791062792"}};
1502  for (var attr in meta) {
1503    window.ShopifyAnalytics.meta[attr] = meta[attr];
1504  }
1505</script>
vendor: 1 bytes, line 1505
1505
1506<script class="analytics">
1507  (function () {
1508    var customDocumentWrite = function(content) {
1509      var jquery = null;
1510
1511      if (window.jQuery) {
1512        jquery = window.jQuery;
1513      } else if (window.Checkout && window.Checkout.$) {
1514        jquery = window.Checkout.$;
1515      }
1516
1517      if (jquery) {
1518        jquery('body').append(content);
1519      }
1520    };
1521
1522    var hasLoggedConversion = function(token) {
1523      if (token) {
1524        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1525      }
1526      return false;
1527    }
1528
1529    var setCookieIfConversion = function(token) {
1530      if (token) {
1531        var twoMonthsFromNow = new Date(Date.now());
1532        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1533
1534        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1535      }
1536    }
1537
1538    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1539    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1540    if (trekkie.integrations) {
1541      return;
1542    }
1543    trekkie.methods = [
1544      'identify',
1545      'page',
1546      'ready',
1547      'track',
1548      'trackForm',
1549      'trackLink'
1550    ];
1551    trekkie.factory = function(method) {
1552      return function() {
1553        var args = Array.prototype.slice.call(arguments);
1554        args.unshift(method);
1555        trekkie.push(args);
1556        if (method == 'track' || method == 'page') {
1557          var pageUrl;
1558          try {
1559            pageUrl = window.location.href;
1560          } catch (e) {}
1561          var pageReferrer;
1562          try {
1563            pageReferrer = document.referrer;
1564          } catch (e) {}
1565          try {
1566            if (window.__TREKKIE_SHIM_QUEUE == null) {
1567              window.__TREKKIE_SHIM_QUEUE = [];
1568            }
1569            window.__TREKKIE_SHIM_QUEUE.push({
1570              from: 'trekkie-stub',
1571              method: method,
1572              args: args.slice(1),
1573              pageContext: {
1574                url: pageUrl,
1575                referrer: pageReferrer
1576              }
1577            });
1578          } catch (e) {
1579            // no-op
1580          }
1581        }
1582        return trekkie;
1583      };
1584    };
1585    for (var i = 0; i < trekkie.methods.length; i++) {
1586      var key = trekkie.methods[i];
1587      trekkie[key] = trekkie.factory(key);
1588    }
1589    trekkie.load = function(config) {
1590      trekkie.config = config || {};
1591      trekkie.config.initialDocumentCookie = document.cookie;
1592      var first = document.getElementsByTagName('script')[0];
1593var script = document.createElement('script');
1594script.type = 'text/javascript';
1595script.onerror = function(e) {
1596  var scriptFallback = document.createElement('script');
1597  scriptFallback.type = 'text/javascript';
1598  scriptFallback.onerror = function(error) {
1599          var Monorail = {
1600      produce: function produce(monorailDomain, schemaId, payload) {
1601        var currentMs = new Date().getTime();
1602        var event = {
1603          schema_id: schemaId,
1604          payload: payload,
1605          metadata: {
1606            event_created_at_ms: currentMs,
1607            event_sent_at_ms: currentMs
1608          }
1609        };
1610        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1611      },
1612      sendRequest: function sendRequest(endpointUrl, payload) {
1613        // Try the sendBeacon API
1614        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1615          var blobData = new window.Blob([payload], {
1616            type: 'text/plain'
1617          });
1618
1619          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1620            return true;
1621          } // sendBeacon was not successful
1622
1623        } // XHR beacon
1624
1625        var xhr = new XMLHttpRequest();
1626
1627        try {
1628          xhr.open('POST', endpointUrl);
1629          xhr.setRequestHeader('Content-Type', 'text/plain');
1630          xhr.send(payload);
1631        } catch (e) {
1632          console.log(e);
1633        }
1634
1635        return false;
1636      },
1637      isIos12: function isIos12() {
1638        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1639      }
1640    };
1641    Monorail.produce('monorail-edge.shopifysvc.com',
1642      'trekkie_storefront_load_errors/1.1',
1643      {shop_id: 11218630,
1644      theme_id: 147213778997,
1645      app_name: "storefront",
1646      context_url: window.location.href,
1647      source_url: "//www.soniaroselli.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1648
1649  };
1650  scriptFallback.async = true;
1651  scriptFallback.src = '//www.soniaroselli.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1652  first.parentNode.insertBefore(scriptFallback, first);
1653};
1654script.async = true;
1655script.src = '//www.soniaroselli.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1656first.parentNode.insertBefore(script, first);
1657
1658    };
1659    trekkie.load(
1660      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":11218630,"isMerchantRequest":null,"themeId":147213778997,"themeCityHash":"7763149103731738186","contentLanguage":"en","currency":"USD","eventMetadataId":"034afd4a-c3b6-47ce-a294-0221cb75b7b6"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1661    );
1662
1663    var loaded = false;
1664    trekkie.ready(function() {
1665      if (loaded) return;
1666      loaded = true;
1667
1668      window.ShopifyAnalytics.lib = window.trekkie;
1669
1670      var originalDocumentWrite = document.write;
1671      document.write = customDocumentWrite;
1672      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1673      document.write = originalDocumentWrite;
1674
1675      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1676      var token = match? match[1]: undefined;
1677      if (!hasLoggedConversion(token)) {
1678        setCookieIfConversion(token);
1679        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: shop-all","collectionName":"shop-all","collectionId":262726549557,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
1680      }
1681    });
1682
1683    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":262726549557,"requestId":"5ba6c259-5551-430c-9cc9-914275d694b4-1791062792","shopifyEmitted":true});
1684
1685    var eventsListenerScript = document.createElement('script');
1686    eventsListenerScript.async = true;
1687    eventsListenerScript.src = "//www.soniaroselli.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1688    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1689})();</script>
1689
1690  
1690<script>
1691  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1692    window.ga = function ga() {
1693      (window.ga.q = window.ga.q || []).push(arguments);
1694      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1695        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1696      }
1697      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
1698    };
1699    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1700      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1701    }
1702  }
1703</script>
vendor: 1 bytes, line 1703
1703
1704<script
1705  defer
1706  src="https://www.soniaroselli.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1707  data-application="storefront-renderer"
1708  data-shop-id="11218630"
1709  data-render-region="gcp-us-central1"
1710  data-page-type="collection"
1711  data-theme-instance-id="147213778997"
1712  data-theme-name="Eurus"
1713  data-theme-version="10.0.0"
1714  data-monorail-region="shop_domain"
1715  data-resource-timing-sampling-rate="10"
1716  data-shs="true"
1717  data-shs-beacon="true"
1718  data-shs-export-with-fetch="true"
1719  data-shs-logs-sample-rate="1"
1720  data-shs-beacon-endpoint="https://www.soniaroselli.com/api/collect"
1721></script>
vendor: 1 bytes, line 1721
1721
1722<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1722<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"11218630","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
1722
1723<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1822620393000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1791064593000"><meta name="new-cookie-storage-activated" content="t">
1724</head>
1725  <body 
1726    class="gradient scrollbar-body overflow-x-hidden body-text-base-size" 
1727    x-data
1728    :class="($store.xPopup.open || $store.xPopup.openVideoShopping) && 'overflow-hidden padding-scrollbar'" 
1729    
1730    x-intersect.once="$store.xPopup.setWidthScrollbar();"
1731  >
1731<script>
1732        window.addEventListener('DOMContentLoaded', (event) => {
1733          const transitionEl = document.getElementById('x-page-transition');
1734          transitionEl.style.opacity = '0';
1735          setTimeout(() => {
1736            transitionEl.remove();
1737          }, 1000); 
1738        });
1739      </script>
1739
1740      <div id="x-page-transition" class="transition-all ease-in-out duration-1000 opacity-100 fixed top-0 left-0 w-full h-full bg-black z-[9999]"></div><div class="main-container flex flex-col min-h-screen relative">
1741      <a class="skip-to-content absolute -z-10 button button-solid hidden lg:block pt-2.5 pb-2.5 pl-6 pr-6 lg:pt-3 lg:pb-3 mt-0.5 ml-0.5 leading-normal justify-center cursor-pointer focus-visible:z-60" href="#MainContent">
1742        Skip to content
1743      </a>
1744      
1745      
1746          <!-- BEGIN sections: header-group -->
1747<div id="shopify-section-sections--19743131205685__announcement-bar" class="shopify-section shopify-section-group-header-group section-announcement"><style data-shopify>
1748  @media (min-width: 1024px) {
1749    .announcement-bar-toolbar #localization_form button {
1750      padding-bottom: 0.375rem;
1751      padding-top: 0.375rem;
1752    }
1753    .announcement-bar-toolbar #localization_form ul {
1754      z-index: 100;
1755    }
1756    .announcement-bar-right .menu-position-left, 
1757    .announcement-bar-left .menu-position-left {
1758      padding-left: 1.25rem;
1759    }
1760    .announcement-bar-right .menu-position-right,
1761    .announcement-bar-left .menu-position-right {
1762      padding-right: 1.25rem;
1763    }
1764  }
1765  .announcement-bar-toolbar #localization_form > .localization-form-child {
1766    width: -moz-max-content;
1767    width: max-content;
1768  }
1769  .announcement-bar-toolbar .social-list a {
1770    height: 1.5rem;
1771    padding-top: 0.125rem;
1772    padding-right: 0.375rem;
1773    padding-left: 0.375rem;
1774    padding-bottom: 0.125rem;
1775    width: 30px;
1776  }
1777  .announcement-bar-toolbar.toolbar-align-left #selector-social {
1778    flex-direction: row-reverse;
1779  }
1780  .announcement-bar-toolbar .social-list {
1781    max-width: 200px;
1782  }
1783  @media (max-width: 767px) {
1784    .announcement-bar-toolbar .social-list {
1785      max-width: unset;
1786    }
1787  }
1788</style>
1789<style data-shopify>#shopify-section-sections--19743131205685__announcement-bar {
1790    contain: style;
1791  }
1792  #x-announcement-bar .arrow {
1793    background: transparent;
1794    border: 0;
1795    box-shadow: none;
1796    color: #1d1d1d;
1797  }
1798  .dark #x-announcement-bar .arrow {
1799    color: #ffffff;
1800  }
1801  .announcement-bar_container-sections--19743131205685__announcement-bar {
1802    
1803      background: #e9e3de;
1804    
1805    
1806      --colors-text-link: 138,106,59;
1807    
1808  }
1809  .dark .announcement-bar_container-sections--19743131205685__announcement-bar {
1810    
1811      background: #000000;
1812    
1813--colors-text-link: 255,255,255;
1814    
1815  }
1816  .announcement-bar_text {
1817    
1818      color: #1d1d1d;
1819      --colors-line-and-border: 29,29,29;
1820    
1821  }
1822  .dark .announcement-bar_text {
1823    
1824      color: #ffffff;
1825      --colors-line-and-border: 255,255,255;
1826    
1827  }
1828  
1829</style><div 
1830    id="x-announcement" 
1831    class="announcement-bar_container-sections--19743131205685__announcement-bar ltr mr-auto ml-auto flex items-center lg:pl-5 lg:pr-5"
1832    
1833  >
1834        
1835          <div id="x-slide-announcement-bar" class="disable-effect-hover grow flex-1 x-splide splide cursor-grab lg:pl-12 lg:pr-12 overflow-hidden visible relative"x-intersect.once='$store.xSplide.load($el, {
1836                "type": "loop",
1837                "speed": 1000,
1838                "pagination": false,
1839                "interval": 6000,
1840"autoplay": true,
1841                "classes": {
1842                  "arrows" : "block "
1843                }
1844              })'>
1845            <div class="splide__track x-pgw page-width mr-auto ml-auto pl-0 pr-0">
1846              <div class="splide__list w-full flex "><style data-shopify>.text--announcement_h4b3fF .width-countdown {
1847                    width: 8.6625rem;
1848                  }.text--announcement_h4b3fF,
1849                    .btn--announcement_h4b3fF {
1850                      font-size: 0.86625rem;
1851                    }
1852                    @media (min-width: 768px) {
1853                      .text--announcement_h4b3fF,
1854                      .btn--announcement_h4b3fF {
1855                        font-size: 0.9625rem;
1856                      }
1857                    }.icon--announcement_h4b3fF {
1858                    width: 0.9625rem;
1859                    height: 0.9625rem;
1860                  }
1861                  .button.text_button_announ--announcement_h4b3fF {
1862                    
1863                      color: rgb(var(--colors-button-text));
1864                    
1865                    
1866                      background: rgba(var(--colors-button));
1867                    
1868                  }
1869                  .dark .button.text_button_announ--announcement_h4b3fF {
1870                    
1871                      color: rgb(var(--colors-button-text));
1872                    
1873                    
1874                      background: rgba(var(--colors-button));
1875                    
1876                  } 
1877                  @media(min-width: 768px){
1878                    .button.text_button_announ--announcement_h4b3fF {
1879                      
1880                        color: rgba(var(--colors-button-text-hover));
1881                      
1882                      
1883                        background: rgba(var(--colors-button));
1884                      
1885                    }
1886                    .dark .button.text_button_announ--announcement_h4b3fF {
1887                      
1888                        color: rgba(var(--colors-button-text-hover));
1889                      
1890                      
1891                        background: rgba(var(--colors-button));
1892                      
1893                    } 
1894                  }
1895                  .text-link-with-arrow--announcement_h4b3fF {
1896                    
1897                      color: rgb(var(--colors-text-link));
1898                    
1899                  }
1900                  .dark .text-link-with-arrow--announcement_h4b3fF {
1901                    
1902                      color: rgb(var(--colors-text-link));
1903                    
1904                  }
1905                  .hyperlink-circle-color--announcement_h4b3fF {
1906                    
1907                      background-color: rgba(var(--colors-text-link));
1908                    
1909                  }
1910                  .dark .hyperlink-circle-color--announcement_h4b3fF {
1911                    
1912                      background-color: rgba(var(--colors-button-text-hover));
1913                    
1914                  }</style><div x-slide-index="0" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center pt-3 pb-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div
1915                      
1916                      class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr">
1917                      
1918                      <div class="text--announcement_h4b3fF announcement-bar_text flex rtl:order-1">
1919<p class="x-announcement-bar-block-data leading-[initial]">Free shipping on all orders $75+</p></div></div></div><style data-shopify>.text--announcement_aJttk9 .width-countdown {
1920                    width: 8.6625rem;
1921                  }.text--announcement_aJttk9,
1922                    .btn--announcement_aJttk9 {
1923                      font-size: 0.86625rem;
1924                    }
1925                    @media (min-width: 768px) {
1926                      .text--announcement_aJttk9,
1927                      .btn--announcement_aJttk9 {
1928                        font-size: 0.9625rem;
1929                      }
1930                    }.icon--announcement_aJttk9 {
1931                    width: 0.9625rem;
1932                    height: 0.9625rem;
1933                  }
1934                  .button.text_button_announ--announcement_aJttk9 {
1935                    
1936                      color: rgb(var(--colors-button-text));
1937                    
1938                    
1939                      background: rgba(var(--colors-button));
1940                    
1941                  }
1942                  .dark .button.text_button_announ--announcement_aJttk9 {
1943                    
1944                      color: rgb(var(--colors-button-text));
1945                    
1946                    
1947                      background: rgba(var(--colors-button));
1948                    
1949                  } 
1950                  @media(min-width: 768px){
1951                    .button.text_button_announ--announcement_aJttk9 {
1952                      
1953                        color: rgba(var(--colors-button-text-hover));
1954                      
1955                      
1956                        background: rgba(var(--colors-button));
1957                      
1958                    }
1959                    .dark .button.text_button_announ--announcement_aJttk9 {
1960                      
1961                        color: rgba(var(--colors-button-text-hover));
1962                      
1963                      
1964                        background: rgba(var(--colors-button));
1965                      
1966                    } 
1967                  }
1968                  .text-link-with-arrow--announcement_aJttk9 {
1969                    
1970                      color: rgb(var(--colors-text-link));
1971                    
1972                  }
1973                  .dark .text-link-with-arrow--announcement_aJttk9 {
1974                    
1975                      color: rgb(var(--colors-text-link));
1976                    
1977                  }
1978                  .hyperlink-circle-color--announcement_aJttk9 {
1979                    
1980                      background-color: rgba(var(--colors-text-link));
1981                    
1982                  }
1983                  .dark .hyperlink-circle-color--announcement_aJttk9 {
1984                    
1985                      background-color: rgba(var(--colors-button-text-hover));
1986                    
1987                  }</style><div x-slide-index="1" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center pt-3 pb-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div
1988                      
1989                      class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr">
1990                      
1991                      <div class="text--announcement_aJttk9 announcement-bar_text flex rtl:order-1">
1992<p class="x-announcement-bar-block-data leading-[initial]">Made in Japan & Korea</p></div></div></div></div>
1993            </div><div class="hidden lg:block splide__arrows">
1994                <button class="splide__arrow splide__arrow--prev announcement-bar_text absolute none_border z-10 top-1/2 opacity-70 -translate-y-1/2 rtl:md:right-3 rtl:lg:right-4 rtl:-rotate-90 rtl:left-auto md:left-3 lg:left-4 rotate-90 disabled:cursor-not-allowed bg-none bg-inherit pt-2.5 pr-2.5 pb-2.5 pl-2.5" aria-label="previous slide">
1995                  <span class="block w-4 h-4">
1996    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1997      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1998    </svg>
1999</span>
2000                </button>
2001                <button class="splide__arrow splide__arrow--next announcement-bar_text absolute none_border z-10 top-1/2 opacity-70 -translate-y-1/2 rtl:md:left-3 rtl:lg:left-4 rtl:rotate-90 rtl:right-auto  md:right-3 lg:right-4 -rotate-90 disabled:cursor-not-allowed bg-none bg-inherit pt-2.5 pr-2.5 pb-2.5 pl-2.5" aria-label="next slide">
2002                  <span class="block w-4 h-4">
2003    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2004      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2005    </svg>
2006</span>
2007                </button>
2008              </div></div>
2009        
2010
2011</div>
2012</div><div id="shopify-section-sections--19743131205685__header" class="shopify-section shopify-section-group-header-group section-header z-50"><style data-shopify>
2013  
2014    .back{
2015      position: absolute;
2016      top: 50%;
2017      left: 50%;
2018      white-space: nowrap;
2019      opacity: 0;
2020      transform: translate(-50%, -50%) translateY(100%) translateZ(0);
2021      transition-behavior: normal, normal;
2022      transition-duration: 0.6s, 0.6s;
2023      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
2024      transition-delay: 0s, 0s;
2025      transition-property: transform, opacity;
2026    }
2027    .front{
2028      transform: translateZ(0);
2029      transition-behavior: normal, normal;
2030      transition-duration: 0.6s, 0.6s;
2031      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
2032      transition-delay: 0s, 0s;
2033      transition-property: transform, opacity;
2034      border-bottom: 1px solid transparent;
2035    }
2036    .flip-container:hover .front{
2037      opacity: 0;
2038      transform: translateY(-100%) translateZ(0);
2039    }
2040    .flip-container:hover .back{
2041      opacity: 1;
2042      transform: translate(-50%, -50%) translateY(0%) translateZ(0);
2043      border-bottom: 1px solid rgba(var(--colors-text-link));
2044    }
2045  
2046  .w-logo-header {
2047    width: 120px;
2048    min-width: 120px;
2049  }
2050  @media(min-width: 768px) {
2051    .w-logo-header {
2052      width: 250px;
2053      min-width: 250px;
2054    }
2055  }
2056  
2057  
2058.logo-name {
2059    font-size: 1.125rem;
2060  }
2061  header {
2062    grid-template-areas: "drawer heading icons";
2063    
2064  }
2065  @media (min-width: 1024px) {
2066    header {
2067      grid-template-areas: "iconsRight heading icons" "navigation navigation navigation";
2068      grid-template-columns: 4fr 2fr 4fr;
2069    } 
2070    .logo-name {
2071      font-size: 2.25rem;
2072    }
2073    .pt-header {
2074      padding-top: 24px;
2075    }
2076    .pb-header {
2077      padding-bottom: 24px;
2078    }
2079  }
2080  .h-hamburger {
2081    height: var(--hamburger-menu-height);
2082  }
2083  @media (max-width: 1023px) {
2084    .section-padding-sections--19743131205685__header {
2085      padding-top: 8px;
2086      padding-bottom: 8px;
2087    }
2088  }</style><div x-show="$store.xHeaderMenu.overlay" 
2089  x-transition:enter="ease-in-out duration-300"
2090  x-transition:enter-start="opacity-0"
2091  x-transition:enter-end="opacity-100"
2092  x-transition:leave="transition-all ease-in-out duration-300"
2093  x-transition:leave-end="opacity-0"
2094  class="bg-[rgba(0,0,0,0.4)] hidden lg:flex fixed top-0 right-0 bottom-0 left-0" x-cloak></div>
2095<div
2096  id="x-header-container"
2097  class="relative text-[rgb(var(--colors-text-header))] background-header"
2098  
2099  
2100  x-init='() => {
2101    $store.xHeaderMenu.sectionId = "sections--19743131205685__header";
2102    $store.xHeaderMenu.mobileHeaderLayout = "center-left";
2103    $store.xHeaderMenu.initSticky($el, "none");
2104    
2105  }'
2106  
2107    :class="($store.xMiniCart.open || $store.xHeaderMenu.show) && 'z-[60]'"
2108  
2109  @click.away="$store.xHeaderMenu.openHamburgerMenu = false;"
2110  
2111>
2112  <div
2113    id="sticky-header-content"
2114    class="sticky-header-content background-header sticky-header-active z-20 w-full top-0
2115     header-full-width"
2116    :class="{ 'padding-scrollbar-header': $store.xHeaderMenu.isSticky && ($store.xPopup.open || $store.xPopup.openVideoShopping), 'static': $store.xHeaderMenu.overlay, 'relative': !$store.xHeaderMenu.overlay}"
2117    
2118  >
2119    <header 
2120      class="header lg:pb-0 section-padding-sections--19743131205685__header pt-header lg:pb-0 full-width grid lg:mr-auto lg:ml-auto gap-x-2 items-center" :class="{ ' lg:pt-5': !$store.xHeaderMenu.isSticky, 'open-menu': $store.xHeaderMenu.overlay }"
2121      x-on:mouseleave="$store.xHeaderMenu.closeMenu()"
2122    >
2123      <div data-breakpoint="tablet" class="x-container-header-mobile-nav [grid-area:drawer] lg:hidden flex items-center w-full">
2124        
2125        
2126        <style data-shopify>
2127          
2128            .mobile-navigation-modern-icon-bg {
2129              background: rgba(var(--colors-line-header),1);
2130            }
2131          
2132        </style>
2133        <div 
2134          id="mobile-navigation"
2135          @click="setTimeout(() => { $store.xMobileNav.open() }, 0)"
2136          class="relative  pt-2 pb-2 pl-2 pr-2 mobile-navigation-modern-icon-bg  rounded-full cursor-pointer "
2137        > 
2138          <div class="w-5 h-5">
2139    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2140      <path d="M1 7H23 M1 17H23" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2141    </svg>
2142  
2143</div>            
2144        </div>
2145      </div>
2146        <div class="flex logo-name p-break-words lg:order-2 top-4 text-center [grid-area:heading] mr-auto ml-auto justify-center lg:mr-auto lg:ml-auto lg:pb-0 lg:justify-center"
2147        >
2148      
2149        
2150
2151<div class="flex lg:pt-2 lg:pb-2 items-center">
2152  <a href="/" class="w-logo-header h-auto disable-effect inline-block"><span class="hidden dark:block h-0 dark:h-auto mr-auto ml-auto md:mr-auto md:ml-auto">Sonia Roselli Skincare</span><img
2153        src="//www.soniaroselli.com/cdn/shop/files/SR-Primary-Logo-A-01-543f27-1.png?v=1783986848&width=855"
2154        alt="Sonia Roselli brand name in dark brown serif lettering on a black background."
2155        sizes="(min-width: 768px) 250px, 120px"
2156        srcset="//www.soniaroselli.com/cdn/shop/files/SR-Primary-Logo-A-01-543f27-1.png?v=1783986848&width=50 50w,
2157          //www.soniaroselli.com/cdn/shop/files/SR-Primary-Logo-A-01-543f27-1.png?v=1783986848&width=100 100w,
2158          //www.soniaroselli.com/cdn/shop/files/SR-Primary-Logo-A-01-543f27-1.png?v=1783986848&width=150 150w,
2159          //www.soniaroselli.com/cdn/shop/files/SR-Primary-Logo-A-01-543f27-1.png?v=1783986848&width=200 200w,
2160          //www.soniaroselli.com/cdn/shop/files/SR-Primary-Logo-A-01-543f27-1.png?v=1783986848&width=250 250w,
2161          //www.soniaroselli.com/cdn/shop/files/SR-Primary-Logo-A-01-543f27-1.png?v=1783986848&width=300 300w,
2162          //www.soniaroselli.com/cdn/shop/files/SR-Primary-Logo-A-01-543f27-1.png?v=1783986848&width=400 400w,
2163          //www.soniaroselli.com/cdn/shop/files/SR-Primary-Logo-A-01-543f27-1.png?v=1783986848&width=500 500w,
2164          //www.soniaroselli.com/cdn/shop/files/SR-Primary-Logo-A-01-543f27-1.png?v=1783986848&width=600 600w"
2165        width="855"
2166        height="85"
2167        class="header-logo w-full block dark:hidden dark:absolute mr-auto ml-auto md:mr-auto md:ml-auto"
2168        loading="lazy"
2169      /></a>
2170</div>
2171
2172        </div>
2173      <div
2174        class="x-container-header-icons justify-end lg:order-4 [grid-area:icons] lg:[grid-area:icons] flex"
2175      >
2176        <div class="x-header-store-selector-container self-center md:block hidden md:mr-2.5 md:ml-3 empty:hidden"></div>
2177        
2178        
2179<style data-shopify>
2180            
2181              @media (max-width: 767px) {
2182                .mobile-center-left #SearchOpen {
2183                  left: 3.5rem;
2184                }
2185                .mobile-center-right #SearchOpen {
2186                  right: 3.5rem;
2187                }
2188              }
2189            
2190          </style>
2191          <div class="x-header-icon-search flex items-center justify-center mobile-center-left" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'header-search-block', '#ajax-loading-header-search');">
2192            <a 
2193              id="SearchOpen"
2194              href="/search" 
2195              aria-label="search"
2196              class="flex items-center cursor-pointer justify-center link focus-inset bg-none" 
2197              @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); }, 0)">
2198              <span class="w-11 h-10 pl-3 pr-3 pt-2.5 pb-2">
2199    <svg class="icon-animation icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
2200      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M11.192 20.223C16.5 20.223 20.803 15.92 20.803 10.612S16.5 1 11.192 1 1.58 5.303 1.58 10.612s4.304 9.611 9.612 9.611 M17.706 18.301 22.405 23"/>
2201    </svg>
2202  
2203</span>
2204            </a>
2205          </div><shopify-store store-domain="https://www.soniaroselli.com" country="US" language="en"></shopify-store>
2206<shopify-account class="header-icon-account hidden lg:flex relative items-center justify-center" menu="customer-account-main-menu">
2207            <div slot="signed-out-avatar">
2208              <span class="w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2 block">
2209                
2210    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
2210ox="0 0 24 24" fill="none">
2211      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M21.776 23v-2.444a4.889 4.889 0 0 0-4.889-4.889H7.109a4.889 4.889 0 0 0-4.889 4.889V23 M11.998 10.778a4.889 4.889 0 1 0 0-9.778 4.889 4.889 0 0 0 0 9.778"/>
2212    </svg>
2213  
2214
2215              </span>
2216            </div>
2217          </shopify-account><a 
2218            id="cart-icon"
2219            href="/cart"
2220            class="relative flex items-center header-icon-cart cursor-pointer"   
2221                       
2222              @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('cart-icon'); $store.xMiniCart.openCart(); }, 0)"
2223              :class="$store.xMiniCart.open && 'pointer-events-none'"
2224            
2225            aria-controls="CartDrawer"
2226            aria-expanded="false"
2227            aria-label="icon-cart"
2228          >
2229            <span class="relative w-11 h-10 md:pl-3 inline-block pl-3 pr-0 md:pr-2.5 pt-2.5 pb-2">
2230              
2231    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
2232      <path fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M21.912 21.122a2.2 2.2 0 0 1-.423 1.32 2.16 2.16 0 0 1-1.269.558H3.703a2.16 2.16 0 0 1-1.269-.558 2.2 2.2 0 0 1-.423-1.32L3.5 7.77h16.923l1.489 13.353ZM7.731 7.769V5.231a4.23 4.23 0 1 1 8.462 0v2.538"/>
2233    </svg>
2234  
2235              <div id="cart-icon-bubble" >
2236                <div 
2237                  class="count_item absolute text-center place-content-center -top-0.5 -right-1.5 md:right-0 bg-[rgba(var(--colors-cart))] text-[rgba(var(--colors-cart-text))] font-medium h-5 w-5 rounded-full text-[9px] hidden" 
2238                  data-value="0"
2239                >0</div>
2240              </div>
2241            </span>
2242          </a></div>
2243
2244      
2245
2246      
2247        
2248
2249<style data-shopify>
2250    .svg-highlight-sections--19743131205685__header {
2251      --color-highlight: #a94600;
2252    }
2253    .dark .svg-highlight-sections--19743131205685__header {
2254      --color-highlight: #f5f5f3;
2255    }
2256  
2257  .x-icon-caret svg {
2258    color: var(--colors-text-header);
2259    --tw-rotate: 0deg;
2260    transform: rotate(var(--tw-rotate));
2261    transition: transform 0.5s ease 0.1s;
2262  }
2263  .is-focus .x-icon-caret svg {
2264      color: var(--colors-text-link);
2265      --tw-rotate: 180deg;
2266    }
2267</style><nav 
2268  x-on:click.away="$store.xHeaderMenu.closeMenu()"
2269  class="x-container-header-nav [grid-area:navigation] w-full order-3 hidden header__inline-menu lg:flex items-center pb-header lg:[grid-area:navigation] mt-4 justify-center"
2270>
2271  <ul class="list-menu inline-flex flex-wrap gap-x-10 items-center justify-center"
2272  >
2273    
2274
2275
2276<style data-shopify>
2277</style><li 
2278            class="tree-menu pl-0"
2279             
2280              
2281              :class="$store.xHeaderMenu.show === 1 && 'is-focus'"
2282            
2283          >
2284            <div class="flip-container relative cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
2285              
2286              
2287            >
2288              <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2289                <div class="relative x-anm">
2290                  <a
2291                    href="/collections/skin-prep-makeup"
2292                    class="front cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
2293                  >
2294                    
2295                    
2296                      
2297                      
2298                        Skin Care
2299                      
2300                    
2301                  </a>
2302                  
2303                    <a
2304                      tabindex="-1"
2305                      href="/collections/skin-prep-makeup"
2306                      class="back cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
2307                    >
2308                      
2309                      
2310                        
2311                        
2312                          Skin Care
2313                        
2314                      
2315                    </a>
2316                  
2317                </div>
2318              </div>
2319            </div></li><li 
2320            class="tree-menu pl-0"
2321             
2322              
2323              :class="$store.xHeaderMenu.show === 2 && 'is-focus'"
2324            
2325          >
2326            <div class="flip-container relative cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link 
2326is-focus:link-active" x-data='{ active: false }' 
2327              
2328              
2329            >
2330              <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2331                <div class="relative x-anm">
2332                  <a
2333                    href="/collections/sonia-roselli-skincare-kits-professional-skin-prep-sets"
2334                    class="front cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
2335                  >
2336                    
2337                    
2338                      
2339                      
2340                        Skincare Kits
2341                      
2342                    
2343                  </a>
2344                  
2345                    <a
2346                      tabindex="-1"
2347                      href="/collections/sonia-roselli-skincare-kits-professional-skin-prep-sets"
2348                      class="back cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
2349                    >
2350                      
2351                      
2352                        
2353                        
2354                          Skincare Kits
2355                        
2356                      
2357                    </a>
2358                  
2359                </div>
2360              </div>
2361            </div></li><li 
2362            class="tree-menu pl-0"
2363             
2364              
2365              :class="$store.xHeaderMenu.show === 3 && 'is-focus'"
2366            
2367          >
2368            <div class="flip-container relative cursor-pointer tree-menu-item p-break-words inline-block  link-active justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
2369              
2370              
2371            >
2372              <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2373                <div class="relative x-anm">
2374                  <a
2375                    href="/collections/shop-all"
2376                    class="front cursor-pointer tree-menu-item p-break-words inline-block  link-active justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
2377                  >
2378                    
2379                    
2380                      
2381                      
2382                        Shop All
2383                      
2384                    
2385                  </a>
2386                  
2387                    <a
2388                      tabindex="-1"
2389                      href="/collections/shop-all"
2390                      class="back cursor-pointer tree-menu-item p-break-words inline-block  link-active justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
2391                    >
2392                      
2393                      
2394                        
2395                        
2396                          Shop All
2397                        
2398                      
2399                    </a>
2400                  
2401                </div>
2402              </div>
2403            </div></li><li 
2404            class="tree-menu pl-0"
2405             
2406              
2407              :class="$store.xHeaderMenu.show === 4 && 'is-focus'"
2408            
2409          >
2410            <div class="flip-container relative cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
2411              
2412              
2413            >
2414              <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2415                <div class="relative x-anm">
2416                  <a
2417                    href="/pages/about-sonia-roselli"
2418                    class="front cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
2419                  >
2420                    
2421                    
2422                      
2423                      
2424                        About
2425                      
2426                    
2427                  </a>
2428                  
2429                    <a
2430                      tabindex="-1"
2431                      href="/pages/about-sonia-roselli"
2432                      class="back cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link 
2432is-focus:link-active" 
2433                    >
2434                      
2435                      
2436                        
2437                        
2438                          About
2439                        
2440                      
2441                    </a>
2442                  
2443                </div>
2444              </div>
2445            </div></li><li 
2446            class="tree-menu pl-0"
2447             
2448              
2449              :class="$store.xHeaderMenu.show === 5 && 'is-focus'"
2450            
2451          >
2452            <div class="flip-container relative cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
2453              
2454              
2455            >
2456              <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2457                <div class="relative x-anm">
2458                  <a
2459                    href="/pages/skincare-how-to-videos"
2460                    class="front cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
2461                  >
2462                    
2463                    
2464                      
2465                      
2466                        Videos
2467                      
2468                    
2469                  </a>
2470                  
2471                    <a
2472                      tabindex="-1"
2473                      href="/pages/skincare-how-to-videos"
2474                      class="back cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
2475                    >
2476                      
2477                      
2478                        
2479                        
2480                          Videos
2481                        
2482                      
2483                    </a>
2484                  
2485                </div>
2486              </div>
2487            </div></li><li 
2488            class="tree-menu pl-0"
2489             
2490              
2491              :class="$store.xHeaderMenu.show === 6 && 'is-focus'"
2492            
2493          >
2494            <div class="flip-container relative cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
2495              
2496              
2497            >
2498              <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2499                <div class="relative x-anm">
2500                  <a
2501                    href="/blogs/complexion"
2502                    class="front cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
2503                  >
2504                    
2505                    
2506                      
2507                      
2508                        Complexion Library
2509                      
2510                    
2511                  </a>
2512                  
2513                    <a
2514                      tabindex="-1"
2515                      href="/blogs/complexion"
2516                      class="back cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
2517                    >
2518                      
2519                      
2520                        
2521                        
2522                          Complexion Library
2523                        
2524                      
2525                    </a>
2526                  
2527                </div>
2528              </div>
2529            </div></li></ul>
2530</nav>
2531      
2532    </header>
2533    
2534</div>
2535</div>
2536
2537<div id="x-cart-drawer-container" class="z-[70] fixed" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'cart-drawer', '#ajax-loading-cart');"></div>
2537<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/search-prompts.js?v=181440801706723618771782713469" defer></script>
2537                   
2538<script type="application/ld+json">
2539  {
2540    "@context": "http://schema.org",
2541    "@type": "Organization",
2542    "name": "Sonia Roselli Skincare",
2543    
2544      "logo": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/SR-Primary-Logo-A-01-543f27-1.png?v=1783986848\u0026width=855",
2545    
2546    "sameAs": [
2547      "",
2548      "https:\/\/www.facebook.com\/soniarosellibeauty\/",
2549      "https:\/\/www.pinterest.com\/soniaroselli\/",
2550      "https:\/\/www.instagram.com\/soniarosellibeauty\/",
2551      "https:\/\/www.tiktok.com\/@soniarosellibeauty",
2552      "",
2553      "",
2554      "https:\/\/www.youtube.com\/@soniarosellistyle",
2555      ""
2556    ],
2557    "url": "https:\/\/www.soniaroselli.com"
2558  }
2559</script>
2559<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/store-selector.js?v=69199566774997787001782713469" defer="defer"></script>
2559
2560
2561</div><div id="shopify-section-sections--19743131205685__mobile-navigation" class="shopify-section shopify-section-group-header-group section-mobile-navigation"><style data-shopify>#mobile-navigation {
2562    contain: style layout;
2563  }
2564  #mobile-navigation * {border-color: rgba(var(--colors-line-header));}
2565  .dark #mobile-navigation * {border-color: rgba(var(--colors-line-header));}
2566  #mobile-navigation .text-color,
2567  #mobile-navigation .background-header {background: rgba(var(--background-color-header));--colors-text: 45, 45, 43;
2568      --colors-heading: 29, 29, 29;  
2569      --colors-text-link: 45, 45, 43;
2570    
2571  }
2572  .dark #mobile-navigation .text-color,
2573  .dark #mobile-navigation .background-header {--colors-text: 225, 227, 225;
2574      --colors-heading: 255, 255, 255;  
2575      --colors-text-link: 145, 180, 116;
2576    
2577  }
2578  
2579    .svg-highlight-sections--19743131205685__mobile-navigation {
2580    
2581      --color-highlight: #a94600;
2582    
2583    }
2584    .dark .svg-highlight-sections--19743131205685__mobile-navigation {
2585      
2586        --color-highlight: rgb(145, 180, 116);
2587      
2588    }
2589  
2590  .block-mobile-navigation-after::after {
2591    content: var(--tw-content);
2592    position: absolute;
2593    width: 100%;
2594    left: 0;
2595    border-bottom-width: 1px;border-color: rgba(var(--colors-line-header));}
2596  .dark .block-mobile-navigation-after::after {border-color: rgba(var(--colors-line-header));}
2597  .font-menu-level-0 {
2598    font-size: 1.2375rem;
2599  }
2600  .font-menu-level-1 {
2601    font-size: 1.1rem;
2602  }
2603  .font-menu-level-2 {
2604    font-size: 0.9625rem;
2605  }
2606  
2607    .block-mobile-navigation-menu .font-menu-level-0, 
2608    .block-mobile-navigation-menu .font-menu-level-1, 
2609    .block-mobile-navigation-menu .font-menu-level-2,
2610    .block-mobile-navigation-carousel_menu .font-menu-level-0,
2611    .block-mobile-navigation-carousel_menu .font-menu-level-2,
2612    .block-mobile-navigation-account .font-menu-level-1,
2613    .block-mobile-navigation-cart .font-menu-level-1
2614    {
2615      font-size: 0.86625rem;
2616      font-weight: var(--font-body-weight);
2617    }
2618  
2619</style><div
2620  class="z-[9999] fixed top-0 h-full w-full opacity-60 bg-black"
2621  x-show="$store.xMobileNav.show"
2622  x-cloak
2623  @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
2624></div>
2625<template x-if="!$store.xInit.runDispatch">
2626  <div
2627    id="mobile-navigation"
2628    :class="{ 'menu-opening': $store.xMobileNav.show }" 
2629    class="menu-drawer fixed z-[9999] top-0 bottom-0 w-[90%] max-w-xl motion-reduce overflow-x-hidden ltr left-0 -translate-x-full"
2630  >
2631    <div class="x-container-mobile-nav background-header gradient menu-drawer duration-300 ease-in-out overflow-hidden h-full flex flex-col">
2632      <div class="x-block-mobile-nav-close pt-4 pb-4 pl-4 pr-4 w-full flex justify-between items-center"
2633        aria-label="Close"
2634      >
2635        <span class="font-menu-level-2 uppercase">Menu</span>
2636        <span
2637          class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full absolute top-2 right-2 rtl:right-auto rtl:left-2"
2638          @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
2639        >
2640    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2641      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2642    </svg>
2643</span>
2644      </div>
2645      <div
2646        id="menu-navigation"
2647        class="h-full flex-1 overflow-x-hidden scrollbar-body overflow-y-auto scrollbar-stable"
2648      >
2649        
2650        <ul 
2651          x-data="{ openCur: 0 }"
2652          id="menu-level-0"
2653          role="list" 
2654          class="menu-parent relative h-full w-full" 
2655        >
2656           <li class="block-mobile-navigation-menu">
2657                <span class="flex empty:hidden border-t ml-4 mr-4"></span>
2658
2659
2660
2661<div  
2662        class="flex items-center gap-4 pr-4 pl-4 border-b"
2663      ><style data-shopify>
2664
2665</style>
2666          <a href="/collections/skin-prep-makeup" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
2667        
2668          
2669          
2670          <span class="flex flex-wrap gap-x-2">
2671            <span class="p-break-words font-medium font-menu-level-0">
2672              
2673              
2674                
2675                
2676                  <span>Skin Care</span>
2677                
2678              
2679            </span>
2680            
2681            
2682          </span>
2683        </a>
2684</div><div  
2685        class="flex items-center gap-4 pr-4 pl-4 border-b"
2686      ><style data-shopify>
2687
2688</style>
2689          <a href="/collections/sonia-roselli-skincare-kits-professional-skin-prep-sets" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
2690        
2691          
2692          
2693          <span class="flex flex-wrap gap-x-2">
2694            <span class="p-break-words font-medium font-menu-level-0">
2695              
2696              
2697                
2698                
2699                  <span>Skincare Kits</span>
2700                
2701              
2702            </span>
2703            
2704            
2705          </span>
2706        </a>
2707</div><div  
2708        class="flex items-center gap-4 pr-4 pl-4 border-b"x-init="active = true;"
2709      ><style data-shopify>
2710
2711</style>
2712          <a href="/collections/shop-all" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect effect-inline active">
2713        
2714          
2715          
2716          <span class="flex flex-wrap gap-x-2">
2717            <span class="p-break-words font-medium font-menu-level-0">
2718              
2719              
2720                
2721                
2722                  <span>Shop All</span>
2723                
2724              
2725            </span>
2726            
2727            
2728          </span>
2729        </a>
2730</div><div  
2731        class="flex items-center gap-4 pr-4 pl-4 border-b"
2732      ><style data-shopify>
2733
2734</style>
2735          <a href="/pages/about-sonia-roselli" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
2736        
2737          
2738          
2739          <span class="flex flex-wrap gap-x-2">
2740            <span class="p-break-words font-medium font-menu-level-0">
2741              
2742              
2743                
2744                
2745                  <span>About</span>
2746                
2747              
2748            </span>
2749            
2750            
2751          </span>
2752        </a>
2753</div><div  
2754        class="flex items-center gap-4 pr-4 pl-4 border-b"
2755      ><style data-shopify>
2756
2757</style>
2758          <a href="/pages/skincare-how-to-videos" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
2759        
2760          
2761          
2762          <span class="flex flex-wrap gap-x-2">
2763            <span class="p-break-words font-medium font-menu-level-0">
2764              
2765              
2766                
2767                
2768                  <span>Videos</span>
2769                
2770              
2771            </span>
2772            
2773            
2774          </span>
2775        </a>
2776</div><div  
2777        class="flex items-center gap-4 pr-4 pl-4 border-b"
2778      ><style data-shopify>
2779
2780</style>
2781          <a href="/blogs/complexion" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
2782        
2783          
2784          
2785          <span class="flex flex-wrap gap-x-2">
2786            <span class="p-break-words font-medium font-menu-level-0">
2787              
2788              
2789                
2790                
2791                  <span>Complexion Library</span>
2792                
2793              
2794            </span>
2795            
2796            
2797          </span>
2798        </a>
2799</div>
2800</li><li class="x-block-login block-mobile-navigation block-mobile-navigation-account pl-4 pr-4 block-mobile-navigation-after" >  
2801                      <style data-shopify>
2802                        .x-block-login.block-mobile-navigation shopify-account::part(signed-out-avatar):after{
2803                          font-family: var(--font-body-family);
2804                          content: 'Log in';
2805                          font-weight: 500;
2806                          
2807                        }
2808                      </style>
2809                    
2810                    <div class=" font-medium pt-3.5 pb-3.5 flex items-center disable-effect">
2811                      <shopify-account menu="customer-account-main-menu">
2812                        <div slot="signed-out-avatar">
2813                          <span class="w-6 h-6 mr-2 rtl:mr-0 rtl:ml-2 block">
2814                          
2815    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
2816      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M21.776 23v-2.444a4.889 4.889 0 0 0-4.889-4.889H7.109a4.889 4.889 0 0 0-4.889 4.889V23 M11.998 10.778a4.889 4.889 0 1 0 0-9.778 4.889 4.889 0 0 0 0 9.778"/>
2817    </svg>
2818  
2819
2820                        </span>
2821                        </div>
2822                      </shopify-account>
2823                      
2824                    </div>
2825                  </li><li class="x-block-social block-mobile-navigation pl-4 pr-4 block-mobile-navigation-after" >
2826                  <div class="pt-2 pb-2 pl-0.5 pr-0.5 flex items-center justify-center opacity-70">
2827                    
2828<div id="selector-social" class=" flex lg:items-center lg:justify-end relative pt-1.5 pb-1.5">
2829    
2830      <ul class="social-list flex  flex-wrap opacity-70" role="list">
2831<li>
2832      <a href="https://www.facebook.com/soniarosellibeauty/" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
2833    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2834      <path d="M17.6477 13.4987L18.322 9.15733H14.1091V6.34132C14.1091 5.15199 14.6971 3.99467 16.5851 3.99467H18.5V0.293323C18.5 0.293323 16.7631 0 15.0963 0C11.6278 0 9.35684 2.07999 9.35684 5.84533V9.15733H5.5V13.4987H9.35684V24H14.1037V13.4987H17.6477Z" fill="currentColor"/>
2835    </svg>
2836  
2837</a>
2838    </li><li>
2839      <a href="https://www.pinterest.com/soniaroselli/" target="blank" aria-label="Pinterest" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
2840    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2841      <path d="M12 0C5.37188 0 0 5.37188 0 12C0 17.0859 3.16406 21.4266 7.62656 23.175C7.52344 22.2234 7.425 20.7703 7.66875 19.7344C7.88906 18.7969 9.075 13.7719 9.075 13.7719C9.075 13.7719 8.71406 13.0547 8.71406 11.9906C8.71406 10.3219 9.67969 9.075 10.8844 9.075C11.9062 9.075 12.4031 9.84375 12.4031 10.7672C12.4031 11.7984 11.7469 13.3359 11.4094 14.7609C11.1281 15.9562 12.0094 16.9313 13.1859 16.9313C15.3187 16.9313 16.9594 14.6812 16.9594 11.4375C16.9594 8.56406 14.8969 6.55313 11.9484 6.55313C8.53594 6.55313 6.52969 9.1125 6.52969 11.7609C6.52969 12.7922 6.92812 13.8984 7.425 14.4984C7.52344 14.6156 7.5375 14.7234 7.50937 14.8406C7.42031 15.2203 7.21406 16.0359 7.17656 16.2C7.125 16.4203 7.00313 16.4672 6.77344 16.3594C5.27344 15.6609 4.33594 13.4719 4.33594 11.7094C4.33594 7.92188 7.0875 4.44844 12.2625 4.44844C16.425 4.44844 19.6594 7.41563 19.6594 11.3813C19.6594 15.5156 17.0531 18.8438 13.4344 18.8438C12.2203 18.8438 11.0766 18.2109 10.6828 17.4656C10.6828 17.4656 10.0828 19.7578 9.9375 20.3203C9.66562 21.3609 8.93437 22.6688 8.44687 23.4656C9.57187 23.8125 10.7625 24 12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0Z" fill="currentColor"/>
2842    </svg>
2843  
2844</a>
2845    </li><li>
2846      <a href="https://www.instagram.com/soniarosellibeauty/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
2847    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
2848      <path 
2849        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 
28490.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
2850          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
2851          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
2852        />
2853    </svg>
2854  
2855</a>
2856    </li><li>
2857      <a href="https://www.tiktok.com/@soniarosellibeauty" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
2858    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2859      <path d="M16.9401 0H12.7968V16.3478C12.7968 18.2957 11.2032 19.8957 9.22007 19.8957C7.23693 19.8957 5.64334 18.2957 5.64334 16.3478C5.64334 14.4348 7.20152 12.8695 9.11385 12.8V8.69567C4.89966 8.7652 1.5 12.1391 1.5 16.3478C1.5 20.5913 4.97049 24 9.2555 24C13.5405 24 17.0109 20.5565 17.0109 16.3478V7.9652C18.5691 9.07827 20.4814 9.73913 22.5 9.77393V5.66957C19.3837 5.56522 16.9401 3.06087 16.9401 0Z" fill="currentColor"/>
2860    </svg>
2861  
2862</a>
2863    </li><li>
2864      <a href="https://www.youtube.com/@soniarosellistyle" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
2865    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2866      <path d="M23.7609 7.45237C23.7609 7.45237 23.5266 5.88392 22.8047 5.19522C21.8906 4.28881 20.8688 4.28437 20.4 4.23105C17.0438 4 12.0047 4 12.0047 4H11.9953C11.9953 4 6.95625 4 3.6 4.23105C3.13125 4.28437 2.10938 4.28881 1.19531 5.19522C0.473438 5.88392 0.24375 7.45237 0.24375 7.45237C0.24375 7.45237 0 9.29631 0 11.1358V12.8598C0 14.6992 0.239062 16.5432 0.239062 16.5432C0.239062 16.5432 0.473437 18.1116 1.19062 18.8003C2.10469 19.7067 3.30469 19.6756 3.83906 19.7734C5.76094 19.9467 12 20 12 20C12 20 17.0438 19.9911 20.4 19.7645C20.8688 19.7112 21.8906 19.7067 22.8047 18.8003C23.5266 18.1116 23.7609 16.5432 23.7609 16.5432C23.7609 16.5432 24 14.7037 24 12.8598V11.1358C24 9.29631 23.7609 7.45237 23.7609 7.45237ZM9.52031 14.9525V8.55873L16.0031 11.7667L9.52031 14.9525Z" fill="currentColor"/>
2867    </svg> 
2868  
2869</a>
2870    </li><li>
2871      <a href="mailto:[email protected]" aria-label="Email" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg class="icon-animation w-full h-full" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 197.8 197.8" xml:space="preserve">
2872    <path d="M171 32.1c5.8 0 10.7 2 14.7 5.9s5.9 8.9 5.9 14.7v92.8c0 5.7-2 10.6-5.9 14.7-4 4.1-8.9 6.1-14.7 5.9H26.3c-5.8 0-10.7-2-14.7-5.9-4-4-5.9-8.9-5.9-14.7V52.8c0-5.8 2-10.7 5.9-14.7s8.9-5.9 14.7-5.9H171zM171 52.8H26.3v2.2L94 114.4c1.2.9 2.7 1.4 4.6 1.4 1.8 0 3.3-.5 4.4-1.4l68-59.5v-2.1zM26.3 138.4l37.1-37.5-37.1-32.3v69.8zM87.5 122.1l-16.3-14.3-37.7 37.7h129.8l-37.7-37.7-16.1 14.3c-3.2 2.6-6.9 4-11.1 4-4 0-7.7-1.3-10.9-4zM133.7 100.9l37.3 37.3V68.6l-37.3 32.3z"/>
2873  </svg>
2874</a>
2875    </li><li>
2876      <a href="tel:312-371-8596" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg class="icon-animation w-full h-full" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
2876ox="0 0 197.8 197.8" xml:space="preserve">
2877    <path d="M178.8 29.3c3.7 3.7 6.9 8.2 9.4 13.4 2.5 5.2 4.2 11.8 4.9 19.8.7 8 0 16.3-2.2 24.8-2.2 8.6-6.7 18.4-13.4 29.6-6.8 11.1-15.8 22.3-27 33.6-28.7 28.7-56.1 43-82.3 43-16.2 0-29.2-4.9-39-14.7l-16.9-16.9C6.7 156.3 4 149.6 4 141.8c0-7.9 2.8-14.5 8.3-19.9l15.1-15.1c5.6-5.6 12.2-8.3 19.9-8.3 7.7 0 14.4 2.8 19.9 8.3l13.1 12.9 39.5-39.2-13.2-13.1c-5.6-5.7-8.3-12.4-8.3-20.1 0-7.7 2.8-14.4 8.3-20.1l15.1-14.9c5.4-5.4 12.1-8.2 20-8.2 7.9 0 14.6 2.7 20 8.2zM25.5 148.5l10.3 10.2 28.5-28.3-10.5-10.2c-1.8-1.8-4-2.7-6.5-2.7s-4.7.9-6.5 2.7l-15.2 14.9c-1.8 1.8-2.7 4.1-2.7 6.7 0 2.6.9 4.9 2.7 6.7zm111.6-11.3c9.8-9.9 17.7-19.5 23.6-28.8 5.9-9.3 9.8-17.3 11.6-24.1 1.8-6.8 2.5-13.1 2-19-.5-5.9-1.5-10.6-3.1-14.1-1.6-3.5-3.5-6.3-5.8-8.5L137.1 71l2.7 2.7c1.8 1.8 2.7 4.1 2.7 6.7 0 2.7-.9 4.8-2.7 6.5L87 140c-1.8 1.8-4.1 2.7-6.7 2.7-2.7 0-4.9-.9-6.7-2.7l-2.7-3.1-28.3 28.7c6 6 14.6 9.1 25.6 9.1 21 0 44-12.5 68.9-37.4zM120 40.6c-1.8 1.8-2.7 4.1-2.7 6.7 0 2.7.9 4.9 2.7 6.7l10.2 10.2 28.5-28.3-10.3-10.2c-1.8-1.8-4-2.7-6.6-2.7-2.6 0-4.8.9-6.6 2.7z"/>
2878  </svg>
2879
2880</a>
2881    </li></ul>
2882     </div>
2883                  </div>
2884                </li>
2885        </ul>
2886      </div>
2887      
2888      <div class="block-mobile-navigation x-header-store-selector-container font-menu-level-2 empty:hidden pl-4 pr-4 flex"></div><style data-shopify>
2889          .font-menu-level-2 button {
2890            font-size: 0.9625rem;
2891          }
2892
2893          .x-container-mobile-nav-language .toolbar-button {
2894            padding-top: 0.25rem;
2895            padding-bottom: 0.25rem;
2896          }
2897        </style>
2898        <div class="x-container-mobile-nav-language pb-4 pl-4 pr-4 lg:flex lg:items-center font-menu-level-2 background-header justify-center lg:justify-end bottom-0 left-0 max-w-xl">
2899</div></div>
2900  </div>
2901</template>
2902</div><div id="shopify-section-sections--19743131205685__menu-drawer" class="shopify-section shopify-section-group-header-group section-menu-drawer"><style data-shopify>#menu-drawer * {border-color: #f2f2f2;}
2903  .dark #menu-drawer * {border-color: #313131;}
2904  #menu-drawer .text-color,
2905  #menu-drawer .background-header {background: #ffffff;--colors-heading: 0, 0, 0;
2906      color: #000000;
2907      --colors-text-header: 0, 0, 0;  
2908        --colors-text-link: 45, 45, 43;
2909      
2910  }
2911  .dark #menu-drawer .text-color,
2912  .dark #menu-drawer .background-header {background: #202020;--colors-heading: 255, 255, 255;
2913      color: #ffffff;
2914      --colors-text-header: 255, 255, 255;
2915      --colors-text-link: 255, 255, 255;  
2916      --colors-text-link: 145, 180, 116;
2917    
2918  }
2919  
2920  .font-menu-level-0 {
2921    font-size: 1.375rem;
2922  }
2923  .font-menu-level-1 {
2924    font-size: 1.1rem;
2925  }
2926  .font-menu-level-2 {
2927    font-size: 0.9625rem;
2928  }
2929
2930  .block-menu-drawer-account .font-menu-level-1,
2931  .block-menu-drawer-cart .font-menu-level-1,
2932  .block-menu-drawer-text .font-menu-level-1,
2933  .block-menu-drawer-button .button-text
2934  {
2935    font-size: 1.1rem;
2936    font-weight: var(--font-body-weight);
2937  }
2938  .block-menu-drawer-after::after {
2939    content: var(--tw-content);
2940    position: absolute;
2941    width: 100%;
2942    left: 0;
2943    border-bottom-width: 1px;border-color: #f2f2f2;}
2944  .dark .block-menu-drawer-after::after {border-color: #313131;}
2945  #menu-drawer #selector-social {
2946    width: 100%;
2947  }</style><div
2948  class="z-[70] fixed top-0 h-full w-full opacity-60 bg-black"
2949  x-show="$store.xMenuDrawer.show"
2950  x-cloak
2951  @click="setTimeout(() => { $store.xMenuDrawer.close() }, 0)"
2952></div>
2953<template x-if="!$store.xInit.runDispatch">
2954  <div
2955    id="menu-drawer"
2956    :class="{ 'menu-opening': $store.xMenuDrawer.show }" 
2957    class="menu-drawer fixed z-[70] top-0 bottom-0 w-full max-w-[480px] motion-reduce overflow-hidden ltr left-0 -translate-x-full"
2958  >
2959    <div class="x-container-draw-menu background-header gradient menu-drawer duration-300 ease-in-out overflow-hidden h-full flex flex-col">
2960      <div class="x-block-draw-menu-close pt-4 pb-4 pl-4 pr-4 w-full flex justify-between items-center"
2961        aria-label="Close"
2962      >
2963        <span class="font-menu-level-2 uppercase">Menu</span>
2964        <span
2965          class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full absolute top-2 right-2 rtl:right-auto rtl:left-2"
2966          @click="setTimeout(() => { $store.xMenuDrawer.close() }, 0)"
2967        >
2968    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2969      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2970    </svg>
2971</span>
2972      </div>
2973      <div
2974        id="menu-navigation"
2975        class="h-full flex-1 overflow-x-hidden scrollbar-body overflow-y-auto scrollbar-stable"
2976      >
2977        
2978        <ul 
2979          x-data="{ openCur: 0 }"
2980          id="menu-level-0"
2981          role="list" 
2982          class="menu-parent relative h-full w-full" 
2983        >
2984           <li class="block-menu-drawer-menu">
2985                <span class="flex empty:hidden border-t ml-4 mr-4"></span>
2986
2987
2988
2989
2990<div  
2991        class="flex items-center gap-4 pr-4 pl-4 border-b"
2992      ><style data-shopify>
2993
2994
2995</style>
2996          <a href="/collections/skin-prep-makeup" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
2997        
2998          
2999          
3000          <span class="flex flex-wrap gap-x-2">
3001            <span class="p-break-words font-medium font-menu-level-0">
3002              
3003              
3004                <span>Skin Care</span>
3005              
3006            </span>
3007            
3008            
3009            
3010          </span>
3011        </a>
3012</div><div  
3013        class="flex items-center gap-4 pr-4 pl-4 border-b"
3014      ><style data-shopify>
3015
3016
3017</style>
3018          <a href="/collections/sonia-roselli-skincare-kits-professional-skin-prep-sets" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
3019        
3020          
3021          
3022          <span class="flex flex-wrap gap-x-2">
3023            <span class="p-break-words font-medium font-menu-level-0">
3024              
3025              
3026                <span>Skincare Kits</span>
3027              
3028            </span>
3029            
3030            
3031            
3032          </span>
3033        </a>
3034</div><div  
3035        class="flex items-center gap-4 pr-4 pl-4 border-b"x-init="active = true;"
3036      ><style data-shopify>
3037
3038
3039</style>
3040          <a href="/collections/shop-all" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect effect-inline active">
3041        
3042          
3043          
3044          <span class="flex flex-wrap gap-x-2">
3045            <span class="p-break-words font-medium font-menu-level-0">
3046              
3047              
3048                <span>Shop All</span>
3049              
3050            </span>
3051            
3052            
3053            
3054          </span>
3055        </a>
3056</div><div  
3057        class="flex items-center gap-4 pr-4 pl-4 border-b"
3058      ><style data-shopify>
3059
3060
3061</style>
3062          <a href="/pages/about-sonia-roselli" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
3063        
3064          
3065          
3066          <span class="flex flex-wrap gap-x-2">
3067            <span class="p-break-words font-medium font-menu-level-0">
3068              
3069              
3070                <span>About</span>
3071              
3072            </span>
3073            
3074            
3075            
3076          </span>
3077        </a>
3078</div><div  
3079        class="flex items-center gap-4 pr-4 pl-4 border-b"
3080      ><style data-shopify>
3081
3082
3083</style>
3084          <a href="/pages/skincare-how-to-videos" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
3085        
3086          
3087          
3088          <span class="flex flex-wrap gap-x-2">
3089            <span class="p-break-words font-medium font-menu-level-0">
3090              
3091              
3092                <span>Videos</span>
3093              
3094            </span>
3095            
3096            
3097            
3098          </span>
3099        </a>
3100</div><div  
3101        class="flex items-center gap-4 pr-4 pl-4 border-b"
3102      ><style data-shopify>
3103
3104
3105</style>
3106          <a href="/blogs/complexion" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
3107        
3108          
3109          
3110          <span class="flex flex-wrap gap-x-2">
3111            <span class="p-break-words font-medium font-menu-level-0">
3112              
3113              
3114                <span>Complexion Library</span>
3115              
3116            </span>
3117            
3118            
3119            
3120          </span>
3121        </a>
3122</div>
3123</li>
3124
3125        </ul>
3126      </div></div>
3127  </div>
3128</template>
3129
3130
3131<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/menu-drawer.js?v=108636980082274135241782713469" defer></script>
3131
3132</div>
3133<!-- END sections: header-group -->
3134          <!-- BEGIN sections: aside-group -->
3135<div id="shopify-section-sections--19743130878005__product-labels-and-badges" class="shopify-section shopify-section-group-aside-group section-product-labels-and-badges"><style data-shopify>.x-badge-product-labels-and-badges-0 .x-badge-content.x-badge-text{
3136          background-color:#a94600;
3137          color:#ffffff;
3138          
3139        }
3140        .dark .x-badge-product-labels-and-badges-0 .x-badge-content.x-badge-text{
3141          background-color:#a94600;
3142          color:#ffffff;
3143          
3144            border-width: 0;
3145          
3146        }.x-badge-product-labels-and-badges-0 {
3147        --font-size-scale: 0.66rem;
3148        
3149      }
3150      @media (min-width: 768px) {
3151        .x-badge-product-labels-and-badges-0 {
3152          --font-size-scale: 0.66rem;
3153          
3154        }
3155      }.x-badge-product-labels-and-badges-1 .x-badge-content.x-badge-text{
3156          background-color:#7f817f;
3157          color:#ffffff;
3158          
3159        }
3160        .dark .x-badge-product-labels-and-badges-1 .x-badge-content.x-badge-text{
3161          background-color:#7f817f;
3162          color:#ffffff;
3163          
3164            border-width: 0;
3165          
3166        }.x-badge-product-labels-and-badges-1 {
3167        --font-size-scale: 0.66rem;
3168        
3169      }
3170      @media (min-width: 768px) {
3171        .x-badge-product-labels-and-badges-1 {
3172          --font-size-scale: 0.66rem;
3173          
3174        }
3175      }.x-badge-preorder_label_8JPgVK .x-badge-content.x-badge-text{
3176          background-color:#706262;
3177          color:#ffffff;
3178          
3179        }
3180        .dark .x-badge-preorder_label_8JPgVK .x-badge-content.x-badge-text{
3181          background-color:#706262;
3182          color:#ffffff;
3183          
3184            border-width: 0;
3185          
3186        }.x-badge-preorder_label_8JPgVK {
3187        --font-size-scale: 0.66rem;
3188        
3189      }
3190      @media (min-width: 768px) {
3191        .x-badge-preorder_label_8JPgVK {
3192          --font-size-scale: 0.66rem;
3193          
3194        }
3195      }
3195.x-badge-new_label_4MQzpH .x-badge-content.x-badge-text{
3196          background-color:#3e7312;
3197          color:#ffffff;
3198          
3199        }
3200        .dark .x-badge-new_label_4MQzpH .x-badge-content.x-badge-text{
3201          background-color:#3e7312;
3202          color:#ffffff;
3203          
3204            border-width: 0;
3205          
3206        }.x-badge-new_label_4MQzpH {
3207        --font-size-scale: 0.66rem;
3208        
3209      }
3210      @media (min-width: 768px) {
3211        .x-badge-new_label_4MQzpH {
3212          --font-size-scale: 0.66rem;
3213          
3214        }
3215      }</style>
3216    <div class="x-badges-block-data" x-badges-block-data='{
3217      "id": "product-labels-and-badges-0",
3218      "enable": true,
3219      "type": "sale-label",
3220      "settings": {
3221        "show_on_product_card": true,
3222        "show_on_product_page": true,
3223        "applied_to": "",
3224        "applied_products": [],
3225        "applied_collections": [],
3226        "content": "SALE LABEL",
3227        
3228          "type": "round",
3229        
3230        "background_color": "#a94600",
3231        "text_color": "#ffffff",
3232        "image": null,
3233        "image_alt": "",
3234        "image_aspect_ratio": 0,
3235        "size": 1,
3236        "size_mobile": 1,
3237        "opacity": 100,
3238        "position": "custom",
3239        "horizontal_position": 6,
3240        "vertical_position": 3,
3241        "schedule_enabled": false,
3242        "reset": false,
3243        "duration": 0,
3244        "timezone": 0,
3245        "start_year": 0,
3246        "start_month": 0,
3247        "start_day": 0,
3248        "start_hour": 0,
3249        "start_minute": 0,
3250        "end_year": 0,
3251        "end_month": 0,
3252        "end_day": 0,
3253        "end_hour": 0,
3254        "end_minute": 0,
3255        "day_since": "none",
3256        "number_show": 30
3257      }
3258    }' x-badges-icon=''></div>
3259    <div class="x-badges-block-data" x-badges-block-data='{
3260      "id": "product-labels-and-badges-1",
3261      "enable": true,
3262      "type": "sold-out-label",
3263      "settings": {
3264        "show_on_product_card": true,
3265        "show_on_product_page": false,
3266        "applied_to": "",
3267        "applied_products": [],
3268        "applied_collections": [],
3269        "content": "SOLD OUT",
3270        
3271          "type": "round",
3272        
3273        "background_color": "#7f817f",
3274        "text_color": "#ffffff",
3275        "image": null,
3276        "image_alt": "",
3277        "image_aspect_ratio": 0,
3278        "size": 1,
3279        "size_mobile": 1,
3280        "opacity": 100,
3281        "position": "top-left",
3282        "horizontal_position": 6,
3283        "vertical_position": 3,
3284        "schedule_enabled": false,
3285        "reset": false,
3286        "duration": 0,
3287        "timezone": 0,
3288        "start_year": 0,
3289        "start_month": 0,
3290        "start_day": 0,
3291        "start_hour": 0,
3292        "start_minute": 0,
3293        "end_year": 0,
3294        "end_month": 0,
3295        "end_day": 0,
3296        "end_hour": 0,
3297        "end_minute": 0,
3298        "day_since": "none",
3299        "number_show": 30
3300      }
3301    }' x-badges-icon=''></div>
3302    <div class="x-badges-block-data" x-badges-block-data='{
3303      "id": "preorder_label_8JPgVK",
3304      "enable": true,
3305      "type": "preorder-label",
3306      "settings": {
3307        "show_on_product_card": true,
3308        "show_on_product_page": true,
3309        "applied_to": "",
3310        "applied_products": [],
3311        "applied_collections": [],
3312        "content": "PRE-ORDER",
3313        
3314          "type": "round",
3315        
3316        "background_color": "#706262",
3317        "text_color": "#ffffff",
3318        "image": null,
3319        "image_alt": "",
3320        "image_aspect_ratio": 0,
3321        "size": 1,
3322        "size_mobile": 1,
3323        "opacity": 100,
3324        "position": "top-left",
3325        "horizontal_position": 6,
3326        "vertical_position": 3,
3327        "schedule_enabled": false,
3328        "reset": false,
3329        "duration": 0,
3330        "timezone": 0,
3331        "start_year": 0,
3332        "start_month": 0,
3333        "start_day": 0,
3334        "start_hour": 0,
3335        "start_minute": 0,
3336        "end_year": 0,
3337        "end_month": 0,
3338        "end_day": 0,
3339        "end_hour": 0,
3340        "end_minute": 0,
3341        "day_since": "none",
3342        "number_show": 30
3343      }
3344    }' x-badges-icon=''></div>
3345    <div class="x-badges-block-data" x-badges-block-data='{
3346      "id": "new_label_4MQzpH",
3347      "enable": true,
3348      "type": "new-label",
3349      "settings": {
3350        "show_on_product_card": true,
3351        "show_on_product_page": true,
3352        "applied_to": "",
3353        "applied_products": [],
3354        "applied_collections": [],
3355        "content": "NEW",
3356        
3357          "type": "round",
3358        
3359        "background_color": "#3e7312",
3360        "text_color": "#ffffff",
3361        "image": null,
3362        "image_alt": "",
3363        "image_aspect_ratio": 0,
3364        "size": 1,
3365        "size_mobile": 1,
3366        "opacity": 100,
3367        "position": "top-left",
3368        "horizontal_position": 6,
3369        "vertical_position": 3,
3370        "schedule_enabled": false,
3371        "reset": false,
3372        "duration": 0,
3373        "timezone": 0,
3374        "start_year": 0,
3375        "start_month": 0,
3376        "start_day": 0,
3377        "start_hour": 0,
3378        "start_minute": 0,
3379        "end_year": 0,
3380        "end_month": 0,
3381        "end_day": 0,
3382        "end_hour": 0,
3383        "end_minute": 0,
3384        "day_since": "activation_date",
3385        "number_show": 30
3386      }
3387    }' x-badges-icon=''></div>
3387<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/labels-and-badges.js?v=115239190121355418111782713469" defer></script>
3387
3388</div><div id="shopify-section-sections--19743130878005__quick-view" class="shopify-section shopify-section-group-aside-group section-product-info section-quick-view"><style data-shopify>
3389  .button--quickview.button-solid, .button--quickview.button-disable-effect,
3390  .button--quickview.button-solid:before {--colors-line-and-border: var(--colors-button);}
3391  .title-size--sections--19743130878005__quick-view {
3392    font-size: 1.35rem;
3393  }
3394  .dark .button--quickview.button-solid, .dark .button--quickview.button-disable-effect,
3395  .dark .button--quickview.button-solid:before {--colors-line-and-border: var(--colors-button);}
3396  @media (min-width: 768px) {
3397    .title-size--sections--19743130878005__quick-view {
3398      font-size: 2.25rem;
3399    }
3400  }
3401  
3402  
3403    #QuickView .media-thumbnail.quickview-border {
3404      border-width: 1px;
3405      
3406        border-radius: 10px;
3407      
3408    }
3409  
3410</style>
3411
3412<div 
3413  id="QuickView"
3414  x-show="$store.xQuickView.show" 
3415  :class="{ 'overflow-hidden padding-scrollbar': $store.xPopup.open }" 
3416  x-cloak 
3417  class="quick_view flex items-end md:items-center fixed top-0 left-0 right-0 bottom-0 z-[90] border"
3418  @keydown.escape="$store.xQuickView.removeFocusQuickView('QuickViewButton'); $store.xQuickView.close()"
3419  @init-run.window="$store.xQuickView.addListener()"
3420  @click="$store.xQuickView.clickInsideQuickView($event)"
3421  x-init="if ( window.location.search.includes('_quick-view') == false ) document.querySelector('.main-container').appendChild($el.parentNode)"
3422>
3423  <div class="x-overlay absolute top-0 left-0 right-0 bottom-0 bg-[#acacac] bg-opacity-30"></div>
3424  <div 
3425    role="dialog"
3426    aria-label="Quick view"
3427    aria-modal="true"
3428    x-show="$store.xQuickView.show"
3429    class="x-quickview-modal duration-400 x-pgw page-width w-full pl-0 pr-0 md:pl-5 md:pr-5 lg:pl-16 lg:pr-16 lg:ml-auto lg:mr-auto"
3430    
3431      x-transition:enter="transition-all ease-in-out duration-500"
3432      x-transition:enter-start="opacity-0 transform translate-y-1/3"
3433      x-transition:enter-end="opacity-100 transform translate-y-0"
3434      x-transition:leave="transition-all ease-in-out duration-500"
3435      x-transition:leave-end="opacity-0 transform translate-y-1/3"
3436    
3437  >
3438    <div class="x-container-quickview-body shadow-popup relative bg-[rgba(var(--background-color),1)] md:h-auto pt-12 lg:pt-8 2xl:pt-12 pb-5 lg:pb-8 2xl:pb-12 rounded-t-[10px] md:rounded-[10px]" 
3439      @click.away="$store.xQuickView.close()"
3440      @click="$store.xQuickView.clickInsideContentQuickView($event)"
3441      x-intersect.full="$store.xQuickView.focusQuickView('QuickView', 'QuickViewClose')"
3442    >
3443      
3444        <button aria-label="Close quickview" id="QuickViewClose" class="absolute group-close-btn cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 icon-close-container w-fit z-10 rounded-full" @click.prevent="$store.xQuickView.close()">
3445          
3446    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3447      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3448    </svg>
3449
3450        </button>
3451      
3452      <div class="x-container-quickview-content pt-2 md:pt-0 md:pl-5 md:pr-5 overflow-y-auto overflow-x-hidden scrollbar-body max-h-[calc(88vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh]">
3453        <div x-show="$store.xQuickView.loading" class="x-container-quickview-placeholder flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse">
3454          <div class="w-full md:w-[48%] bg-slate-200 mb-5 pb-[75%]"></div>
3455          <div class="w-full md:w-[48%]">
3456            
3457              <p class="mb-2 h-4 w-10 bg-slate-200"></p>
3458            
3459            <p class="mb-5 h-5 w-3/4 bg-slate-200"></p><div class="h-5 bg-slate-200 w-20 mb-5 rounded"></div><div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div><div class="h-5 bg-slate-200 w-20 mb-5 rounded"></div><div class="h-7 bg-slate-200 w-full mb-5 rounded"></div><div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div><div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div><div class="h-10 bg-slate-200 w-full mb-5 rounded"></div><div class="h-9 bg-slate-200 w-full mb-5 rounded"></div><div class="h-5 bg-slate-200 w-20 mb-5 rounded"></div></div>
3460        </div>
3461        <div id="quickview-product-content" class="quick-view" x-show="!$store.xQuickView.loading"></div>
3462      </div>
3463    </div>
3464  </div>
3465</div>
3466
3467
3468<div class="popup-choose-options-mobile fixed z-[60] left-0 right-0 animate-goleft duration-300" x-show="$store.xQuickView.openPopupMobile" x-cloak>
3469    <div class="bg-[#acacac] opacity-40 block md:hidden fixed top-0 right-0 bottom-0 left-0" @click="$store.xQuickView.closePopupMobile()"></div>
3470    <div
3471      x-show="$store.xQuickView.openPopupMobile"
3472      class="z-30 md:hidden overflow-auto pt-2 pb-2 flex flex-col fixed bottom-0 left-0 md:bottom-auto max-h-[85vh] w-full bg-[rgba(var(--background-color),1)] text-left rounded-t-[10px]"
3473      x-transition:enter="transition-all ease-in-out duration-500" 
3474      x-transition:enter-start="opacity-0 transform translate-y-1/3" 
3475      x-transition:enter-end="opacity-100 transform translate-y-0" 
3476      x-transition:leave="transition ease-in-out duration-500" 
3477      x-transition:leave-end="opacity-0 transform translate-y-1/3"
3478    >
3479      <button 
3480        class="cursor-pointer group-close-btn rounded-full absolute icon-close-container w-fit z-10 right-2 md:right-0 top-2 lg:end-10 rtl:left-2 rtl:md:left-0 rtl:right-auto"
3481        aria-label="Close quickview"
3482        @click="$store.xQuickView.closePopupMobile()" 
3483      >
3484        
3485    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3486      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3487    </svg>
3488
3489      </button>
3490      <div :class="$store.xQuickView.loadingChooseOption ? 'block md:hidden' : 'hidden md:hidden'" class="flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse">
3491        <div class="w-full pl-5 pr-5 pt-7 pb-5">
3492          <p class="mb-5 h-5 w-3/4 bg-slate-200"></p>
3493          <div class="h-7 bg-slate-200 w-full mb-5 rounded"></div>
3494          <div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div>
3495          <div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div>
3496          <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div>
3497          <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div>
3498          <div class="flex gap-x-5">
3499            <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div>
3500            <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div>
3501          </div>
3502        </div>
3503      </div>
3504      <div class="choose-options-mobile rtl:text-right" id="choose-options-mobile" x-show="!$store.xQuickView.loadingChooseOption"></div>
3505    </div>
3506  </div>
3507<script>
3508window.xQuickView = {
3509  sectionId: 'sections--19743130878005__quick-view',
3510  enabled: true,
3511  show_atc_button: true,
3512  atc_btn_bottom: false,
3513  atc_btn_image_desktop: true,
3514  buttonLabel: 'Quick view'
3515}
3516</script>
vendor: 1 bytes, line 3516
3516
3517<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/quick-view.js?v=87789780442713427201782713469" defer></script>
vendor: 1 bytes, line 3517
3517
3518<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/payment-button.js?v=19694614378629863991782713469" defer></script>
vendor: 1 bytes, line 3518
3518
3519<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/product-media.js?v=178923250894042546431782713469" defer></script>
vendor: 1 bytes, line 3519
3519
3520<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/recently-viewed.js?v=93421342682375135181782713469" defer></script>
vendor: 1 bytes, line 3520
3520
3521<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/customize-picker.js?v=71491105029373997401782713469" defer></script>
vendor: 1 bytes, line 3521
3521
3522<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/variant-select.js?v=28920746821541902741782713469" defer></script>
3522
3523
3524</div><div id="shopify-section-sections--19743130878005__cookie-banner" class="shopify-section shopify-section-group-aside-group section-cookie-banner">
3524<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/cookie-banner.js?v=124731314165469790931782713469" defer></script>
3524
3525
3526</div>
3527<!-- END sections: aside-group -->
3528      
3529
3530      
3531      <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-collection theme-template-suffix-none" role="main" tabindex="-1">
3532        <section id="shopify-section-template--19743130189877__collection_list_JyAFkf" class="shopify-section section section-collection-list x-section">
3533<style data-shopify>.section-padding-template--19743130189877__collection_list_JyAFkf {
3534    padding-top: 28px;
3535    padding-bottom: 28px;
3536  }
3537  @media (min-width: 768px) { 
3538    .section-padding-template--19743130189877__collection_list_JyAFkf {
3539      padding-top: 28px;
3540      padding-bottom: 28px;
3541    }
3542  }
3543  .heading-template--19743130189877__collection_list_JyAFkf { 
3544    font-size: 1.35rem; 
3545  }
3546  .gap-mobile-template--19743130189877__collection_list_JyAFkf {
3547    gap: 4px;
3548  }
3549  #shopify-section-template--19743130189877__collection_list_JyAFkf{
3550    background: #e9e3de;
3551  }
3552  .content--template--19743130189877__collection_list_JyAFkf {
3553    
3554    
3555  }
3556  .dark .content--template--19743130189877__collection_list_JyAFkf {
3557            
3558      --colors-heading: 255, 255, 255;
3559    
3560            
3561      --colors-text: 225, 227, 225;
3562    
3563  }
3564  .dark #shopify-section-template--19743130189877__collection_list_JyAFkf{
3565    
3566      background: transparent;
3567    
3568  }
3569  @media screen and (min-width: 768px) {
3570    .gap-template--19743130189877__collection_list_JyAFkf {
3571      
3572        gap: 4px;
3573      
3574    }
3575    .heading-template--19743130189877__collection_list_JyAFkf{ font-size: 2.25rem; } 
3576  }
3577  
3578  
3579    @media (max-width: 1023px) {
3580      .preload-slide--template--19743130189877__collection_list_JyAFkf {
3581        margin-right: 4px;
3582        width: calc(((100% + 4px) / 2) - 4px);
3583      }
3584    }
3585    @media (max-width: 767px) {
3586      .preload-slide--template--19743130189877__collection_list_JyAFkf {
3587        margin-right: 4px;
3588        width: calc(((100% + 4px) / 2) - 4px);
3589      }
3590    }
3591  
3592</style><div class="x-container-collection-list section-padding-template--19743130189877__collection_list_JyAFkf"><div class="x-block-collection-list-header text-center mb-5 pr-5 pl-5 heading-center x-pgw page-width"
3593    >
3594      
3595
3596
3597<style data-shopify>
3598  
3599  .dark .heading-template--19743130189877__collection_list_JyAFkf {
3600    
3601      --color-highlight: rgb(145, 180, 116);
3602    
3603  }
3604</style>
3605
3606
3607
3608  
3609    <div class="overflow-hidden" x-intersect.once="$el.querySelector('.anm-move-up')?.classList.add('active-anm-heading'); setTimeout(() => { $el.querySelector('.anm-move-up')?.classList.remove('anm-move-up') }, 600)">
3610  
3611
3612   
3613    <h2
3614      class='heading-template--19743130189877__collection_list_JyAFkf h2 block leading-tight p-break-words anm-move-up'> 
3615  
3616    
3617      
3618        What Is Your Makeup or Skin Doing?
3619      
3620    
3621  </h2>
3622
3623  
3624    </div>
3625  
3626
3627</div><div class="x-block-list-collection mr-auto ml-auto pl-5 pr-5 carousel-mobile carousel-tablet x-pgw page-width">
3628    <div class="lg:pl-0 lg:pr-0">
3629      <div
3630        id="x-collection-template--19743130189877__collection_list_JyAFkf"
3631        class="overflow-hidden x-splide splide visible"
3632        x-intersect.once.margin.200px='$store.xSplide.load($el, {    
3633          "speed": 1000, 
3634          "pagination": false, 
3635          "mediaQuery": "min", 
3636          "updateOnMove": "true",
3637          "progressBar": 5,
3638          
3639          
3640          "breakpoints": {
3641            300: {
3642              
3643              "gap": "4px",
3644              "focus": "right",
3645              "perPage": 2,
3646              "perMove": 2
3647            },
3648            768: {
3649              "gap": "4px",
3650              "perPage": 2,
3651              "perMove": 2
3652            },
3653            1024: {
3654              "destroy": true,
3655              
3656              "perPage": 5,
3657              "perMove": 5,
3658              "drag": true
3659            }
3660          },
3661          "classes": {
3662            "arrows" : "block",
3663            "pagination": "hidden"
3664          }
3665        })'x-intersect.once='$el.classList.add("is-ready-to-animate")'
3666      >
3667        <div class="splide__track lg:pt-0.5 lg:pb-0.5">
3668          <div class="gap-template--19743130189877__collection_list_JyAFkf splide__list lg:grid lg:grid-cols-5 flex w-full"
3669          >
3670            
3671<style data-shopify>
3672                .x-slide-animation-duration-1 {
3673                  --delay-time: 0ms
3674                }
3675              </style>
3676              <div x-slide-index="0" id="Slide-template--19743130189877__collection_list_JyAFkf-1" class="x-slide-animation x-slide-animation-duration-1 splide__slide x-splide-slide preload-slide--template--19743130189877__collection_list_JyAFkf" >
3677                
3678                
3679                    
3680
3681<style data-shopify>
3682.text-color- {
3683        color: ;
3684        --colors-text: , , ;
3685        --colors-heading: , , ;
3686      }
3687  .collection-card- .image-overlay,
3688  .collection-card-template--19743130189877__collection_list_JyAFkf .image-overlay {
3689    
3690      background: linear-gradient(to bottom, transparent 0%, rgba(15, 14, 14, 5%) 100%);
3691    
3692  }
3693  .dark .collection-card- .image-overlay,
3694  .dark .collection-card-template--19743130189877__collection_list_JyAFkf .image-overlay {
3695    
3696      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 5%) 100%);
3697    
3698  }
3699  
3700    .content--template--19743130189877__collection_list_JyAFkf .collection-item-title {
3701      
3702        font-size: 0.81rem;
3703      
3704    }
3705    @media screen and (min-width: 768px) {
3706      .spacing--template--19743130189877__collection_list_JyAFkf {
3707        gap: 4px;
3708      }
3709      .content--template--19743130189877__collection_list_JyAFkf .collection-item-title {
3710        
3711          font-size: 1.08rem;
3712        
3713      }
3714    }
3715  
3716</style>
3717  <a  href="/collections/makeup-looks-cakey-patchy-or-sits-on-top" class="collection-card collection-card-template--19743130189877__collection_list_JyAFkf group disable-effect card relative h-full block">
3718
3719  <div 
3720    
3721    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
3722    
3723  ><div class="block md:rounded-[10px] rounded-[10px]">
3724        
3725
3726          <div class="w-full h-full top-0 left-0 absolute overflow-hidden  -z-10">
3727            
3728            <img
3729              srcset="//www.soniaroselli.com/cdn/shop/collections/the_skin_prep_starter_kit.png?v=1789154737&width=225 225w,
3730              //www.soniaroselli.com/cdn/shop/collections/the_skin_prep_starter_kit.png?v=1789154737&width=375 375w,
3731              //www.soniaroselli.com/cdn/shop/collections/the_skin_prep_starter_kit.png?v=1789154737&width=450 450w,
3732              //www.soniaroselli.com/cdn/shop/collections/the_skin_prep_starter_kit.png?v=1789154737&width=750 750w,
3733              //www.soniaroselli.com/cdn/shop/collections/the_skin_prep_starter_kit.png?v=1789154737&width=900 900w,
3734              //www.soniaroselli.com/cdn/shop/collections/the_skin_prep_starter_kit.png?v=1789154737&width=1100 1100w,
3735              //www.soniaroselli.com/cdn/shop/collections/the_skin_prep_starter_kit.png?v=1789154737&width=1500 1500w,
3736              //www.soniaroselli.com/cdn/shop/collections/the_skin_prep_starter_kit.png?v=1789154737&width=1780 1780w,
3737              //www.soniaroselli.com/cdn/shop/collections/the_skin_prep_starter_kit.png?v=1789154737&width=2000 2000w,
3738              //www.soniaroselli.com/cdn/shop/collections/the_skin_prep_starter_kit.png?v=1789154737&width=3000 3000w,
3739              //www.soniaroselli.com/cdn/shop/collections/the_skin_prep_starter_kit.png?v=1789154737&width=3840 3840w"
3740              src="//www.soniaroselli.com/cdn/shop/collections/the_skin_prep_starter_kit.png?v=1789154737&width=3840"
3741              sizes="
3742          
3743            
3744              (min-width: 1400px)  calc((1500px - (4px * 4)) / 5),
3745              (min-width: 1024px) calc((100vw - (4px * 4)) / 5),
3746              (min-width: 768px) calc((100vw - (4px * 4)) / 2), 
3747              calc((100vw - (4px * 1)) / 2)
3748            
3749          
3750        "
3751              alt="Cakey patchy makeup sitting on top of skin — Sonia Roselli skin prep solutions for smoother foundation application"
3752              height="1632"
3753              width="2048"
3754              
3755                loading="eager"
3756                fetchpriority="high"
3757                decoding="sync"
3758              
3759              class=" aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
3760              onload="requestAnimationFrame(() => {
3761                
3762                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
3763                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
3764              })"
3765            >
3766            
3767          </div></div>
3768      </div>
3769    
3770  <div class="content--template--19743130189877__collection_list_JyAFkf pt-5 pb-5 text-center rtl:text-center left-0 right-0 grow"
3771  >
3772    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
3773    ><p class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">
3774          
3775Makeup Looks Cakey, Patchy, or Sits on Top
3776        </p></div><style data-shopify>
3777        
3778      </style>
3779      <p class=" text-[rgba(var(--colors-text))]  mt-1">
3780        4 items 
3781      </p>
3782  </div>
3783  
3784
3785  </a>
3786
3787</div><style data-shopify>
3788                .x-slide-animation-duration-2 {
3789                  --delay-time: 100ms
3790                }
3791              </style>
3792              <div x-slide-index="1" id="Slide-template--19743130189877__collection_list_JyAFkf-2" class="x-slide-animation x-slide-animation-duration-2 splide__slide x-splide-slide preload-slide--template--19743130189877__collection_list_JyAFkf" >
3793                
3794                
3795                    
3796
3797<style data-shopify>
3798.text-color- {
3799        color: ;
3800        --colors-text: , , ;
3801        --colors-heading: , , ;
3802      }
3803  .collection-card- .image-overlay,
3804  .collection-card-template--19743130189877__collection_list_JyAFkf .image-overlay {
3805    
3806      background: linear-gradient(to bottom, transparent 0%, rgba(15, 14, 14, 5%) 100%);
3807    
3808  }
3809  .dark .collection-card- .image-overlay,
3810  .dark .collection-card-template--19743130189877__collection_list_JyAFkf .image-overlay {
3811    
3812      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 5%) 100%);
3813    
3814  }
3815  
3816    .content--template--19743130189877__collection_list_JyAFkf .collection-item-title {
3817      
3818        font-size: 0.81rem;
3819      
3820    }
3821    @media screen and (min-width: 768px) {
3822      .spacing--template--19743130189877__collection_list_JyAFkf {
3823        gap: 4px;
3824      }
3825      .content--template--19743130189877__collection_list_JyAFkf .collection-item-title {
3826        
3827          font-size: 1.08rem;
3828        
3829      }
3830    }
3831  
3832</style>
3833  <a  href="/collections/skin-feels-dry-tight-or-reactive" class="collection-card collection-card-template--19743130189877__collection_list_JyAFkf group disable-effect card relative h-full block">
3834
3835  <div 
3836    
3837      x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
3838    
3839    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
3840    
3841  ><div class="block md:rounded-[10px] rounded-[10px]">
3842        
3843
3844          <div class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10">
3845            
3846            <img
3847              srcset="//www.soniaroselli.com/cdn/shop/collections/if_your_makeup_looks_dry_you_need_skin_prep.png?v=1789154778&width=225 225w,
3848              //www.soniaroselli.com/cdn/shop/collections/if_your_makeup_looks_dry_you_need_skin_prep.png?v=1789154778&width=375 375w,
3849              //www.soniaroselli.com/cdn/shop/collections/if_your_makeup_looks_dry_you_need_skin_prep.png?v=1789154778&width=450 450w,
3850              //www.soniaroselli.com/cdn/shop/collections/if_your_makeup_looks_dry_you_need_skin_prep.png?v=1789154778&width=750 750w,
3851              //www.soniaroselli.com/cdn/shop/collections/if_your_makeup_looks_dry_you_need_skin_prep.png?v=1789154778&width=900 900w,
3852              //www.soniaroselli.com/cdn/shop/collections/if_your_makeup_looks_dry_you_need_skin_prep.png?v=1789154778&width=1100 1100w,
3853              //www.soniaroselli.com/cdn/shop/collections/if_your_makeup_looks_dry_you_need_skin_prep.png?v=1789154778&width=1500 1500w,
3854              //www.soniaroselli.com/cdn/shop/collections/if_your_makeup_looks_dry_you_need_skin_prep.png?v=1789154778&width=1780 1780w,
3855              //www.soniaroselli.com/cdn/shop/collections/if_your_makeup_looks_dry_you_need_skin_prep.png?v=1789154778&width=2000 2000w,
3856              //www.soniaroselli.com/cdn/shop/collections/if_your_makeup_looks_dry_you_need_skin_prep.png?v=1789154778&width=3000 3000w,
3857              //www.soniaroselli.com/cdn/shop/collections/if_your_makeup_looks_dry_you_need_skin_prep.png?v=1789154778&width=3840 3840w"
3858              src="//www.soniaroselli.com/cdn/shop/collections/if_your_makeup_looks_dry_you_need_skin_prep.png?v=1789154778&width=3840"
3859              sizes="
3860          
3861            
3862              (min-width: 1400px)  calc((1500px - (4px * 4)) / 5),
3863              (min-width: 1024px) calc((100vw - (4px * 4)) / 5),
3864              (min-width: 768px) calc((100vw - (4px * 4)) / 2), 
3865              calc((100vw - (4px * 1)) / 2)
3866            
3867          
3868        "
3869              alt="Dry tight reactive skin — Sonia Roselli barrier repair skincare for sensitive skin that feels uncomfortable, irritated, or dehydrated"
3870              height="1632"
3871              width="2048"
3872              
3873                loading="lazy" 
3874              
3875              class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
3876              onload="requestAnimationFrame(() => {
3877                this?.classList.add('active');
3878                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
3879                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
3880              })"
3881            >
3882            
3883          </div></div>
3884      </div>
3885    
3886  <div class="content--template--19743130189877__collection_list_JyAFkf pt-5 pb-5 text-center rtl:text-center left-0 right-0 grow"
3887  >
3888    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
3889    ><p class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">
3890          
3891Skin Feels Dry, Tight, or Reactive
3892        </p></div><style data-shopify>
3893        
3894      </style>
3895      <p class=" text-[rgba(var(--colors-text))]  mt-1">
3896        6 items 
3897      </p>
3898  </div>
3899  
3900
3901  </a>
3902
3903</div><style data-shopify>
3904                .x-slide-animation-duration-3 {
3905                  --delay-time: 200ms
3906                }
3907              </style>
3908              <div x-slide-index="2" id="Slide-template--19743130189877__collection_list_JyAFkf-3" class="x-slide-animation x-slide-animation-duration-3 splide__slide x-splide-slide preload-slide--template--19743130189877__collection_list_JyAFkf" >
3909                
3910                
3911                    
3912
3913<style data-shopify>
3914.text-color- {
3915        color: ;
3916        --colors-text: , , ;
3917        --colors-heading: , , ;
3918      }
3919  .collection-card- .image-overlay,
3920  .collection-card-template--19743130189877__collection_list_JyAFkf .image-overlay {
3921    
3922      background: linear-gradient(to bottom, transparent 0%, rgba(15, 14, 14, 5%) 100%);
3923    
3924  }
3925  .dark .collection-card- .image-overlay,
3926  .dark .collection-card-template--19743130189877__collection_list_JyAFkf .image-overlay {
3927    
3928      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 5%) 100%);
3929    
3930  }
3931  
3932    .content--template--19743130189877__collection_list_JyAFkf .collection-item-title {
3933      
3934        font-size: 0.81rem;
3935      
3936    }
3937    @media screen and (min-width: 768px) {
3938      .spacing--template--19743130189877__collection_list_JyAFkf {
3939        gap: 4px;
3940      }
3941      .content--template--19743130189877__collection_list_JyAFkf .collection-item-title {
3942        
3943          font-size: 1.08rem;
3944        
3945      }
3946    }
3947  
3948</style>
3949  <a  href="/collections/concealer-creases-or-looks-dry" class="collection-card collection-card-template--19743130189877__collection_list_JyAFkf group disable-effect card relative h-full block">
3950
3951  <div 
3952    
3953      x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
3954    
3955    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
3956    
3957  ><div class="block md:rounded-[10px] rounded-[10px]">
3958        
3959
3960          <div class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10">
3961            
3962            <img
3963              srcset="//www.soniaroselli.com/cdn/shop/collections/cakey_concealer_solution.png?v=1789154756&width=225 225w,
3964              //www.soniaroselli.com/cdn/shop/collections/cakey_concealer_solution.png?v=1789154756&width=375 375w,
3965              //www.soniaroselli.com/cdn/shop/collections/cakey_concealer_solution.png?v=1789154756&width=450 450w,
3966              //www.soniaroselli.com/cdn/shop/collections/cakey_concealer_solution.png?v=1789154756&width=750 750w,
3967              //www.soniaroselli.com/cdn/shop/collections/cakey_concealer_solution.png?v=1789154756&width=900 900w,
3968              //www.soniaroselli.com/cdn/shop/collections/cakey_concealer_solution.png?v=1789154756&width=1100 1100w,
3969              //www.soniaroselli.com/cdn/shop/collections/cakey_concealer_solution.png?v=1789154756&width=1500 1500w,
3970              //www.soniaroselli.com/cdn/shop/collections/cakey_concealer_solution.png?v=1789154756&width=1780 1780w,
3971              //www.soniaroselli.com/cdn/shop/collections/cakey_concealer_solution.png?v=1789154756&width=2000 2000w,
3972              //www.soniaroselli.com/cdn/shop/collections/cakey_concealer_solution.png?v=1789154756&width=3000 3000w,
3973              //www.soniaroselli.com/cdn/shop/collections/cakey_concealer_solution.png?v=1789154756&width=3840 3840w"
3974              src="//www.soniaroselli.com/cdn/shop/collections/cakey_concealer_solution.png?v=1789154756&width=3840"
3975              sizes="
3976          
3977            
3978              (min-width: 1400px)  calc((1500px - (4px * 4)) / 5),
3979              (min-width: 1024px) calc((100vw - (4px * 4)) / 5),
3980              (min-width: 768px) calc((100vw - (4px * 4)) / 2), 
3981              calc((100vw - (4px * 1)) / 2)
3982            
3983          
3984        "
3985              alt="Dry creasing concealer and dry under-eye skin — Sonia Roselli eye cream and skin prep solutions for smooth undereye makeup"
3986              height="2048"
3987              width="2048"
3988              
3989                loading="lazy" 
3990              
3991              class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
3992              onload="requestAnimationFrame(() => {
3993                this?.classList.add('active');
3994                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
3995                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
3996              })"
3997            >
3998            
3999          </div></div>
4000      </div>
4001    
4002  <div class="content--template--19743130189877__collection_list_JyAFkf pt-5 pb-5 text-center rtl:text-center left-0 right-0 grow"
4003  >
4004    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
4005    ><p class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">
4006          
4007My Concealer Creases, Undereye Looks Dry
4008        </p></div><style data-shopify>
4009        
4010      </style>
4011      <p class=" text-[rgba(var(--colors-text))]  mt-1">
4012        4 items 
4013      </p>
4014  </div>
4015  
4016
4017  </a>
4018
4019</div><style data-shopify>
4020                .x-slide-animation-duration-4 {
4021                  --delay-time: 300ms
4022                }
4023              </style>
4024              <div x-slide-index="3" id="Slide-template--19743130189877__collection_list_JyAFkf-4" class="x-slide-animation x-slide-animation-duration-4 splide__slide x-splide-slide preload-slide--template--19743130189877__collection_list_JyAFkf" >
4025                
4026                
4027                    
4028
4029<style data-shopify>
4030.text-color- {
4031        color: ;
4032        --colors-text: , , ;
4033        --colors-heading: , , ;
4034      }
4035  .collection-card- .image-overlay,
4036  .collection-card-template--19743130189877__collection_list_JyAFkf .image-overlay {
4037    
4038      background: linear-gradient(to bottom, transparent 0%, rgba(15, 14, 14, 5%) 100%);
4039    
4040  }
4041  .dark .collection-card- .image-overlay,
4042  .dark .collection-card-template--19743130189877__collection_list_JyAFkf .image-overlay {
4043    
4044      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 5%) 100%);
4045    
4046  }
4047  
4048    .content--template--19743130189877__collection_list_JyAFkf .collection-item-title {
4049      
4050        font-size: 0.81rem;
4051      
4052    }
4053    @media screen and (min-width: 768px) {
4054      .spacing--template--19743130189877__collection_list_JyAFkf {
4055        gap: 4px;
4056      }
4057      .content--template--19743130189877__collection_list_JyAFkf .collection-item-title {
4058        
4059          font-size: 1.08rem;
4060        
4061      }
4062    }
4063  
4064</style>
4065  <a  href="/collections/skin-feels-rough-on-face-or-body" class="collection-card collection-card-template--19743130189877__collection_list_JyAFkf group disable-effect card relative h-full block">
4066
4067  <div 
4068    
4069      x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
4070    
4071    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
4072    
4073  ><div class="block md:rounded-[10px] rounded-[10px]">
4074        
4075
4076          <div class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10">
4077            
4078            <img
4079              srcset="//www.soniaroselli.com/cdn/shop/collections/rinse_off_sexapeel_spray.png?v=1786816134&width=225 225w,
4080              //www.soniaroselli.com/cdn/shop/collections/rinse_off_sexapeel_spray.png?v=1786816134&width=375 375w,
4081              //www.soniaroselli.com/cdn/shop/collections/rinse_off_sexapeel_spray.png?v=1786816134&width=450 450w,
4082              //www.soniaroselli.com/cdn/shop/collections/rinse_off_sexapeel_spray.png?v=1786816134&width=750 750w,
4083              //www.soniaroselli.com/cdn/shop/collections/rinse_off_sexapeel_spray.png?v=1786816134&width=900 900w,
4084              //www.soniaroselli.com/cdn/shop/collections/rinse_off_sexapeel_spray.png?v=1786816134&width=1100 1100w,
4085              //www.soniaroselli.com/cdn/shop/collections/rinse_off_sexapeel_spray.png?v=1786816134&width=1500 1500w,
4086              //www.soniaroselli.com/cdn/shop/collections/rinse_off_sexapeel_spray.png?v=1786816134&width=1780 1780w,
4087              //www.soniaroselli.com/cdn/shop/collections/rinse_off_sexapeel_spray.png?v=1786816134&width=2000 2000w,
4088              //www.soniaroselli.com/cdn/shop/collections/rinse_off_sexapeel_spray.png?v=1786816134&width=3000 3000w,
4089              //www.soniaroselli.com/cdn/shop/collections/rinse_off_sexapeel_spray.png?v=1786816134&width=3840 3840w"
4090              src="//www.soniaroselli.com/cdn/shop/collections/rinse_off_sexapeel_spray.png?v=1786816134&width=3840"
4091              sizes="
4092          
4093            
4094              (min-width: 1400px)  calc((1500px - (4px * 4)) / 5),
4095              (min-width: 1024px) calc((100vw - (4px * 4)) / 5),
4096              (min-width: 768px) calc((100vw - (4px * 4)) / 2), 
4097              calc((100vw - (4px * 1)) / 2)
4098            
4099          
4100        "
4101              alt="Two skincare products from Sexapeel by Sonia Roselli on a white background with black shadows: a larger off-white spray bottle labeled Instant Exfoliation Spray and a matching off-white tube labeled Commage Peeling Gel."
4102              height="1632"
4103              width="2048"
4104              
4105                loading="lazy" 
4106              
4107              class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
4108              onload="requestAnimationFrame(() => {
4109                this?.classList.add('active');
4110                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
4111                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
4112              })"
4113            >
4114            
4115          </div></div>
4116      </div>
4117    
4118  <div class="content--template--19743130189877__collection_list_JyAFkf pt-5 pb-5 text-center rtl:text-center left-0 right-0 grow"
4119  >
4120    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
4121    ><p class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">
4122          
4123My Skin Feels Rough on Face or Body
4124        </p></div><style data-shopify>
4125        
4126      </style>
4127      <p class=" text-[rgba(var(--colors-text))]  mt-1">
4128        5 items 
4129      </p>
4130  </div>
4131  
4132
4133  </a>
4134
4135</div><style data-shopify>
4136                .x-slide-animation-duration-5 {
4137                  --delay-time: 400ms
4138                }
4139              </style>
4140              <div x-slide-index="4" id="Slide-template--19743130189877__collection_list_JyAFkf-5" class="x-slide-animation x-slide-animation-duration-5 splide__slide x-splide-slide preload-slide--template--19743130189877__collection_list_JyAFkf" >
4141                
4142                
4143                    
4144
4145<style data-shopify>
4146.text-color- {
4147        color: ;
4148        --colors-text: , , ;
4149        --colors-heading: , , ;
4150      }
4151  .collection-card- .image-overlay,
4152  .collection-card-template--19743130189877__collection_list_JyAFkf .image-overlay {
4153    
4154      background: linear-gradient(to bottom, transparent 0%, rgba(15, 14, 14, 5%) 100%);
4155    
4156  }
4157  .dark .collection-card- .image-overlay,
4158  .dark .collection-card-template--19743130189877__collection_list_JyAFkf .image-overlay {
4159    
4160      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 5%) 100%);
4161    
4162  }
4163  
4164    .content--template--19743130189877__collection_list_JyAFkf .collection-item-title {
4165      
4166        font-size: 0.81rem;
4167      
4168    }
4169    @media screen and (min-width: 768px) {
4170      .spacing--template--19743130189877__collection_list_JyAFkf {
4171        gap: 4px;
4172      }
4173      .content--template--19743130189877__collection_list_JyAFkf .collection-item-title {
4174        
4175          font-size: 1.08rem;
4176        
4177      }
4178    }
4179  
4180</style>
4181  <a  href="/collections/everyday-skincare" class="collection-card collection-card-template--19743130189877__collection_list_JyAFkf group disable-effect card relative h-full block">
4182
4183  <div 
4184    
4185      x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
4186    
4187    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
4188    
4189  ><div class="block md:rounded-[10px] rounded-[10px]">
4190        
4191
4192          <div class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10">
4193            
4194            <img
4195              srcset="//www.soniaroselli.com/cdn/shop/collections/water_balm_and_intense_barrier_cream_85b8eaff-2c50-4edc-8036-ab8ac1703416.png?v=1789154717&width=225 225w,
4196              //www.soniaroselli.com/cdn/shop/collections/water_balm_and_intense_barrier_cream_85b8eaff-2c50-4edc-8036-ab8ac1703416.png?v=1789154717&width=375 375w,
4197              //www.soniaroselli.com/cdn/shop/collections/water_balm_and_intense_barrier_cream_85b8eaff-2c50-4edc-8036-ab8ac1703416.png?v=1789154717&width=450 450w,
4198              //www.soniaroselli.com/cdn/shop/collections/water_balm_and_intense_barrier_cream_85b8eaff-2c50-4edc-8036-ab8ac1703416.png?v=1789154717&width=750 750w,
4199              //www.soniaroselli.com/cdn/shop/collections/water_balm_and_intense_barrier_cream_85b8eaff-2c50-4edc-8036-ab8ac1703416.png?v=1789154717&width=900 900w,
4200              //www.soniaroselli.com/cdn/shop/collections/water_balm_and_intense_barrier_cream_85b8eaff-2c50-4edc-8036-ab8ac1703416.png?v=1789154717&width=1100 1100w,
4201              //www.soniaroselli.com/cdn/shop/collections/water_balm_and_intense_barrier_cream_85b8eaff-2c50-4edc-8036-ab8ac1703416.png?v=1789154717&width=1500 1500w,
4202              //www.soniaroselli.com/cdn/shop/collections/water_balm_and_intense_barrier_cream_85b8eaff-2c50-4edc-8036-ab8ac1703416.png?v=1789154717&width=1780 1780w,
4203              //www.soniaroselli.com/cdn/shop/collections/water_balm_and_intense_barrier_cream_85b8eaff-2c50-4edc-8036-ab8ac1703416.png?v=1789154717&width=2000 2000w,
4204              //www.soniaroselli.com/cdn/shop/collections/water_balm_and_intense_barrier_cream_85b8eaff-2c50-4edc-8036-ab8ac1703416.png?v=1789154717&width=3000 3000w,
4205              //www.soniaroselli.com/cdn/shop/collections/water_balm_and_intense_barrier_cream_85b8eaff-2c50-4edc-8036-ab8ac1703416.png?v=1789154717&width=3840 3840w"
4206              src="//www.soniaroselli.com/cdn/shop/collections/water_balm_and_intense_barrier_cream_85b8eaff-2c50-4edc-8036-ab8ac1703416.png?v=1789154717&width=3840"
4207              sizes="
4208          
4209            
4210              (min-width: 1400px)  calc((1500px - (4px * 4)) / 5),
4211              (min-width: 1024px) calc((100vw - (4px * 4)) / 5),
4212              (min-width: 768px) calc((100vw - (4px * 4)) / 2), 
4213              calc((100vw - (4px * 1)) / 2)
4214            
4215          
4216        "
4217              alt="Sonia Roselli everyday skincare for bare-skin days — lightweight ceramide formulas for healthy, comfortable skin without makeup"
4218              height="1632"
4219              width="2048"
4220              
4221                loading="lazy" 
4222              
4223              class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
4224              onload="requestAnimationFrame(() => {
4225                this?.classList.add('active');
4226                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
4227                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
4228              })"
4229            >
4230            
4231          </div></div>
4232      </div>
4233    
4234  <div class="content--template--19743130189877__collection_list_JyAFkf pt-5 pb-5 text-center rtl:text-center left-0 right-0 grow"
4235  >
4236    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
4237    ><p class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">
4238          
4239Everyday Skincare for Bare-Skin Days
4240        </p></div><style data-shopify>
4241        
4242      </style>
4243      <p class=" text-[rgba(var(--colors-text))]  mt-1">
4244        17 items 
4245      </p>
4246  </div>
4247  
4248
4249  </a>
4250
4251</div></div>
4252        </div><div class="splide__arrows flex items-center justify-center gap-3 md:gap-0 mb-1 lg:mb-0 mt-5 lg:mt-0">
4253            <button 
4254              class="splide__arrow splide__arrow--prev button-arrow pt-3 pb-3 pr-3 pl-3 rounded-full none_border z-10 w-11 h-11 border border-solid lg:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden lg:hidden"
4255              aria-label="previous slide"
4256            >
4257              <span class="hidden">previous slide</span>
4258              
4259      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
4260        <path fill="none" d="M16 1L5 12L16 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4261      </svg>
4262    
4263
4264
4265            </button>
4266            <button 
4267              class="splide__arrow splide__arrow--next button-arrow pt-3 pb-3 pr-3 pl-3 rounded-full none_border z-10 w-11 h-11 border border-solid lg:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden lg:hidden"
4268              aria-label="next slide"
4269            >
4270              <span class="hidden">next slide</span>
4271              
4272      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
4273        <path fill="none" d="M8 1L19 12L8 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4274      </svg>
4275  
4276
4277
4278            </button>
4279          </div><div class="x-pgw page-width lg:hidden flex items-center gap-5 mt-2.5 w-full ml-auto mr-auto">
4280            <div class="splide-progress inline-block grow rounded-md">
4281               <style data-shopify>.splide-progress-bar-template--19743130189877__collection_list_JyAFkf {
4282                  width: 40.0%;
4283                }
4284                @media (min-width: 768px) {
4285                  .splide-progress-bar-template--19743130189877__collection_list_JyAFkf {
4286                    width: 100.0%;
4287                  }
4288                }</style><div class="splide-progress-bar-template--19743130189877__collection_list_JyAFkf splide-progress-bar rounded-md"></div>
4289            </div>
4290          </div></div>
4291    </div>
4292  </div>
4293</div>
4294
4295
4296</section><div id="shopify-section-template--19743130189877__product-grid" class="shopify-section section x-section-product-grid"><link href="//www.soniaroselli.com/cdn/shop/t/201/assets/product-grid.css?v=120255293655171342021782713516" rel="stylesheet" type="text/css" media="all" />
4297<style data-shopify>
4298  .section-padding-template--19743130189877__product-grid {
4299    padding-top: 20px;
4300    padding-bottom: 0px;
4301  }
4302  @media (min-width: 768px) { 
4303    .section-padding-template--19743130189877__product-grid {
4304      padding-top: 32px;
4305      padding-bottom: 52px;
4306    }
4307  }
4308  
4309    :root{
4310      --height-sticky-filter: 50px;
4311    }
4312  
4313  .gap-template--19743130189877__product-grid {
4314    column-gap: 16px;
4315    row-gap: 12px;
4316  }
4317  @media (min-width: 768px) {
4318    .gap-template--19743130189877__product-grid {
4319      column-gap: 28px;
4320      row-gap: 28px;
4321    }
4322  }
4323</style> 
4324
4325
4326<div x-data="xFiltersAndSortby('template--19743130189877__product-grid')" :class="!showFilterAside && 'filter-aside'" class="section-padding-template--19743130189877__product-grid">
4327  <div class="x-pgw page-width mr-auto ml-auto sticky top-[var(--height-header)] duration-300 z-20 bg-[rgba(var(--colors-background),1)] empty:min-h-[50px]" id="header-filter"></div>
4328  
4329  
4330    
4331  
4332  <div 
4333    class="x-pgw page-width mr-auto ml-auto"
4334    
4335  >
4336      
4337      <div class="col-span-1 filter-aside:md:hidden">
4338        
4339<div class="relative mb-6 md:mb-7">
4340  <div class="facets">
4341    <template x-teleport="#header-filter">
4342      <div id="FacetsWrapperDesktop"
4343        class="flex justify-between"
4344        x-data="{ isSticky: false }"x-init="() => { 
4345            const sectionAnnouncement = document.getElementById('x-announcement');
4346            if (sectionAnnouncement) {
4347              const isStickyAnnouncement = sectionAnnouncement.getAttribute('data-is-sticky');
4348              const header = document.getElementById('x-header-container');
4349              let isStickyHeader = false;
4350              const onScroll = () => {
4351                isStickyHeader = header.classList.contains('always-animation') || header.classList.contains('on-scroll-up-animation');
4352                if (isStickyAnnouncement && isStickyHeader) {
4353                  isSticky = $el.getBoundingClientRect().top <= (sectionAnnouncement.offsetHeight + header.offsetHeight + 2);
4354                } else if (isStickyAnnouncement) {
4355                  isSticky = $el.getBoundingClientRect().top <= sectionAnnouncement.offsetHeight + 2;
4356                } else if (isStickyHeader) {
4357                  isSticky = $el.getBoundingClientRect().top <= header.offsetHeight + 2;
4358                } else {
4359                  isSticky = $el.getBoundingClientRect().top <= 2;
4360                }
4361              };
4362              window.addEventListener('scroll', onScroll);
4363            }
4364          }"
4365          x-effect="setFilterHeaderHeight()":class="isSticky ? 'border-y' : 'rounded-full border'"
4366      >
4367        <div class="flex w-full md:w-auto justify-between">
4368          
4369            <div class="">
4370              <button 
4371                id="btn-filter"
4372                class="flex items-center cursor-pointer ml-7"
4373                @click.prevent="show = true; $store.xPopup.open = true">
4374                <span class="w-4 h-3 mr-2">
4375                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
4376      <path d=" M16.895 13.753a3.142 3.142 0 1 0 0 6.284 3.142 3.142 0 0 0 0-6.284 M11.753 16.895a5.142 5.142 0 1 1 10.284 0 5.142 5.142 0 0 1-10.284 0 M7.105 3.963a3.142 3.142 0 1 0 0 6.284 3.142 3.142 0 0 0 0-6.284 M1.963 7.105a5.142 5.142 0 1 1 10.284 0 5.142 5.142 0 0 1-10.284 0 M20.038 16.895a1 1 0 0 1 1-1h2.259a1 1 0 1 1 0 2h-2.259a1 1 0 0 1-1-1 M-.297 7.105a1 1 0 0 1 1-1h2.259a1 1 0 1 1 0 2H.703a1 1 0 0 1-1-1 M-.297 16.895a1 1 0 0 1 1-1h12.05a1 1 0 1 1 0 2H.703a1 1 0 0 1-1-1 M10.247 7.105a1 1 0 0 1 1-1h12.05a1 1 0 1 1 0 2h-12.05a1 1 0 0 1-1-1"/>
4377    </svg>
4378  
4379
4380                </span>
4381                <span class="pr-5 pt-4 pb-4 hidden md:block" tabindex="-1">Show filter</span>
4382                
4383                  <span class="pr-5 pt-4 pb-4 md:hidden" tabindex="-1">Filter and sort</span>
4384                
4385              </button>
4386              
4387            </div>
4388          
4389        </div>
4390        <div class="flex items-center md:mr-0 mr-7">
4391          
4392            <p id="ProductCount_header" class="md:mr-4 w-max">
4393              
4394                
439518 products
4396
4397            </p>
4398          
4399          <div class="hidden md:flex items-center mr-7 rtl:mr-0 rtl:ml-7">
4400            <div class="hidden md:flex md:mr-6 rtl:md:mr-0 rtl:md:ml-6">
4401              <button @click="toggleLayout(true)" :class="!listLayout && 'opacity-50'" class="inline-block w-6 pr-1 pl-1 h-12 pt-3.5 pb-3.5 cursor-pointer" aria-label="list layout">
4402    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
4403      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 4H22M7 12H22M7 20H22" stroke-width="2"/>
4404      <path stroke="currentColor" stroke-linecap="round" d="M2.125 4.082h0M2 12h0M2 20h0" stroke-width="2.8"/>
4405    </svg>
4406  
4407</button>
4408              <button @click="toggleLayout(false)" :class="listLayout && 'opacity-50'" class="inline-block w-6 pr-1 pl-1 h-12 pt-3.5 pb-3.5 cursor-pointer mr-1 rtl:mr-0 rtl:ml-1" aria-label="grid layout">
4409    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
4409ox="0 0 24 24" fill="none">
4410      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 1h5.087a2 2 0 0 1 2 2v5.087a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2 M15.913 1H21a2 2 0 0 1 2 2v5.087a2 2 0 0 1-2 2h-5.087a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2 M15.913 13.913H21a2 2 0 0 1 2 2V21a2 2 0 0 1-2 2h-5.087a2 2 0 0 1-2-2v-5.087a2 2 0 0 1 2-2 M3 13.913h5.087a2 2 0 0 1 2 2V21a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-5.087a2 2 0 0 1 2-2"/>
4411    </svg>
4412  
4413</button>
4414            </div><div class="hidden md:flex items-center">
4415                <p class="whitespace-nowrap">
4416                  Sort by:
4417                </p>
4418                <div class="flex relative ml-1 rtl:ml-0 rtl:mr-1 eurus"><select
4419                    id="FormSelectFilter"
4420                    class="pt-3.5 pb-3.5 pr-7 pl-2 rtl:pl-7 rtl:pr-2 cursor-pointer border focus:outline-none focus-visible:border bg-transparent border-[rgba(var(--background-color))] focus-visible:border-current"
4421                    name="sort_by"
4422                    form="FacetFiltersForm"
4423                    aria-label="Sort by"
4424                    aria-describedby="a11y-refresh-page-message"
4425                    @change="onSubmit(0)"
4426                  ><option class="bg-[rgba(var(--background-color),1)]" value="manual" selected="selected">Featured</option><option class="bg-[rgba(var(--background-color),1)]" value="most-relevant">Most relevant</option><option class="bg-[rgba(var(--background-color),1)]" value="best-selling">Best selling</option><option class="bg-[rgba(var(--background-color),1)]" value="title-ascending">Alphabetically, A-Z</option><option class="bg-[rgba(var(--background-color),1)]" value="title-descending">Alphabetically, Z-A</option><option class="bg-[rgba(var(--background-color),1)]" value="price-ascending">Price, low to high</option><option class="bg-[rgba(var(--background-color),1)]" value="price-descending">Price, high to low</option><option class="bg-[rgba(var(--background-color),1)]" value="created-ascending">Date, old to new</option><option class="bg-[rgba(var(--background-color),1)]" value="created-descending">Date, new to old</option></select> 
4427                  <span class="absolute top-1/2 right-2 rtl:right-auto rtl:left-2 -translate-y-1/2 w-2.5">
4428    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4429      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4430    </svg>
4431</span>
4432                </div>
4433              </div></div>
4434        </div>
4435      </div>
4436    </template>
4437    
4438      
4439      
4440      
4441      
4442        <form class="grid">
4443          
4444          <div id="active-filter-tag" class="block md:hidden">
4445            
4446          </div>
4447        </form>
4448      
4449    
4450  </div>
4451</div>
4452<form id="FacetFiltersForm" class="grid form-drawer">
4453    <div x-show="show" 
4454      id="ProductFilter"
4455      class="fixed top-0 right-0 left-0 bottom-0 flex flex-col justify-end md:flex-row md:justify-start bg-[#acacac] bg-opacity-30 z-[60]"
4456      @keyup.escape="show=false; _filterRemoveFocus(); $store.xPopup.close()" x-cloak>
4457      <div 
4458        class="md:h-auto md:mt-2.5 md:mb-2.5 md:mr-2.5 md:ml-2.5 md:rounded-[10px] w-full md:w-96 relative bg-[rgba(var(--background-color))]" 
4459        x-show="show" 
4460        x-cloak 
4461        x-intersect.full="_filterFocus()"
4462        @click.away="show = false; $store.xPopup.open = false;"
4463        x-transition:enter="transition-all ease-in-out duration-500"
4464        x-transition:enter-start="opacity-0 transform translate-y-1/3 md:-translate-x-1/3 md:translate-y-0"
4465        x-transition:enter-end="opacity-100 transform translate-y-0 md:translate-x-0 md:translate-y-0"
4466        x-transition:leave="transition-all ease-in-out duration-500"
4467        x-transition:leave-end="opacity-0 transform translate-y-1/3 md:-translate-x-1/3 md:translate-y-0"
4468      >  
4469        <button 
4470          id="CloseFilter" 
4471          aria-label="Close filter"
4472          class="icon-close-container group-close-btn rounded-full absolute right-2 rtl:right-auto rtl:left-2 top-2 md:top-2 cursor-pointer" 
4473          @click.prevent="_filterRemoveFocus(); show = false; $store.xPopup.close()">
4474          
4475    <svg class="icon-close-animation" width="100%" height="100%" viewB
4475ox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4476      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4477    </svg>
4478
4479        </button>
4480        <div class="md:hidden pb-5 border-b border-solid ml-5 mr-5 pt-5"><p class="font-semibold text-result-filter mb-2" tabindex="-1">Filter and sort</p><div><p id="ProductCountDrawer" class="md:border-l md:border-solid">18 products
4481</p>
4482          </div>
4483        </div>
4484        <div class="pl-5 pr-5 md:pl-9 md:pr-9 overflow-auto pt-0 mb-12 md:pt-10 md:mb-10 max-h-[50vh] md:max-h-[calc(100vh-80px)] scrollbar-body">  
4485          
4486            <div class="" id="active-filter-tag-mobile">
4487              
4488            </div>
4489            
4490
4491
4492
4493    <div @click="getPopupPosition($el)" x-data="{open: false}" class="js-filter relative" data-index="drawer-1">
4494      <button 
4495        @click.prevent="open=!open" 
4496         
4497        class="facets__summary w-full relative cursor-pointer flex pt-3 pb-3 border-solid items-center border-b justify-between"
4498        aria-label="Availability (0 selected)"
4499      >
4500        <span class="text-medium text-[rgba(var(--colors-heading))]">Availability<span class=" hidden"> (0)</span></span>
4501        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'">
4502    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4503      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4504    </svg>
4505</span>
4506      </button>
4507      <div class="border-b md:border-0 border-solid" x-collapse x-show="open" x-cloak>
4508        <div class="flex justify-between pt-4 pb-4 text-filter">
4509          <div>
4510            <span class="facets__selected">0 selected</span>
4511            
4512          </div>
4513          <button @click.prevent="removeFilter(`/collections/shop-all`)" class="facet-reset cursor-pointer ml-5">
4514            Reset
4515          </button>
4516        </div><div class="md:pb-5 pb-4 pt-1">
4517          
4518            <ul role="list"><li class="list-none mb-3 eurus">
4519                  <label for="Filter-drawer-Availability-1" class="flex items-center cursor-pointer">
4520                    <input type="checkbox"
4521                      id="Filter-drawer-Availability-1"
4522                      class="checkbox checkbox-checked h-6 w-6 min-w-[24px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer mr-2 rounded"
4523                      name="filter.v.availability"
4524                      value="1"
4525                      
4526                      
4527                      @change="onSubmit()"
4528                    >
4529                    <span class="p-break-words">In stock (13)</span>
4530                  </label>
4531                </li><li class="list-none mb-3 eurus">
4532                  <label for="Filter-drawer-Availability-2" class="flex items-center cursor-pointer">
4533                    <input type="checkbox"
4534                      id="Filter-drawer-Availability-2"
4535                      class="checkbox checkbox-checked h-6 w-6 min-w-[24px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer mr-2 rounded"
4536                      name="filter.v.availability"
4537                      value="0"
4538                      
4539                      
4540                      @change="onSubmit()"
4541                    >
4542                    <span class="p-break-words">Out of stock (5)</span>
4543                  </label>
4544                </li></ul> 
4545          
4546        </div>
4547      </div>
4548    </div>
4549  
4550
4551
4552
4553    
4554    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-2">
4555      <button 
4556        @click.prevent="open=!open"
4557         
4558        class="facets__summary w-full relative cursor-pointer flex pt-3 pb-3 border-solid items-center border-b justify-between"
4559      >
4560        <span class="text-medium text-[rgba(var(--colors-heading))]">Price</span>
4561        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'">
4562    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4563      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4564    </svg>
4565</span>
4566      </button>
4567      <div class="border-b md:border-0 border-solid" x-collapse x-show="open" x-cloak>
4568        <div class="pt-4 pb-4 justify-end flex text-filter">
4569          <button @click.prevent="removeFilter(`/collections/shop-all`)" class="facet-reset cursor-pointer ml-5">
4570            Reset
4571          </button>
4572        </div>
4573        <div class="flex pb-4 md:mb-4 items-center justify-between">
4574          <div x-intersect.once="rangePrice($el)" class="w-full range-price-filter pl-1 pr-1">
4575            <div x-intersect.once="initRange($el)" class="w-full text-[rgb(var(--colors-text),0.7)]">
4576              <div class="slider h-1.5 relative border border-solid">
4577                <div style="left: var(--left_range); right: var(--right_range);" class="progress h-full absolute bg-[rgb(var(--colors-text-link))] left-0 right-0"></div>
4578              </div>
4579              <div class="range-input relative">
4580                <input 
4581                  @change="onSubmit()"
4582                  aria-label="Filter range min"
4583                  class="absolute -translate-x-1 rtl:translate-x-1 range-min w-full bg-none h-1.5 -top-1.5 pointer-events-none appearance-none rounded-range"
4584                  name="filter.v.price.gte"value="0"type="range"
4585                  placeholder="0"
4586                  min="0"
4587                  defaultValue="0"max="469.00"
4588                  step=".01"
4589                  form="ranger-price"
4590                  id="Filter-drawer-Price--range-min"
4591                >
4592                <input 
4593                  @change="onSubmit()"
4594                  aria-label="Filter range max"
4595                  class="absolute translate-x-1 rtl:-translate-x-1 range-max w-full bg-none h-1.5 -top-1.5 pointer-events-none appearance-none rounded-range"
4596                  type="range"
4597                  min="1"value="469.00"placeholder="469.00"
4598                    max="469.00"
4599                    defaultValue="469.00"
4600                  
4601                  form="ranger-price"
4602                  step=".01"
4603                  id="Filter-drawer-Price--range-max"
4604                >
4605              </div>
4606              <input @change="onSubmit()" class="price-input absolute opacity-0 -z-10"
4607                name="filter.v.price.gte"
4608                aria-label="Filter price min"
4609                x-ref="filter_price_gte"type="number"
4610                placeholder="0"
4611                min="0"
4612                defaultValue="0"max="469.00"
4613                step=".01"
4614                id="Filter-drawer-Price--min"
4615              >
4616              <input @change="onSubmit()" class="price-input absolute opacity-0 -z-10" name="filter.v.price.lte" 
4617                aria-label="Filter price max"
4618                x-ref="filter_price_lte" type="number" min="0"placeholder="469.00"
4619                  max="469.00"
4620                  defaultValue="469.00"
4621                
4622                step=".01"
4623                id="Filter-drawer-Price--max"
4624              >
4625              <div class="w-full flex justify-between mt-3">
4626                <div class="flex items-center">
4627                  <span>$</span>
4628                  <p class="price-preview">0</p>
4629                </div>
4630                <div class="flex items-center">
4631                  <span>$</span>
4632                  <p class="price-preview">469.00
4633</p>
4634                </div>
4635              </div>
4636            </div>
4637          </div>
4638        </div>
4639      </div>
4640    </div>
4641
4642
4643          
4644<div class="md:hidden mt-3">
4645              <div class="flex pt-4 pb-4 relative justify-between items-center">
4646                <p>
4647                  <label for="SortBy">Sort by:</label>
4648                </p>
4649                <div class="flex justify-between eurus"><select
4650                    class="cursor-pointer pt-1 pb-1 pl-2 rtl:pl-7 pr-7 rtl:pr-2 focus:outline-none focus-visible:outline-none bg-transparent"
4651                    name="sort_by"
4652                    aria-describedby="a11y-refresh-page-message"
4653                    @change="onSubmit(0)"
4654                    :disabled="isDesktop"
4655                    aria-label="Sort by"
4656                  ><option class="bg-[rgba(var(--background-color),1)]" value="manual" selected="selected">Featured</option><option class="bg-[rgba(var(--background-color),1)]" value="most-relevant">Most relevant</option><option class="bg-[rgba(var(--background-color),1)]" value="best-selling">Best selling</option><option class="bg-[rgba(var(--background-color),1)]" value="title-ascending">Alphabetically, A-Z</option><option class="bg-[rgba(var(--background-color),1)]" value="title-descending">Alphabetically, Z-A</option><option class="bg-[rgba(var(--background-color),1)]" value="price-ascending">Price, low to high</option><option class="bg-[rgba(var(--background-color),1)]" value="price-descending">Price, high to low</option><option class="bg-[rgba(var(--background-color),1)]" value="created-ascending">Date, old to new</option><option class="bg-[rgba(var(--background-color),1)]" value="created-descending">Date, new to old</option></select>
4657                  <span class="w-3 absolute right-2 rtl:right-auto rtl:left-2 top-1/2 -translate-y-1/2">
4658    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4659      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4660    </svg>
4661</span>
4662                </div>
4663              </div>
4664            </div></div>
4665      </div>
4666    </div>
4667  
4668  
4669  
4670  
4671    <div id="ProductPerPage">
4672      <template x-teleport="#perpage-collection">
4673        <div class="flex items-center justify-center md:justify-start mb-5 lg:mb-0 hidden">
4674          <p class="w-max font-normal">Show</p>
4675          <div class="w-fit relative flex items-center mr-3 ml-3 eurus">
4676            <select 
4677              class="cursor-pointer leading-normal font-medium pt-1 pb-1 bg-transparent focus:outline-none focus-visible:border-current border border-solid pl-3 rtl:pl-8 pr-8 rtl:pr-3 rounded-md" 
4678              @change="renderPagination()" 
4679              aria-label="Pagination"
4680            ><option 
4681                  class="bg-[rgba(var(--background-color),1)] cursor-pointer"
4682                  value="28"
4683                   selected="selected"
4684                >
4685                  28
4686                </option></select>
4687            <span class="w-3 pointer-events-none absolute select-none right-2 rtl:right-auto rtl:left-2 top-1/2 -translate-y-1/2">
4688              
4689    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4690      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4691    </svg>
4692
4693            </span>
4694          </div>
4695          <p class="w-max font-normal">per page</p>
4696        </div>
4697      </template>
4698    </div>
4699  
4700</form>
4701<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/facets.js?v=61204063878073035961782713469" defer="defer"></script>
4701
4702      </div>
4703      
4704      <div
4705        class="x-auto-focus "
4706        id="ProductGridContainer"
4707        x-intersect.once='$store.xCustomerEvent.fire("list_product_viewed", $el, {
4708          "list": {
4709            "id": "collection",
4710            "title": "Shop All" 
4711          }
4712        })'
4713        
4714      ><p id="ProductCount" class="hidden">18 products
4715</p><div class="relative" :class="listLayout ? 'list-layout' : 'grid-layout'">
4716            
4717              <div class="loading-cover left-0 absolute x-pgw page-width -top-6" x-show="loading" x-cloak>
4718                <span class="loading-bar"></span>
4719              </div>
4720            
4721<div id="items-grid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-template--19743130189877__product-grid md:list-layout:grid-cols-1" >
4722                  
4723
4724                    
4725                    
4726                    <div class="grid-item">
4727                      
4728                      
4729
4730<div 
4731  
4732    x-data="xProductCard('template--19743130189877__product-grid-11', '/collections/shop-all/products/sexapeel-exfoliation-spray', '4688033286')"  
4733  
4734  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
4735  x-slide-index="-1"
4736>
4737  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
4738  >
4739    
4740    <a 
4741      
4742      href="/collections/shop-all/products/sexapeel-exfoliation-spray"
4743       
4744        x-data="{ lastWindowWidth: 0 }"
4745        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
4746        x-labels-data="[
4747    
4748{
4749      &quot;variant_id&quot;: 15331963718,
4750      &quot;product_id&quot;: 4688033286,
4751      &quot;available&quot;: true,
4752      &quot;title&quot;: &quot;Sexapeel™ Instant Exfoliation Spray&quot;,
4753      &quot;compare_at_price&quot;: 5900,
4754      &quot;price&quot;: 5900,
4755      &quot;price_with_currency&quot;: &quot;$ 59.00&quot;,
4756      &quot;sale_amount&quot;: &quot;$ 0.00&quot;,
4757      &quot;collections&quot;: &quot;||285551132725||318067736629||312835768373||308160790581||318067343413||262726549557||184227590||316648489013||&quot;,
4758      &quot;inventory_management&quot;: &quot;shopify&quot;,
4759      &quot;qty&quot;: 6108,
4760      &quot;container&quot;: &quot;card&quot;,
4761      &quot;can_show_preorder&quot;: false,
4762      &quot;diff_day_create&quot;: 1455323283,
4763      &quot;diff_day_publish&quot;: 1455323100
4764      
4765      }
4766    ]"
4767       
4768      aria-label="Sexapeel™ Instant Exfoliation Spray"
4769      id="4688033286-template--19743130189877__product-grid"
4770      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
4771      <div
4772        id="x-slideshow-card-product-template--19743130189877__product-grid-11--1"
4773        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible" 
4774        @click='$store.xCustomerEvent.fire("product_selected", $el)'
4775        x-customer-event-data="{
4776    &quot;product&quot;: {
4777      &quot;title&quot;: &quot;Sexapeel™ Instant Exfoliation Spray&quot;,
4778      &quot;listName&quot;: &quot;Shop All&quot;,
4779      &quot;sku&quot;: &quot;4688033286&quot;,
4780      &quot;currencyCode&quot;: &quot;USD&quot;,
4781      &quot;price&quot;: 5900,
4782      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
4783    }
4784  }"
4785        x-cloak
4786        
4787          x-intersect.once.margin.200px='$store.xSplide.load($el, {
4788            "drag": true,
4789            "pagination": true,
4790            "arrows": false,
4791            "pauseOnFocus": false,
4792            "pauseOnHover": false,
4793            "perMove": 1,
4794            "perPage": 1,
4795            "focus": "center",
4796            "mediaQuery": "min",
4797            "rewind": true,
4798            
4799            "breakpoints": {
4800              1024: {
4801                
4802                  "destroy": true
4803                
4804              }
4805            },
4806            
4807              "playOnHover": true,
4808            
4809            
4810            "classes": {
4811              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
4812              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
4813            },
4814            "type": "fade",
4815          })'>
4816        <div 
4817          id="image-product-template--19743130189877__product-grid-11--1"
4818          class="splide__track overflow-hidden max-h-full h-full w-full"
4819        >
4820        <div class="w-full h-full splide__list">
4821            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
4822            >
4823              
4824              <picture>
4825                <img
4826                  srcset="
4827                  //www.soniaroselli.com/cdn/shop/files/sexapeel_instant_exfoiation_spray_white.png?v=1783287965&width=250 250w,
4828                  //www.soniaroselli.com/cdn/shop/files/sexapeel_instant_exfoiation_spray_white.png?v=1783287965&width=350 350w,
4829                  //www.soniaroselli.com/cdn/shop/files/sexapeel_instant_exfoiation_spray_white.png?v=1783287965&width=450 450w,
4830                  //www.soniaroselli.com/cdn/shop/files/sexapeel_instant_exfoiation_spray_white.png?v=1783287965&width=750 750w,
4831                  //www.soniaroselli.com/cdn/shop/files/sexapeel_instant_exfoiation_spray_white.png?v=1783287965&width=900 900w,
4832                  //www.soniaroselli.com/cdn/shop/files/sexapeel_instant_exfoiation_spray_white.png?v=1783287965&width=1100 1100w,
4833                  //www.soniaroselli.com/cdn/shop/files/sexapeel_instant_exfoiation_spray_white.png?v=1783287965&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/sexapeel_instant_exfoiation_spray_white.png?v=1783287965 2048w" 
4834                  src="//www.soniaroselli.com/cdn/shop/files/sexapeel_instant_exfoiation_spray_white.png?v=1783287965&width=1500"
4835                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
4836                  alt="sexapeel exfoliation spray on white background"
4837                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0"
4838                  loading="eager"
4839                  width="2048"
4840                  height="2048"
4841                  onload="requestAnimationFrame(() => {
4842                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
4843                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
4844                  })"
4845                />
4846              </picture>
4847              
4848            </div><style data-shopify>
4849                  #image-product-template--19743130189877__product-grid-11--1 .media-slide:not(:first-child) {
4850                    height: 100%;
4851                  }
4852                </style>
4853                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
4854                  
4855                  <picture>
4856                    <img
4857                      srcset="//www.soniaroselli.com/cdn/shop/files/01-sexapeel-chemical-exfoliation-bumpy-arm-skin.png?v=1787866681&width=250 250w,
4858                        //www.soniaroselli.com/cdn/shop/files/01-sexapeel-chemical-exfoliation-bumpy-arm-skin.png?v=1787866681&width=350 350w,
4859                        //www.soniaroselli.com/cdn/shop/files/01-sexapeel-chemical-exfoliation-bumpy-arm-skin.png?v=1787866681&width=450 450w,
4860                        //www.soniaroselli.com/cdn/shop/files/01-sexapeel-chemical-exfoliation-bumpy-arm-skin.png?v=1787866681&width=750 750w,
4861                        //www.soniaroselli.com/cdn/shop/files/01-sexapeel-chemical-exfoliation-bumpy-arm-skin.png?v=1787866681&width=900 900w,
4862                        //www.soniaroselli.com/cdn/shop/files/01-sexapeel-chemical-exfoliation-bumpy-arm-skin.png?v=1787866681&width=1100 1100w,
4863                        //www.soniaroselli.com/cdn/shop/files/01-sexapeel-chemical-exfoliation-bumpy-arm-skin.png?v=1787866681&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/01-sexapeel-chemical-exfoliation-bumpy-arm-skin.png?v=1787866681 1080w"
4864                      src="//www.soniaroselli.com/cdn/shop/files/01-sexapeel-chemical-exfoliation-bumpy-arm-skin.png?v=1787866681&width=1500"
4865                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
4866                      alt="Close-up of a person&#39;s shoulder and upper arm showing red exfoliation bubbles from SEXAPEEL Instant Exfoliation Spray, with text overlay &#39;Rough, bumpy skin? Start here.&#39; and product branding at the bottom."
4867                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
4868                      loading="lazy"
4869                      width="1080"
4870                      height="1080"
4871                      onload="requestAnimationFrame(() => {
4872                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
4873                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
4874                      })"
4875                    />
4876                  </picture>
4877                  
4878                </div></div>
4879        </div></div>
4880        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
4881              x-show="$store.xQuickView" x-cloak
4882            > 
4883              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
4884                class="w-full hide-icon lg:pl-4 lg:pr-4" 
4885                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
4886                x-cloak
4887              >
4888                
4889<form method="post" action="/cart/add" id="product-form-choose-option468803328621" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="15331963718">
4890                    
4891                                                                
4892                    <button
4893                      type="submit"
4894                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-4688033286-11"
4895                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
4896                      
4897                      
4898                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
4899                    >
4900                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
4901                        
4902
4903                            <span class="flex items-center justify-center">
4904                              
4905<div class="flex justify-center ">
4906  
4907    
4908      
4909        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
4910      
4911    
4912  
4913  
4914    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
4915      
4916      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
4917        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
4918      </svg>
4919      
4920    </span>
4921  
4922</div>
4923                            </span>
4924                      </span>
4925                      <div
4926                        class="flex gap-x-2 items-center justify-center"
4927                        role="alert"
4928                        x-cloak
4929                        x-show="errorMessage"
4930                      >
4931                        Sold out
4932                      </div>
4933                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
4934                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
4935    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
4936  </svg>
4937
4938                      </div>
4939                    </button>
4940                    <button 
4941                      type="submit"
4942                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
4943                      
4944                      
4945                      data-id="template--19743130189877__product-grid-4688033286-11"
4946                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
4947    &quot;product&quot;: {
4948      &quot;title&quot;: &quot;Sexapeel™ Instant Exfoliation Spray&quot;,
4949      &quot;listName&quot;: &quot;Shop All&quot;,
4950      &quot;sku&quot;: &quot;4688033286&quot;,
4951      &quot;currencyCode&quot;: &quot;USD&quot;,
4952      &quot;price&quot;: 5900,
4953      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
4954    }
4955  }"
4956                      
4957                    >
4958                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
4959    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
4960  </svg></span>
4961                      <span class="block w-5 h-5" x-show="loading" x-cloak>
4962                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
4963    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
4964  </svg>
4965
4966                      </span>
4967                    </button><input type="hidden" name="product-id" value="4688033286" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
4968              </div>
4969            </div><div
4970            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
4971            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
4972            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
4973            >
4974            <div>
4975              <button
4976                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
4977                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/sexapeel-exfol
4977iation-spray', $el, 'template--19743130189877__product-grid-4688033286-11')" 
4978                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/sexapeel-exfoliation-spray', $el, 'template--19743130189877__product-grid-4688033286-11')" 
4979                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
4980                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
4981                x-customer-event-data="{
4982    &quot;product&quot;: {
4983      &quot;title&quot;: &quot;Sexapeel™ Instant Exfoliation Spray&quot;,
4984      &quot;listName&quot;: &quot;Shop All&quot;,
4985      &quot;sku&quot;: &quot;4688033286&quot;,
4986      &quot;currencyCode&quot;: &quot;USD&quot;,
4987      &quot;price&quot;: 5900,
4988      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
4989    }
4990  }"
4991                aria-label="Button quickview"
4992              >
4993                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4994    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
4995  </svg>
4996</span>
4997                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
4998                  
4999<div class="flex justify-center ">
5000  
5001    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
5002  
5003  
5004    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
5005      
5006      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
5007        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
5008      </svg>
5009      
5010    </span>
5011  
5012</div>
5013                </span>
5014              </button>
5015              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/sexapeel-exfoliation-spray", $el, "template--19743130189877__product-grid-4688033286-11"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
5016                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
5017                aria-label="Button quickview"
5018                x-customer-event-data="{
5019    &quot;product&quot;: {
5020      &quot;title&quot;: &quot;Sexapeel™ Instant Exfoliation Spray&quot;,
5021      &quot;listName&quot;: &quot;Shop All&quot;,
5022      &quot;sku&quot;: &quot;4688033286&quot;,
5023      &quot;currencyCode&quot;: &quot;USD&quot;,
5024      &quot;price&quot;: 5900,
5025      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
5026    }
5027  }"
5028              >
5029                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5030    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
5031  </svg>
5032</span>
5033              </button>
5034            </div>
5035          </div>
5036        </div>
5037      
5038    </a>
5039    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
5040      
5041      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-4688033286">
5042        <a href="/collections/shop-all/products/sexapeel-exfoliation-spray"
5043          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
5044          @click='$store.xCustomerEvent.fire("product_selected", $el)'
5045          x-customer-event-data="{
5046    &quot;product&quot;: {
5047      &quot;title&quot;: &quot;Sexapeel™ Instant Exfoliation Spray&quot;,
5048      &quot;listName&quot;: &quot;Shop All&quot;,
5049      &quot;sku&quot;: &quot;4688033286&quot;,
5050      &quot;currencyCode&quot;: &quot;USD&quot;,
5051      &quot;price&quot;: 5900,
5052      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
5053    }
5054  }"
5055        >
5056          Sexapeel™ Instant Exfoliation Spray
5057        </a>
5058      </p>
5059      
5060        
5061 
5062
5063
5064      
5065
5066  
5067<div 
5068  class="x-review-product other 
5069    
5070      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
5071  "
5072>
5073  
5074<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.85 out of 5.0 stars">
5075        
5076      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5077        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5078      </svg>
5079    
5080      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5081        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5082      </svg>
5083    
5084      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5085        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5086      </svg>
5087    
5088      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5089        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5090      </svg>
5091    
5092      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5093        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5094      </svg>
5095    
5096      </div> 
5097      <p class="rating-count leading-none caption ml-1 text-review-count">(1414)
5098      </p>
5099</div>
5100
5101<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
5102        
5103        
5104          <div class=" price leading-none ">
5105  <div class="target-price hidden">5900</div>
5106  <div class="target-compare-at-price hidden">5900</div>
5107  
5108    
5109  
5110  
5111<p class="price">
5112        $ 59.00
5113      </p>
5114    
5115  
5116</div>
5117
5118        
5119        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
5120      </div>
5121      
5122      <template x-if="localStorage.getItem('selectedStore')">
5123        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('4688033286', [285551132725, 318067736629, 312835768373, 308160790581, 318067343413, 262726549557, 184227590, 316648489013])">
5124            
5125<div 
5126  class="text-availability-notice"
5127  x-data='{ 
5128    locations: [],
5129    pickupLocations: [],
5130    pickupAvailabilites: []
5131  }'
5132  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
5133>
5134  <style data-shopify>
5135    .text-availability-notice {
5136      font-size: 0.7363125rem;
5137    }
5138    @media (min-width: 768px) {
5139      .text-availability-notice {
5140        font-size: 0.818125rem;
5141      }
5142    }
5143  </style>
5144  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
5145    <span class="flex h-4 w-4 relative">
5146  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5147    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
5148    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
5149  </svg>
5150
5151</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
5152  </div>
5153  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
5154    <span class="flex h-4 w-4 relative">
5155  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5156    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
5157    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
5158  </svg>
5159
5160</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
5161  </div>
5162</div></div>
5163      </template>
5164      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
5165    </div>
5166  </div>
5167  <div
5168    id="x-product-template-4688033286-template--19743130189877__product-grid-11"
5169    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
5170  >
5171    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
5172      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
5173        
5174        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-4688033286">
5175          <a href="/collections/shop-all/products/sexapeel-exfoliation-spray"
5176            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
5177            @click='$store.xCustomerEvent.fire("product_selected", $el)'
5178            x-customer-event-data="{
5179    &quot;product&quot;: {
5180      &quot;title&quot;: &quot;Sexapeel™ Instant Exfoliation Spray&quot;,
5181      &quot;listName&quot;: &quot;Shop All&quot;,
5182      &quot;sku&quot;: &quot;4688033286&quot;,
5183      &quot;currencyCode&quot;: &quot;USD&quot;,
5184      &quot;price&quot;: 5900,
5185      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
5186    }
5187  }"
5188          >
5189            Sexapeel™ Instant Exfoliation Spray
5190          </a>
5191        </p>
5192        
5193          
5194 
5195
5196
5197        
5198
5199  
5200<div 
5201  class="x-review-product other 
5202    
5203      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
5204  "
5205>
5206  
5207<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.85 out of 5.0 stars">
5208        
5209      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5210        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5211      </svg>
5212    
5213      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5214        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5215      </svg>
5216    
5217      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5218        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5219      </svg>
5220    
5221      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5222        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5223      </svg>
5224    
5225      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5226        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5227      </svg>
5228    
5229      </div> 
5230      <p class="rating-count leading-none caption ml-1 text-review-count">(1414)
5231      </p>
5232</div>
5233
5234<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
5235          
5236          
5237            <div class=" price leading-none ">
5238  <div class="target-price hidden">5900</div>
5239  <div class="target-compare-at-price hidden">5900</div>
5240  
5241    
5242  
5243  
5244<p class="price">
5245        $ 59.00
5246      </p>
5247    
5248  
5249</div>
5250
5251          
5252          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
5253        </div>
5254        
5255        <template x-if="localStorage.getItem('selectedStore')">
5256          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('4688033286', [285551132725, 318067736629, 312835768373, 308160790581, 318067343413, 262726549557, 184227590, 316648489013])"><div 
5257  class="text-availability-notice"
5258  x-data='{ 
5259    locations: [],
5260    pickupLocations: [],
5261    pickupAvailabilites: []
5262  }'
5263  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
5264>
5265  <style data-shopify>
5266    .text-availability-notice {
5267      font-size: 0.7363125rem;
5268    }
5269    @media (min-width: 768px) {
5270      .text-availability-notice {
5271        font-size: 0.818125rem;
5272      }
5273    }
5274  </style>
5275  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
5276    <span class="flex h-4 w-4 relative">
5277  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5278    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
5279    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
5280  </svg>
5281
5282</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
5283  </div>
5284  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
5285    <span class="flex h-4 w-4 relative">
5286  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5287    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
5288    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
5289  </svg>
5290
5291</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
5292  </div>
5293</div></div>
5294        </template>
5295      </div>
5296    </div>
5297    
5298      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
5299        <div class="rte line-clamp-3">
5300          <p class="_p_1iy4o_107"><strong><span>Meet the body exfoliant that lets you watch dead skin disappear in real time.</span></strong></p>
5301<p class="_p_1iy4o_107"><span>Sexapeel™ Instant Exfoliation Spray is a Korean-formulated glycolic acid gommage exfoliant that dissolves surface buildup, rolls it away visibly, and leaves arms, legs, elbows, knees, feet, and chest noticeably smoother — in under two minutes.</span></p>
5302<p class="_p_1iy4o_107"><strong><span>How it works:</span></strong><span> Spray onto completely dry skin. Wait 5 seconds. Massage in  and watch gray-beige rolls of dead skin lift away — no scrubbing, no stinging, no stripping. Rinse in the shower. Done.</span></p>
5303<p class="_p_1iy4o_107"><strong><span>Why it works better than scrubs:</span></strong><span> Gritty scrubs create micro-tears without fully removing dead cells. Sexapeel combines glycolic acid + banana, kiwi, and apple fruit-acid enzymes to chemically loosen surface buildup while the gommage gel physically binds to debris — so you see the proof rolling off your skin.</span></p>
5304<p class="_p_1iy4o_107"><strong><span>What it Helps:</span></strong></p>
5305<ul class="_ul_1iy4o_146">
5306<li><span>Keratosis pilaris (KP / "chicken skin") on arms and legs</span></li>
5307<li><span>Strawberry legs and dark pores</span></li>
5308<li><span>Rough, ashy, or dull body skin</span></li>
5309<li><span>Ingrown hairs from shaving or waxing</span></li>
5310<li><span>Uneven texture on elbows, knees, and heels</span></li>
5311<li><span>Patchy or streaky self-tanner buildup</span></li>
5312</ul>
5313<p class="_p_1iy4o_107"><strong><span>Skin prep that pros use:</span></strong><span> Formulated by celebrity makeup artist and esthetician Sonia Roselli, Sexapeel is the skin prep step that makes everything else work better — self-tanner applies evenly, body moisturizer absorbs deeper, and shaved skin stays smoother longer. Use it before self-tanning or before shaving for best results.</span></p>
5314<p class="_p_1iy4o_107"><strong><span>Nourishing, not stripping:</span></strong><span> A base of moringa oil, argan oil, sodium hyaluronate, aloe, and hydrolyzed collagen leaves skin conditioned and hydrated after rinsing — not tight or raw.</span></p>
5315<p class="_p_1iy4o_107"><strong><span>Use every other day</span></strong><span> for the first month on KP-prone or very rough skin, then 1–2x per week to maintain. Results are visible after the first use; significant texture improvement in 4 weeks.</span></p>
5316<p class="_p_1iy4o_107"><em><span>Made in Korea. Formulated for sensitive and reactive body skin. Always apply SPF to treated areas — AHA exfoliants increase sun sensitivity.</span></em></p>
5317        </div>
5318      </div>
5319    
5320    
5321
5322        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
5323          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/sexapeel-exfol
5323iation-spray');
5324        });"></div>
5325        <div
5326          id="current-variant-template--19743130189877__product-grid-4688033286-11" 
5327          class="current-variant hidden"
5328        >
5329          
5330            15331963718
5331          
5332        </div>
5333    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
5334    
5335      <div class="card-info x-highlight-icon mt-2.5">
5336        <div 
5337  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
5338  x-data="{setPosition(el) {
5339    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
5340    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
5341    elRect = el.getBoundingClientRect();
5342    let spacingLeft = elRect.left - parentEl.left;
5343    if (spacingLeft < 0) {
5344      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
5345    }
5346    let spacingRight = parentEl.right - elRect.right;
5347    if (spacingRight < 0) {
5348      el.style.setProperty('--left-tooltip', spacingRight + 'px');
5349    } 
5350  }}"
5351  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
5352>
5353    �
5354    �
5355    �
5356    �</div>
5357      </div>
5358    
5359    
5360      <template x-if="$store.xQuickView">
5361        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
5362              
5363<form method="post" action="/cart/add" id="product-form-choose-option468803328621" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="15331963718">
5364                  
5365                  
5366                  <button
5367                    type="submit"
5368                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
5369                    data-id="template--19743130189877__product-grid-4688033286-11"
5370                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
5371                    
5372                    
5373                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
5374                    
5375                      aria-label="Add to cart"
5376                    
5377                    
5378                  >
5379                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
5380                      
5381
5382                          <span class="flex items-center justify-center">
5383                            
5384<div class="flex justify-center ">
5385  
5386    
5387      
5388        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
5389      
5390    
5391  
5392  
5393    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
5394      
5395      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
5396        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
5397      </svg>
5398      
5399    </span>
5400  
5401</div>
5402                          </span>
5403                    </span>
5404                    <div
5405                      class="flex gap-x-2 items-center justify-center"
5406                      role="alert"
5407                      x-cloak
5408                      x-show="errorMessage"
5409                    >
5410                      Sold out
5411                    </div>
5412                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
5412calc(50%-10px)]" x-show="loading" x-cloak>
5413                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
5414    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
5415  </svg>
5416
5417                    </div>
5418                  </button><input type="hidden" name="product-id" value="4688033286" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
5419            </div><button 
5420            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/sexapeel-exfoliation-spray', $el, 'template--19743130189877__product-grid-4688033286-11')" 
5421            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/sexapeel-exfoliation-spray', $el, 'template--19743130189877__product-grid-4688033286-11')" 
5422            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
5423            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
5424            aria-label="Button quickview"
5425            x-customer-event-data="{
5426    &quot;product&quot;: {
5427      &quot;title&quot;: &quot;Sexapeel™ Instant Exfoliation Spray&quot;,
5428      &quot;listName&quot;: &quot;Shop All&quot;,
5429      &quot;sku&quot;: &quot;4688033286&quot;,
5430      &quot;currencyCode&quot;: &quot;USD&quot;,
5431      &quot;price&quot;: 5900,
5432      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
5433    }
5434  }"
5435            x-show="$store.xQuickView.enabled"
5436          >
5437            <span class="flex justify-center items-center">
5438              
5439<div class="flex justify-center ">
5440  
5441    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
5442  
5443  
5444    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
5445      
5446      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
5447        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
5448      </svg>
5449      
5450    </span>
5451  
5452</div>
5453            </span>
5454          </button>
5455        </div>
5456      </template>
5457    
5458  </div>
5459</div>
5460                    </div>
5461                    
5462
5463                    
5464                    
5465                    <div class="grid-item">
5466                      
5467                      
5468
5469<div 
5470  
5471    x-data="xProductCard('template--19743130189877__product-grid-12', '/collections/shop-all/products/best-eye-cream', '7201274101813')"  
5472  
5473  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
5474  x-slide-index="-1"
5475>
5476  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
5477  >
5478    
5479    <a 
5480      
5481      href="/collections/shop-all/products/best-eye-cream"
5482       
5483        x-data="{ lastWindowWidth: 0 }"
5484        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
5485        x-labels-data="[
5486    
5487{
5488      &quot;variant_id&quot;: 42343568048181,
5489      &quot;product_id&quot;: 7201274101813,
5490      &quot;available&quot;: true,
5491      &quot;title&quot;: &quot;Wrinkle Smoothing Peptide Eye Gel&quot;,
5492      &quot;compare_at_price&quot;: 6700,
5493      &quot;price&quot;: 6700,
5494      &quot;price_with_currency&quot;: &quot;$ 67.00&quot;,
5495      &quot;sale_amount&quot;: &quot;$ 0.00&quot;,
5496      &quot;collections&quot;: &quot;||285551132725||318067736629||318067212341||262726549557||318067245109||184227590||316648489013||&quot;,
5497      &quot;inventory_management&quot;: &quot;shopify&quot;,
5498      &quot;qty&quot;: 3737,
5499      &quot;container&quot;: &quot;card&quot;,
5500      &quot;can_show_preorder&quot;: false,
5501      &quot;diff_day_create&quot;: 1687175962,
5502      &quot;diff_day_publish&quot;: 1725806076
5503      
5504      }
5505    ]"
5506       
5507      aria-label="Wrinkle Smoothing Peptide Eye Gel"
5508      id="7201274101813-template--19743130189877__product-grid"
5509      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
5509or-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
5510      <div
5511        id="x-slideshow-card-product-template--19743130189877__product-grid-12--1"
5512        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible" 
5513        @click='$store.xCustomerEvent.fire("product_selected", $el)'
5514        x-customer-event-data="{
5515    &quot;product&quot;: {
5516      &quot;title&quot;: &quot;Wrinkle Smoothing Peptide Eye Gel&quot;,
5517      &quot;listName&quot;: &quot;Shop All&quot;,
5518      &quot;sku&quot;: &quot;7201274101813&quot;,
5519      &quot;currencyCode&quot;: &quot;USD&quot;,
5520      &quot;price&quot;: 6700,
5521      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
5522    }
5523  }"
5524        x-cloak
5525        
5526          x-intersect.once.margin.200px='$store.xSplide.load($el, {
5527            "drag": true,
5528            "pagination": true,
5529            "arrows": false,
5530            "pauseOnFocus": false,
5531            "pauseOnHover": false,
5532            "perMove": 1,
5533            "perPage": 1,
5534            "focus": "center",
5535            "mediaQuery": "min",
5536            "rewind": true,
5537            
5538            "breakpoints": {
5539              1024: {
5540                
5541                  "destroy": true
5542                
5543              }
5544            },
5545            
5546              "playOnHover": true,
5547            
5548            
5549            "classes": {
5550              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
5551              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
5552            },
5553            "type": "fade",
5554          })'>
5555        <div 
5556          id="image-product-template--19743130189877__product-grid-12--1"
5557          class="splide__track overflow-hidden max-h-full h-full w-full"
5558        >
5559        <div class="w-full h-full splide__list">
5560            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
5561            >
5562              
5563              <picture>
5564                <img
5565                  srcset="
5566                  //www.soniaroselli.com/cdn/shop/files/wrinkle_smoothing_eye_cream.png?v=1783632338&width=250 250w,
5567                  //www.soniaroselli.com/cdn/shop/files/wrinkle_smoothing_eye_cream.png?v=1783632338&width=350 350w,
5568                  //www.soniaroselli.com/cdn/shop/files/wrinkle_smoothing_eye_cream.png?v=1783632338&width=450 450w,
5569                  //www.soniaroselli.com/cdn/shop/files/wrinkle_smoothing_eye_cream.png?v=1783632338&width=750 750w,
5570                  //www.soniaroselli.com/cdn/shop/files/wrinkle_smoothing_eye_cream.png?v=1783632338&width=900 900w,
5571                  //www.soniaroselli.com/cdn/shop/files/wrinkle_smoothing_eye_cream.png?v=1783632338&width=1100 1100w,
5572                  //www.soniaroselli.com/cdn/shop/files/wrinkle_smoothing_eye_cream.png?v=1783632338&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/wrinkle_smoothing_eye_cream.png?v=1783632338 2048w" 
5573                  src="//www.soniaroselli.com/cdn/shop/files/wrinkle_smoothing_eye_cream.png?v=1783632338&width=1500"
5574                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
5575                  alt="A white squeeze tube of Sima Roselli Wrinkle Smoothing Peptide Hyatt Gel with a metallic gold cap, shown against a solid white background with a soft shadow."
5576                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0"
5577                  loading="eager"
5578                  width="2048"
5579                  height="2048"
5580                  onload="requestAnimationFrame(() => {
5581                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
5582                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
5583                  })"
5584                />
5585              </picture>
5586              
5587            </div><style data-shopify>
5588                  #image-product-template--19743130189877__product-grid-12--1 .media-slide:not(:first-child) {
5589                    height: 100%;
5590                  }
5591                </style>
5592                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
5593                  
5594                  <picture>
5595                    <img
5596                      srcset="//www.soniaroselli.com/cdn/shop/files/Wrinkle_Smooth_Eye_Cream.jpg?v=1767737887&width=250 250w,
5597                        //www.soniaroselli.com/cdn/shop/files/Wrinkle_Smooth_Eye_Cream.jpg?v=1767737887&width=350 350w,
5598                        //www.soniaroselli.com/cdn/shop/files/Wrinkle_Smooth_Eye_Cream.jpg?v=1767737887&width=450 450w,
5599                        //www.soniaroselli.com/cdn/shop/files/Wrinkle_Smooth_Eye_Cream.jpg?v=1767737887&width=750 750w,
5600                        //www.soniaroselli.com/cdn/shop/files/Wrinkle_Smooth_Eye_Cream.jpg?v=1767737887&width=900 900w,
5601                        //www.soniaroselli.com/cdn/shop/files/Wrinkle_Smooth_Eye_Cream.jpg?v=1767737887&width=1100 1100w,
5602                        //www.soniaroselli.com/cdn/shop/files/Wrinkle_Smooth_Eye_Cream.jpg?v=1767737887&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/Wrinkle_Smooth_Eye_Cream.jpg?v=1767737887 3961w"
5603                      src="//www.soniaroselli.com/cdn/shop/files/Wrinkle_Smooth_Eye_Cream.jpg?v=1767737887&width=1500"
5604                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
5605                      alt="Flatlay of Sonia Roselli Wrinkle Smoothing Peptide Eye Gel showing open and closed tubes with creamy gel drops on beige background."
5606                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
5607                      loading="lazy"
5608                      width="3961"
5609                      height="3961"
5610                      onload="requestAnimationFrame(() => {
5611                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
5612                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
5613                      })"
5614                    />
5615                  </picture>
5616                  
5617                </div></div>
5618        </div></div>
5619        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
5620              x-show="$store.xQuickView" x-cloak
5621            > 
5622              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
5623                class="w-full hide-icon lg:pl-4 lg:pr-4" 
5624                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
5625                x-cloak
5626              >
5627                
5628<form method="post" action="/cart/add" id="product-form-choose-option720127410181322" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="42343568048181">
5629                    
5630                                                                
5631                    <button
5632                      type="submit"
5633                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-7201274101813-12"
5634                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
5635                      
5636                      
5637                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
5638                    >
5639                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
5640                        
5641
5642                            <span class="flex items-center justify-center">
5643                              
5644<div class="flex justify-center ">
5645  
5646    
5647      
5648        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
5649      
5650    
5651  
5652  
5653    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
5654      
5655      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
5656        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
5657      </svg>
5658      
5659    </span>
5660  
5661</div>
5662                            </span>
5663                      </span>
5664                      <div
5665                        class="flex gap-x-2 items-center justify-center"
5666                        role="alert"
5667                        x-cloak
5668                        x-show="errorMessage"
5669                      >
5670                        Sold out
5671                      </div>
5672                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
5673                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
5674    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
5675  </svg>
5676
5677                      </div>
5678                    </button>
5679                    <button 
5680                      type="submit"
5681                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
5682                      
5683                      
5684                      data-id="template--19743130189877__product-grid-7201274101813-12"
5685                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
5686    &quot;product&quot;: {
5687      &quot;title&quot;: &quot;Wrinkle Smoothing Peptide Eye Gel&quot;,
5688      &quot;listName&quot;: &quot;Shop All&quot;,
5689      &quot;sku&quot;: &quot;7201274101813&quot;,
5690      &quot;currencyCode&quot;: &quot;USD&quot;,
5691      &quot;price&quot;: 6700,
5692      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
5693    }
5694  }"
5695                      
5696                    >
5697                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
5698    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
5699  </svg></span>
5700                      <span class="block w-5 h-5" x-show="loading" x-cloak>
5701                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
5702    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
5703  </svg>
5704
5705                      </span>
5706                    </button><input type="hidden" name="product-id" value="7201274101813" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
5707              </div>
5708            </div><div
5709            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
5710            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
5711            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
5712            >
5713            <div>
5714              <button
5715                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
5716                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/best-eye-cream', $el, 'template--19743130189877__product-grid-7201274101813-12')" 
5717                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/best-eye-cream', $el, 'template--19743130189877__product-grid-7201274101813-12')" 
5718                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
5719                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
5720                x-customer-event-data="{
5721    &quot;product&quot;: {
5722      &quot;title&quot;: &quot;Wrinkle Smoothing Peptide Eye Gel&quot;,
5723      &quot;listName&quot;: &quot;Shop All&quot;,
5724      &quot;sku&quot;: &quot;7201274101813&quot;,
5725      &quot;currencyCode&quot;: &quot;USD&quot;,
5726      &quot;price&quot;: 6700,
5727      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
5728    }
5729  }"
5730                aria-label="Button quickview"
5731              >
5732                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5733    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
5734  </svg>
5735</span>
5736                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
5737                  
5738<div class="flex justify-center ">
5739  
5740    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
5741  
5742  
5743    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
5744      
5745      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
5746        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
5747      </svg>
5748      
5749    </span>
5750  
5751</div>
5752                </span>
5753              </button>
5754              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/best-eye-cream", $el, "template--19743130189877__product-grid-7201274101813-12"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
5755                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
5756                aria-label="Button quickview"
5757                x-customer-event-data="{
5758    &quot;product&quot;: {
5759      &quot;title&quot;: &quot;Wrinkle Smoothing Peptide Eye Gel&quot;,
5760      &quot;listName&quot;: &quot;Shop All&quot;,
5761      &quot;sku&quot;: &quot;7201274101813&quot;,
5762      &quot;currencyCode&quot;: &quot;USD&quot;,
5763      &quot;price&quot;: 6700,
5764      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
5765    }
5766  }"
5767              >
5768                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5769    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
5770  </svg>
5771</span>
5772              </button>
5773            </div>
5774          </div>
5775        </div>
5776      
5777    </a>
5778    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
5779      
5780      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-7201274101813">
5781        <a href="/collections/shop-all/products/best-eye-cream"
5782          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
5783          @click='$store.xCustomerEvent.fire("product_selected", $el)'
5784          x-customer-event-data="{
5785    &quot;product&quot;: {
5786      &quot;title&quot;: &quot;Wrinkle Smoothing Peptide Eye Gel&quot;,
5787      &quot;listName&quot;: &quot;Shop All&quot;,
5788      &quot;sku&quot;: &quot;7201274101813&quot;,
5789      &quot;currencyCode&quot;: &quot;USD&quot;,
5790      &quot;price&quot;: 6700,
5791      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
5792    }
5793  }"
5794        >
5795          Wrinkle Smoothing Peptide Eye Gel
5796        </a>
5797      </p>
5798      
5799        
5800 
5801
5802
5803      
5804
5805  
5806<div 
5807  class="x-review-product other 
5808    
5809      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
5810  "
5811>
5812  
5813<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars">
5814        
5815      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5816        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5817      </svg>
5818    
5819      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5820        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5821      </svg>
5822    
5823      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5824        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5825      </svg>
5826    
5827      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5828        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5829      </svg>
5830    
5831      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5832        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5833      </svg>
5834    
5835      </div> 
5836      <p class="rating-count leading-none caption ml-1 text-review-count">(749)
5837      </p>
5838</div>
5839
5840<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
5841        
5842        
5843          <div class=" price leading-none ">
5844  <div class="target-price hidden">6700</div>
5845  <div class="target-compare-at-price hidden">6700</div>
5846  
5847    
5848  
5849  
5850<p class="price">
5851        $ 67.00
5852      </p>
5853    
5854  
5855</div>
5856
5857        
5858        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
5859      </div>
5860      
5861      <template x-if="localStorage.getItem('selectedStore')">
5862        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7201274101813', [285551132725, 318067736629, 318067212341, 262726549557, 318067245109, 184227590, 316648489013])">
5863            
5864<div 
5865  class="text-availability-notice"
5866  x-data='{ 
5867    locations: [],
5868    pickupLocations: [],
5869    pickupAvailabilites: []
5870  }'
5871  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
5872>
5873  <style data-shopify>
5874    .text-availability-notice {
5875      font-size: 0.7363125rem;
5876    }
5877    @media (min-width: 768px) {
5878      .text-availability-notice {
5879        font-size: 0.818125rem;
5880      }
5881    }
5882  </style>
5883  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
5884    <span class="flex h-4 w-4 relative">
5885  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5886    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
5887    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
5888  </svg>
5889
5890</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
5891  </div>
5892  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
5893    <span class="flex h-4 w-4 relative">
5894  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5895    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
5896    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
5897  </svg>
5898
5899</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
5900  </div>
5901</div></div>
5902      </template>
5903      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
5904    </div>
5905  </div>
5906  <div
5907    id="x-product-template-7201274101813-template--19743130189877__product-grid-12"
5908    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
5909  >
5910    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
5911      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
5912        
5913        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-7201274101813">
5914          <a href="/collections/shop-all/products/best-eye-cream"
5915            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
5916            @click='$store.xCustomerEvent.fire("product_selected", $el)'
5917            x-customer-event-data="{
5918    &quot;product&quot;: {
5919      &quot;title&quot;: &quot;Wrinkle Smoothing Peptide Eye Gel&quot;,
5920      &quot;listName&quot;: &quot;Shop All&quot;,
5921      &quot;sku&quot;: &quot;7201274101813&quot;,
5922      &quot;currencyCode&quot;: &quot;USD&quot;,
5923      &quot;price&quot;: 6700,
5924      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
5925    }
5926  }"
5927          >
5928            Wrinkle Smoothing Peptide Eye Gel
5929          </a>
5930        </p>
5931        
5932          
5933 
5934
5935
5936        
5937
5938  
5939<div 
5940  class="x-review-product other 
5941    
5942      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
5943  "
5944>
5945  
5946<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars">
5947        
5948      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5949        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5950      </svg>
5951    
5952      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5953        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5954      </svg>
5955    
5956      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5957        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5958      </svg>
5959    
5960      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5961        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5962      </svg>
5963    
5964      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
5965        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
5966      </svg>
5967    
5968      </div> 
5969      <p class="rating-count leading-none caption ml-1 text-review-count">(749)
5970      </p>
5971</div>
5972
5973<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
5974          
5975          
5976            <div class=" price leading-none ">
5977  <div class="target-price hidden">6700</div>
5978  <div class="target-compare-at-price hidden">6700</div>
5979  
5980    
5981  
5982  
5983<p class="price">
5984        $ 67.00
5985      </p>
5986    
5987  
5988</div>
5989
5990          
5991          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
5992        </div>
5993        
5994        <template x-if="localStorage.getItem('selectedStore')">
5995          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7201274101813', [285551132725, 318067736629, 318067212341, 262726549557, 318067245109, 184227590, 316648489013])"><div 
5996  class="text-availability-notice"
5997  x-data='{ 
5998    locations: [],
5999    pickupLocations: [],
6000    pickupAvailabilites: []
6001  }'
6002  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
6003>
6004  <style data-shopify>
6005    .text-availability-notice {
6006      font-size: 0.7363125rem;
6007    }
6008    @media (min-width: 768px) {
6009      .text-availability-notice {
6010        font-size: 0.818125rem;
6011      }
6012    }
6013  </style>
6014  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
6015    <span class="flex h-4 w-4 relative">
6016  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6017    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6018    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6019  </svg>
6020
6021</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
6022  </div>
6023  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
6024    <span class="flex h-4 w-4 relative">
6025  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6026    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6027    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6028  </svg>
6029
6030</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
6031  </div>
6032</div></div>
6033        </template>
6034      </div>
6035    </div>
6036    
6037      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
6038        <div class="rte line-clamp-3">
6039          <p data-path-to-node="9"><b data-index-in-node="0" data-path-to-node="9">Sonia Roselli Wrinkle Smoothing Peptide Eye Gel</b> is built specifically for the delicate eye area rather than scaled down from a face cream. Formulated by a 35-year working makeup artist and licensed esthetician, this fragrance-free gel combines a four-peptide complex, Niacinamide, and Glucosyl Ceramide in a weightless silicone base that sets into a smooth, primer-like finish.</p>
6040<p class="h3" data-path-to-node="10">Why Your Under-Eyes Need It</h3>
6041<p data-path-to-node="11">More concealer doesn't fix creasing—it makes it worse. Layering heavy products under the eye stacks incompatible textures that pill and trap dry micro-flakes. This Eye Gel specifically targets:</p>
6042<ul data-path-to-node="12">
6043<li>
6044<p data-path-to-node="12,0,0"><b data-index-in-node="0" data-path-to-node="12,0,0">Concealer Creasing &amp; Settling:</b> Creates a smooth, blurred canvas so makeup sits flat without sliding into fine lines or "caking by noon."</p>
6045</li>
6046<li>
6047<p data-path-to-node="12,1,0"><b data-index-in-node="0" data-path-to-node="12,1,0">Crepey &amp; Dehydrated Texture:</b> Instantly cushions dry, crepey skin with weightless moisture.</p>
6048</li>
6049<li>
6050<p data-path-to-node="12,2,0"><b data-index-in-node="0" data-path-to-node="12,2,0">Over-Layering &amp; Pilling:</b> Replaces the need for a separate eye cream, treatment, and primer, eliminating pilled product buildup.</p>
6051</li>
6052</ul>
6053<p class="h3" data-path-to-node="13">How to Apply (The Ring Finger Technique)</h3>
6054<p data-path-to-node="14">Apply morning and evening after <b data-index-in-node="32" data-path-to-node="14">Water Elixir</b> and before <b data-index-in-node="56" data-path-to-node="14">Water Oil</b>.</p>
6055<ol data-path-to-node="15" start="1">
6056<li>
6057<p data-path-to-node="15,0,0"><b data-index-in-node="0" data-path-to-node="15,0,0">Dispense:</b> Place a small dot of gel onto your ring finger (which naturally applies the least pressure).</p>
6058</li>
6059<li>
6060<p data-path-to-node="15,1,0"><b data-index-in-node="0" data-path-to-node="15,1,0">Apply:</b> Dot along the orbital bone, not directly on the thin under-eye skin. Safe for the upper lid, under-eye, and outer corners.</p>
6061</li>
6062<li>
6063<p data-path-to-node="15,2,0"><b data-index-in-node="0" data-path-to-node="15,2,0">Tap:</b> Tap gently inward toward the nose. Do not drag or rub.</p>
6064</li>
6065<li>
6066<p data-path-to-node="15,3,0"><b data-index-in-node="0" data-path-to-node="15,3,0">Set:</b> Allow 60 to 90 seconds to set before applying concealer.</p>
6067</li>
6068</ol>
6069<p class="h3" data-path-to-node="16">Key Ingredients That Do the Heavy Lifting</h3>
6070<ul data-path-to-node="17">
6071<li>
6072<p data-path-to-node="17,0,0"><b data-index-in-node="0" data-path-to-node="17,0,0">Four-Peptide Complex (Acetyl Hexapeptide-8, Palmitoyl Tripeptide-1, Matrixyl / Palmitoyl Pentapeptide-4, Palmitoyl Tetrapeptide-7):</b> Supports the look of smoother, firmer, and more resilient-feeling skin.</p>
6073</li>
6074<li>
6075<p data-path-to-node="17,1,0"><b data-index-in-node="0" data-path-to-node="17,1,0">Glucosyl Ceramide &amp; Squalane:</b> Rebuilds moisture in delicate skin that has fewer natural oil glands, providing a comfortable cushion without greasy residue.</p>
6076</li>
6077<li>
6078<p data-path-to-node="17,2,0"><b data-index-in-node="0" data-path-to-node="17,2,0">Niacinamide:</b> Supports a more even, smooth, and balanced skin tone.</p>
6079</li>
6080<li>
6081<p data-path-to-node="17,3,0"><b data-index-in-node="0" data-path-to-node="17,3,0">
6081Smoothing Silicones (Cyclopentasiloxane, Dimethicone):</b> Creates the silky, blurred canvas that keeps concealer from settling into fine line texture.</p>
6082</li>
6083</ul>
6084<p class="h3" data-path-to-node="18">Formula Promises</h3>
6085<ul data-path-to-node="19">
6086<li>
6087<p data-path-to-node="19,0,0"><b data-index-in-node="3" data-path-to-node="19,0,0">100% Fragrance-Free:</b> Zero added perfume or masking scents.</p>
6088</li>
6089<li>
6090<p data-path-to-node="19,1,0"><b data-index-in-node="3" data-path-to-node="19,1,0">Sensitivity Tested:</b> Suitable for reactive and rosacea-prone skin near the eye.</p>
6091</li>
6092<li>
6093<p data-path-to-node="19,2,0"><b data-index-in-node="3" data-path-to-node="19,2,0">Botanical Note:</b> Contains Evening Primrose Seed Extract and Plum Extract (<i data-index-in-node="76" data-path-to-node="19,2,0">Hydrolyzed Prunus Domestica</i>). If you have known botanical sensitivities, patch test on the inner arm first.<strong></strong></p>
6094</li>
6095</ul>
6096<ul data-path-to-node="19">
6097<li>
6098<p data-path-to-node="19,2,0"><strong>The Flawless Under-Eye Prep Routine</strong></p>
6099<blockquote data-path-to-node="23">
6100<ol data-path-to-node="23,1" start="1">
6101<li>
6102<p data-path-to-node="23,1,0,0"><b data-index-in-node="0" data-path-to-node="23,1,0,0">Step 1 — Flood:</b> Apply 2–3 drops of <b data-index-in-node="35" data-path-to-node="23,1,0,0">Water Elixir</b> all over face and under eyes.</p>
6103</li>
6104<li>
6105<p data-path-to-node="23,1,1,0"><b data-index-in-node="0" data-path-to-node="23,1,1,0">Step 2 — Smooth:</b> Tap <b data-index-in-node="21" data-path-to-node="23,1,1,0">Wrinkle Smoothing Peptide Eye Gel</b> along the orbital bone.</p>
6106</li>
6107<li>
6108<p data-path-to-node="23,1,2,0"><b data-index-in-node="0" data-path-to-node="23,1,2,0">Step 3 — Lock:</b> Apply <b data-index-in-node="34" data-path-to-node="23,1,2,0">Water Balm</b> to lock in hydration before makeup and to smooth the eyes before makeup.</p>
6109</li>
6110</ol>
6111</blockquote>
6112<p class="h2" data-path-to-node="25"><br></h2>
6113<p> </p>
6114</li>
6115</ul>
6116        </div>
6117      </div>
6118    
6119    
6120
6121        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
6122          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/best-eye-cream');
6123        });"></div>
6124        <div
6125          id="current-variant-template--19743130189877__product-grid-7201274101813-12" 
6126          class="current-variant hidden"
6127        >
6128          
6129            42343568048181
6130          
6131        </div>
6132    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
6133    
6134      <div class="card-info x-highlight-icon mt-2.5">
6135        <div 
6136  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
6137  x-data="{setPosition(el) {
6138    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
6139    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
6140    elRect = el.getBoundingClientRect();
6141    let spacingLeft = elRect.left - parentEl.left;
6142    if (spacingLeft < 0) {
6143      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
6144    }
6145    let spacingRight = parentEl.right - elRect.right;
6146    if (spacingRight < 0) {
6147      el.style.setProperty('--left-tooltip', spacingRight + 'px');
6148    } 
6149  }}"
6150  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
6151>
6152    �
6153    �
6154    �
6155    �</div>
6156      </div>
6157    
6158    
6159      <template x-if="$store.xQuickView">
6160        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
6161              
6162<form method="post" action="/cart/add" id="product-form-choose-option720127410181322" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="42343568048181">
6163                  
6164                  
6165                  <button
6166                    type="submit"
6167                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
6168                    data-id="template--19743130189877__product-grid-7201274101813-12"
6169                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
6170                    
6171                    
6172                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
6173                    
6174                      aria-label="Add to cart"
6175                    
6176                    
6177                  >
6178                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
6179                      
6180
6181                          <span class="flex items-center justify-center">
6182                            
6183<div class="flex justify-center ">
6184  
6185    
6186      
6187        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
6188      
6189    
6190  
6191  
6192    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
6193      
6194      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
6195        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
6196      </svg>
6197      
6198    </span>
6199  
6200</div>
6201                          </span>
6202                    </span>
6203                    <div
6204                      class="flex gap-x-2 items-center justify-center"
6205                      role="alert"
6206                      x-cloak
6207                      x-show="errorMessage"
6208                    >
6209                      Sold out
6210                    </div>
6211                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
6212                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
6213    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
6214  </svg>
6215
6216                    </div>
6217                  </button><input type="hidden" name="product-id" value="7201274101813" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
6218            </div><button 
6219            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/best-eye-cream', $el, 'template--19743130189877__product-grid-7201274101813-12')" 
6220            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/best-eye-cream', $el, 'template--19743130189877__product-grid-7201274101813-12')" 
6221            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
6222            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
6223            aria-label="Button quickview"
6224            x-customer-event-data="{
6225    &quot;product&quot;: {
6226      &quot;title&quot;: &quot;Wrinkle Smoothing Peptide Eye Gel&quot;,
6227      &quot;listName&quot;: &quot;Shop All&quot;,
6228      &quot;sku&quot;: &quot;7201274101813&quot;,
6229      &quot;currencyCode&quot;: &quot;USD&quot;,
6230      &quot;price&quot;: 6700,
6231      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
6232    }
6233  }"
6234            x-show="$store.xQuickView.enabled"
6235          >
6236            <span class="flex justify-center items-center">
6237              
6238<div class="flex justify-center ">
6239  
6240    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
6241  
6242  
6243    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
6244      
6245      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
6246        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
6247      </svg>
6248      
6249    </span>
6250  
6251</div>
6252            </span>
6253          </button>
6254        </div>
6255      </template>
6256    
6257  </div>
6258</div>
6259                    </div>
6260                    
6261
6262                    
6263                    
6264                    <div class="grid-item">
6265                      
6266                      
6267
6268<div 
6269  
6270    x-data="xProductCard('template--19743130189877__product-grid-13', '/collections/shop-all/products/water-balm-moisturizer', '4688284742')"  
6271  
6272  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
6273  x-slide-index="-1"
6274>
6275  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
6276  >
6277    
6278    <a 
6279      
6280        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
6281      
6282      href="/collections/shop-all/products/water-balm-moisturizer"
6283       
6284        x-data="{ lastWindowWidth: 0 }"
6285        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
6286        x-labels-data="[
6287    
6288{
6289      &quot;variant_id&quot;: 15333105478,
6290      &quot;product_id&quot;: 4688284742,
6291      &quot;available&quot;: true,
6292      &quot;title&quot;: &quot;Water Balm Gel-Cream Moisturizer &amp;amp; Skin Prep&quot;,
6293      &quot;compare_at_price&quot;: 6500,
6294      &quot;price&quot;: 6500,
6295      &quot;price_with_currency&quot;: &quot;$ 65.00&quot;,
6296      &quot;sale_amount&quot;: &quot;$ 0.00&quot;,
6297      &quot;collections&quot;: &quot;||285551132725||318067736629||318067015733||318067212341||317079912501||262726549557||318067245109||184227590||316648489013||&quot;,
6298      &quot;inventory_management&quot;: &quot;shopify&quot;,
6299      &quot;qty&quot;: 2875,
6300      &quot;container&quot;: &quot;card&quot;,
6301      &quot;can_show_preorder&quot;: false,
6302      &quot;diff_day_create&quot;: 1455324465,
6303      &quot;diff_day_publish&quot;: 1455323940
6304      
6305      }
6306    ]"
6307       
6308      aria-label="Water Balm Gel-Cream Moisturizer &amp; Skin Prep"
6309      id="4688284742-template--19743130189877__product-grid"
6310      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
6311      <div
6312        id="x-slideshow-card-product-template--19743130189877__product-grid-13--1"
6313        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
6314        @click='$store.xCustomerEvent.fire("product_selected", $el)'
6315        x-customer-event-data="{
6316    &quot;product&quot;: {
6317      &quot;title&quot;: &quot;Water Balm Gel-Cream Moisturizer &amp;amp; Skin Prep&quot;,
6318      &quot;listName&quot;: &quot;Shop All&quot;,
6319      &quot;sku&quot;: &quot;4688284742&quot;,
6320      &quot;currencyCode&quot;: &quot;USD&quot;,
6321      &quot;price&quot;: 6500,
6322      &quot;vendor&quot;: &quot;S-Japan&quot;
6323    }
6324  }"
6325        x-cloak
6326        
6327          x-intersect.once.margin.200px='$store.xSplide.load($el, {
6328            "drag": true,
6329            "pagination": true,
6330            "arrows": false,
6331            "pauseOnFocus": false,
6332            "pauseOnHover": false,
6333            "perMove": 1,
6334            "perPage": 1,
6335            "focus": "center",
6336            "mediaQuery": "min",
6337            "rewind": true,
6338            
6339            "breakpoints": {
6340              1024: {
6341                
6342                  "destroy": true
6343                
6344              }
6345            },
6346            
6347              "playOnHover": true,
6348            
6349            
6350            "classes": {
6351              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
6352              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
6353            },
6354            "type": "fade",
6355          })'>
6356        <div 
6357          id="image-product-template--19743130189877__product-grid-13--1"
6358          class="splide__track overflow-hidden max-h-full h-full w-full"
6359        >
6360        <div class="w-full h-full splide__list">
6361            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
6362            >
6363              
6364              <picture>
6365                <img
6366                  srcset="
6367                  //www.soniaroselli.com/cdn/shop/files/water_balm_5_in_one_gel_cream_moisturizer.png?v=1783454427&width=250 250w,
6368                  //www.soniaroselli.com/cdn/shop/files/water_balm_5_in_one_gel_cream_moisturizer.png?v=1783454427&width=350 350w,
6369                  //www.soniaroselli.com/cdn/shop/files/water_balm_5_in_one_gel_cream_moisturizer.png?v=1783454427&width=450 450w,
6370                  //www.soniaroselli.com/cdn/shop/files/water_balm_5_in_one_gel_cream_moisturizer.png?v=1783454427&width=750 750w,
6371                  //www.soniaroselli.com/cdn/shop/files/water_balm_5_in_one_gel_cream_moisturizer.png?v=1783454427&width=900 900w,
6372                  //www.soniaroselli.com/cdn/shop/files/water_balm_5_in_one_gel_cream_moisturizer.png?v=1783454427&width=1100 1100w,
6373                  //www.soniaroselli.com/cdn/shop/files/water_balm_5_in_one_gel_cream_moisturizer.png?v=1783454427&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/water_balm_5_in_one_gel_cream_moisturizer.png?v=1783454427 2048w" 
6374                  src="//www.soniaroselli.com/cdn/shop/files/water_balm_5_in_one_gel_cream_moisturizer.png?v=1783454427&width=1500"
6375                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
6376                  alt="A white cosmetic jar of Sonia Roselli Water Balm Skin Prep with orange text, set against a plain white background with a soft shadow to the left."
6377                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
6378                  loading="lazy"
6379                  width="2048"
6380                  height="2048"
6381                  onload="requestAnimationFrame(() => {
6382                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
6383                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
6384                  })"
6385                />
6386              </picture>
6387              
6388            </div><style data-shopify>
6389                  #image-product-template--19743130189877__product-grid-13--1 .media-slide:not(:first-child) {
6390                    height: 100%;
6391                  }
6392                </style>
6393                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
6394                  
6395                  <picture>
6396                    <img
6397                      srcset="//www.soniaroselli.com/cdn/shop/files/preview_images/8e1e6317ed104de6ad1cf1d376c83aed.thumbnail.0000000000.jpg?v=1724269823&width=250 250w,
6398                        //www.soniaroselli.com/cdn/shop/files/preview_images/8e1e6317ed104de6ad1cf1d376c83aed.thumbnail.0000000000.jpg?v=1724269823&width=350 350w,
6399                        //www.soniaroselli.com/cdn/shop/files/preview_images/8e1e6317ed104de6ad1cf1d376c83aed.thumbnail.0000000000.jpg?v=1724269823&width=450 450w,
6400                        //www.soniaroselli.com/cdn/shop/files/preview_images/8e1e6317ed104de6ad1cf1d376c83aed.thumbnail.0000000000.jpg?v=1724269823&width=750 750w,
6401                        //www.soniaroselli.com/cdn/shop/files/preview_images/8e1e6317ed104de6ad1cf1d376c83aed.thumbnail.0000000000.jpg?v=1724269823&width=900 900w,
6402                        //www.soniaroselli.com/cdn/shop/files/preview_images/8e1e6317ed104de6ad1cf1d376c83aed.thumbnail.0000000000.jpg?v=1724269823&width=1100 1100w,
6403                        //www.soniaroselli.com/cdn/shop/files/preview_images/8e1e6317ed104de6ad1cf1d376c83aed.thumbnail.0000000000.jpg?v=1724269823&width=1500 1500w"
6404                      src="//www.soniaroselli.com/cdn/shop/files/preview_images/8e1e6317ed104de6ad1cf1d376c83aed.thumbnail.0000000000.jpg?v=1724269823&width=1500"
6405                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
6406                      alt="Cover image of woman sharing amazing review of Sonia Roselli Water Balm"
6407                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
6408                      loading="lazy"
6409                      width=""
6410                      height=""
6411                      onload="requestAnimationFrame(() => {
6412                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
6413                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
6414                      })"
6415                    />
6416                  </picture>
6417                  
6418                </div></div>
6419        </div></div>
6420        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
6421              x-show="$store.xQuickView" x-cloak
6422            > 
6423              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
6424                class="w-full hide-icon lg:pl-4 lg:pr-4" 
6425                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
6426                x-cloak
6427              >
6428                
6429<form method="post" action="/cart/add" id="product-form-choose-option468828474223" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="15333105478">
6430                    
6431                                                                
6432                    <button
6433                      type="submit"
6434                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-4688284742-13"
6435                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
6436                      
6437                      
6438                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
6439                    >
6440                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
6441                        
6442
6443                            <span class="flex items-center justify-center">
6444                              
6445<div class="flex justify-center ">
6446  
6447    
6448      
6449        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
6450      
6451    
6452  
6453  
6454    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
6455      
6456      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
6457        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
6458      </svg>
6459      
6460    </span>
6461  
6462</div>
6463                            </span>
6464                      </span>
6465                      <div
6466                        class="flex gap-x-2 items-center justify-center"
6467                        role="alert"
6468                        x-cloak
6469                        x-show="errorMessage"
6470                      >
6471                        Sold out
6472                      </div>
6473                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
6474                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
6475    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
6476  </svg>
6477
6478                      </div>
6479                    </button>
6480                    <button 
6481                      type="submit"
6482                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
6483                      
6484                      
6485                      data-id="template--19743130189877__product-grid-4688284742-13"
6486                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
6487    &quot;product&quot;: {
6488      &quot;title&quot;: &quot;Water Balm Gel-Cream Moisturizer &amp;amp; Skin Prep&quot;,
6489      &quot;listName&quot;: &quot;Shop All&quot;,
6490      &quot;sku&quot;: &quot;4688284742&quot;,
6491      &quot;currencyCode&quot;: &quot;USD&quot;,
6492      &quot;price&quot;: 6500,
6493      &quot;vendor&quot;: &quot;S-Japan&quot;
6494    }
6495  }"
6496                      
6497                    >
6498                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
6499    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
6500  </svg></span>
6501                      <span class="block w-5 h-5" x-show="loading" x-cloak>
6502                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
6503    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
6504  </svg>
6505
6506                      </span>
6507                    </button><input type="hidden" name="product-id" value="4688284742" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
6508              </div>
6509            </div><div
6510            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
6511            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
6512            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
6513            >
6514            <div>
6515              <button
6516                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
6517                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/water-balm-moisturizer', $el, 'template--19743130189877__product-grid-4688284742-13')" 
6518                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/water-balm-moisturizer', $el, 'template--19743130189877__product-grid-4688284742-13')" 
6519                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
6520                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
6521                x-customer-event-data="{
6522    &quot;product&quot;: {
6523      &quot;title&quot;: &quot;Water Balm Gel-Cream Moisturizer &amp;amp; Skin Prep&quot;,
6524      &quot;listName&quot;: &quot;Shop All&quot;,
6525      &quot;sku&quot;: &quot;4688284742&quot;,
6526      &quot;currencyCode&quot;: &quot;USD&quot;,
6527      &quot;price&quot;: 6500,
6528      &quot;vendor&quot;: &quot;S-Japan&quot;
6529    }
6530  }"
6531                aria-label="Button quickview"
6532              >
6533                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
6534    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
6535  </svg>
6536</span>
6537                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
6538                  
6539<div class="flex justify-center ">
6540  
6541    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
6542  
6543  
6544    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
6545      
6546      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
6547        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
6548      </svg>
6549      
6550    </span>
6551  
6552</div>
6553                </span>
6554              </button>
6555              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/water-balm-moisturizer", $el, "template--19743130189877__product-grid-4688284742-13"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
6556                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
6557                aria-label="Button quickview"
6558                x-customer-event-data="{
6559    &quot;product&quot;: {
6560      &quot;title&quot;: &quot;Water Balm Gel-Cream Moisturizer &amp;amp; Skin Prep&quot;,
6561      &quot;listName&quot;: &quot;Shop All&quot;,
6562      &quot;sku&quot;: &quot;4688284742&quot;,
6563      &quot;currencyCode&quot;: &quot;USD&quot;,
6564      &quot;price&quot;: 6500,
6565      &quot;vendor&quot;: &quot;S-Japan&quot;
6566    }
6567  }"
6568              >
6569                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
6570    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
6571  </svg>
6572</span>
6573              </button>
6574            </div>
6575          </div>
6576        </div>
6577      
6578    </a>
6579    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
6580      
6581      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-4688284742">
6582        <a href="/collections/shop-all/products/water-balm-moisturizer"
6583          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
6584          @click='$store.xCustomerEvent.fire("product_selected", $el)'
6585          x-customer-event-data="{
6586    &quot;product&quot;: {
6587      &quot;title&quot;: &quot;Water Balm Gel-Cream Moisturizer &amp;amp; Skin Prep&quot;,
6588      &quot;listName&quot;: &quot;Shop All&quot;,
6589      &quot;sku&quot;: &quot;4688284742&quot;,
6590      &quot;currencyCode&quot;: &quot;USD&quot;,
6591      &quot;price&quot;: 6500,
6592      &quot;vendor&quot;: &quot;S-Japan&quot;
6593    }
6594  }"
6595        >
6596          Water Balm Gel-Cream Moisturizer &amp; Skin Prep
6597        </a>
6598      </p>
6599      
6600        
6601 
6602
6603
6604      
6605
6606  
6607<div 
6608  class="x-review-product other 
6609    
6610      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
6611  "
6612>
6613  
6614<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars">
6615        
6616      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
6617        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
6618      </svg>
6619    
6620      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
6621        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
6622      </svg>
6623    
6624      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
6625        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
6626      </svg>
6627    
6628      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
6629        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
6630      </svg>
6631    
6632      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
6633        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
6634      </svg>
6635    
6636      </div> 
6637      <p class="rating-count leading-none caption ml-1 text-review-count">(768)
6638      </p>
6639</div>
6640
6641<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
6642        
6643        
6644          <div class=" price leading-none ">
6645  <div class="target-price hidden">6500</div>
6646  <div class="target-compare-at-price hidden">6500</div>
6647  
6648    
6649  
6650  
6651<p class="price">
6652        $ 65.00
6653      </p>
6654    
6655  
6656</div>
6657
6658        
6659        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
6660      </div>
6661      
6662      <template x-if="localStorage.getItem('selectedStore')">
6663        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('4688284742', [285551132725, 318067736629, 318067015733, 318067212341, 317079912501, 262726549557, 318067245109, 184227590, 316648489013])">
6664            
6665<div 
6666  class="text-availability-notice"
6667  x-data='{ 
6668    locations: [],
6669    pickupLocations: [],
6670    pickupAvailabilites: []
6671  }'
6672  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
6673>
6674  <style data-shopify>
6675    .text-availability-notice {
6676      font-size: 0.7363125rem;
6677    }
6678    @media (min-width: 768px) {
6679      .text-availability-notice {
6680        font-size: 0.818125rem;
6681      }
6682    }
6683  </style>
6684  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
6685    <span class="flex h-4 w-4 relative">
6686  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6687    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6688    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6689  </svg>
6690
6691</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
6692  </div>
6693  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
6694    <span class="flex h-4 w-4 relative">
6695  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6696    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6697    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6698  </svg>
6699
6700</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
6701  </div>
6702</div></div>
6703      </template>
6704      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
6705    </div>
6706  </div>
6707  <div
6708    id="x-product-template-4688284742-template--19743130189877__product-grid-13"
6709    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
6710  >
6711    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
6712      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
6713        
6714        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-4688284742">
6715          <a href="/collections/shop-all/products/water-balm-moisturizer"
6716            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
6717            @click='$store.xCustomerEvent.fire("product_selected", $el)'
6718            x-customer-event-data="{
6719    &quot;product&quot;: {
6720      &quot;title&quot;: &quot;Water Balm Gel-Cream Moisturizer &amp;amp; Skin Prep&quot;,
6721      &quot;listName&quot;: &quot;Shop All&quot;,
6722      &quot;sku&quot;: &quot;4688284742&quot;,
6723      &quot;currencyCode&quot;: &quot;USD&quot;,
6724      &quot;price&quot;: 6500,
6725      &quot;vendor&quot;: &quot;S-Japan&quot;
6726    }
6727  }"
6728          >
6729            Water Balm Gel-Cream Moisturizer &amp; Skin Prep
6730          </a>
6731        </p>
6732        
6733          
6734 
6735
6736
6737        
6738
6739  
6740<div 
6741  class="x-review-product other 
6742    
6743      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
6744  "
6745>
6746  
6747<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars">
6748        
6749      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
6750        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
6751      </svg>
6752    
6753      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
6754        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
6755      </svg>
6756    
6757      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
6758        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
6759      </svg>
6760    
6761      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
6762        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
6763      </svg>
6764    
6765      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
6766        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
6767      </svg>
6768    
6769      </div> 
6770      <p class="rating-count leading-none caption ml-1 text-review-count">(768)
6771      </p>
6772</div>
6773
6774<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
6775          
6776          
6777            <div class=" price leading-none ">
6778  <div class="target-price hidden">6500</div>
6779  <div class="target-compare-at-price hidden">6500</div>
6780  
6781    
6782  
6783  
6784<p class="price">
6785        $ 65.00
6786      </p>
6787    
6788  
6789</div>
6790
6791          
6792          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
6793        </div>
6794        
6795        <template x-if="localStorage.getItem('selectedStore')">
6796          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('4688284742', [285551132725, 318067736629, 318067015733, 318067212341, 317079912501, 262726549557, 318067245109, 184227590, 316648489013])"><div 
6797  class="text-availability-notice"
6798  x-data='{ 
6799    locations: [],
6800    pickupLocations: [],
6801    pickupAvailabilites: []
6802  }'
6803  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
6804>
6805  <style data-shopify>
6806    .text-availability-notice {
6807      font-size: 0.7363125rem;
6808    }
6809    @media (min-width: 768px) {
6810      .text-availability-notice {
6811        font-size: 0.818125rem;
6812      }
6813    }
6814  </style>
6815  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
6816    <span class="flex h-4 w-4 relative">
6817  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6818    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6819    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6820  </svg>
6821
6822</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
6823  </div>
6824  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
6825    <span class="flex h-4 w-4 relative">
6826  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6827    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6828    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6829  </svg>
6830
6831</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
6832  </div>
6833</div></div>
6834        </template>
6835      </div>
6836    </div>
6837    
6838      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
6839        <div class="rte line-clamp-3">
6840          <p><meta charset="utf-8">Water Balm is a skin prep balm manufactured in Japan by Sonia Roselli Beauty. It combines Ceramide 3, a full amino acid complex, hydrolyzed silk, fermented rice extract, and Rosa Damascena Flower Water in a silicone-based texture system.</p>
6841<p>Water Balm is fragrance-free and formulated for all skin types, including rosacea-prone and reactive skin. It is designed to replace toner, serum, moisturizer, primer, and eye cream in a single step. <br><br>Water Balm addresses foundation pilling, cakey texture by midday, dry patches showing through makeup, and makeup sitting on top of skin instead of blending into it. It contains no niacinamide, no exfoliating acids, and no retinoids. <br><br>Size is 60 g / 2.11 fl. oz. Price is $65.00. A 60-second absorption window is recommended before applying makeup.</p>
6842        </div>
6843      </div>
6844    
6845    
6846
6847        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
6848          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/water-balm-moisturizer');
6849        });"></div>
6850        <div
6851          id="current-variant-template--19743130189877__product-grid-4688284742-13" 
6852          class="current-variant hidden"
6853        >
6854          
6855            15333105478
6856          
6857        </div>
6858    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
6859    
6860      <div class="card-info x-highlight-icon mt-2.5">
6861        <div 
6862  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
6863  x-data="{setPosition(el) {
6864    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
6865    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
6866    elRect = el.getBoundingClientRect();
6867    let spacingLeft = elRect.left - parentEl.left;
6868    if (spacingLeft < 0) {
6869      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
6870    }
6871    let spacingRight = parentEl.right - elRect.right;
6872    if (spacingRight < 0) {
6873      el.style.setProperty('--left-tooltip', spacingRight + 'px');
6874    } 
6875  }}"
6876  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
6877>
6878    �
6879    �
6880    �
6881    �</div>
6882      </div>
6883    
6884    
6885      <template x-if="$store.xQuickView">
6886        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
6887              
6888<form method="post" action="/cart/add" id="product-form-choose-option468828474223" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="15333105478">
6889                  
6890                  
6891                  <button
6892                    type="submit"
6893                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
6894                    data-id="template--19743130189877__product-grid-4688284742-13"
6895                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
6896                    
6897                    
6898                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
6899                    
6900                      aria-label="Add to cart"
6901                    
6902                    
6903                  >
6904                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
6905                      
6906
6907                          <span class="flex items-center justify-center">
6908                            
6909<div class="flex justify-center ">
6910  
6911    
6912      
6913        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
6914      
6915    
6916  
6917  
6918    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
6919      
6920      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
6921        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
6922      </svg>
6923      
6924    </span>
6925  
6926</div>
6927                          </span>
6928                    </span>
6929                    <div
6930                      class="flex gap-x-2 items-center justify-center"
6931                      role="alert"
6932                      x-cloak
6933                      x-show="errorMessage"
6934                    >
6935                      Sold out
6936                    </div>
6937                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
6938                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
6939    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
6940  </svg>
6941
6942                    </div>
6943                  </button><input type="hidden" name="product-id" value="4688284742" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
6944            </div><button 
6945            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/water-balm-moisturizer', $el, 'template--19743130189877__product-grid-4688284742-13')" 
6946            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/water-balm-moisturizer', $el, 'template--19743130189877__product-grid-4688284742-13')" 
6947            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
6948            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
6949            aria-label="Button quickview"
6950            x-customer-event-data="{
6951    &quot;product&quot;: {
6952      &quot;title&quot;: &quot;Water Balm Gel-Cream Moisturizer &amp;amp; Skin Prep&quot;,
6953      &quot;listName&quot;: &quot;Shop All&quot;,
6954      &quot;sku&quot;: &quot;4688284742&quot;,
6955      &quot;currencyCode&quot;: &quot;USD&quot;,
6956      &quot;price&quot;: 6500,
6957      &quot;vendor&quot;: &quot;S-Japan&quot;
6958    }
6959  }"
6960            x-show="$store.xQuickView.enabled"
6961          >
6962            <span class="flex justify-center items-center">
6963              
6964<div class="flex justify-center ">
6965  
6966    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
6967  
6968  
6969    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
6970      
6971      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
6972        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
6973      </svg>
6974      
6975    </span>
6976  
6977</div>
6978            </span>
6979          </button>
6980        </div>
6981      </template>
6982    
6983  </div>
6984</div>
6985                    </div>
6986                    
6987
6988                    
6989                    
6990                    <div class="grid-item">
6991                      
6992                      
6993
6994<div 
6995  
6996    x-data="xProductCard('template--19743130189877__product-grid-14', '/collections/shop-all/products/water-elixir', '490593189941')"  
6997  
6998  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
6999  x-slide-index="-1"
7000>
7001  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
7002  >
7003    
7004    <a 
7005      
7006        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
7007      
7008      href="/collections/shop-all/products/water-elixir"
7009       
7010        x-data="{ lastWindowWidth: 0 }"
7011        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
7012        x-labels-data="[
7013    
7014{
7015      &quot;variant_id&quot;: 6779445903413,
7016      &quot;product_id&quot;: 490593189941,
7017      &quot;available&quot;: true,
7018      &quot;title&quot;: &quot;Water Elixir Hydrating Serum &amp;amp; Skin Prep Essence&quot;,
7019      &quot;compare_at_price&quot;: 6500,
7020      &quot;price&quot;: 6500,
7021      &quot;price_with_currency&quot;: &quot;$ 65.00&quot;,
7022      &quot;sale_amount&quot;: &quot;$ 0.00&quot;,
7023      &quot;collections&quot;: &quot;||285551132725||318067736629||318067015733||318067212341||262726549557||318067245109||184227590||316648489013||&quot;,
7024      &quot;inventory_management&quot;: &quot;shopify&quot;,
7025      &quot;qty&quot;: 1985,
7026      &quot;container&quot;: &quot;card&quot;,
7027      &quot;can_show_preorder&quot;: false,
7028      &quot;diff_day_create&quot;: 1517862812,
7029      &quot;diff_day_publish&quot;: 1529285571
7030      
7031      }
7032    ]"
7033       
7034      aria-label="Water Elixir Hydrating Serum &amp; Skin Prep Essence"
7035      id="490593189941-template--19743130189877__product-grid"
7036      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
7037      <div
7038        id="x-slideshow-card-product-template--19743130189877__product-grid-14--1"
7039        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
7040        @click='$store.xCustomerEvent.fire("product_selected", $el)'
7041        x-customer-event-data="{
7042    &quot;product&quot;: {
7043      &quot;title&quot;: &quot;Water Elixir Hydrating Serum &amp;amp; Skin Prep Essence&quot;,
7044      &quot;listName&quot;: &quot;Shop All&quot;,
7045      &quot;sku&quot;: &quot;490593189941&quot;,
7046      &quot;currencyCode&quot;: &quot;USD&quot;,
7047      &quot;price&quot;: 6500,
7048      &quot;vendor&quot;: &quot;S-Japan&quot;
7049    }
7050  }"
7051        x-cloak
7052        
7053          x-intersect.once.margin.200px='$store.xSplide.load($el, {
7054            "drag": true,
7055            "pagination": true,
7056            "arrows": false,
7057            "pauseOnFocus": false,
7058            "pauseOnHover": false,
7059            "perMove": 1,
7060            "perPage": 1,
7061            "focus": "center",
7062            "mediaQuery": "min",
7063            "rewind": true,
7064            
7065            "breakpoints": {
7066              1024: {
7067                
7068                  "destroy": true
7069                
7070              }
7071            },
7072            
7073              "playOnHover": true,
7074            
7075            
7076            "classes": {
7077              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
7078              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
7079            },
7080            "type": "fade",
7081          })'>
7082        <div 
7083          id="image-product-template--19743130189877__product-grid-14--1"
7084          class="splide__track overflow-hidden max-h-full h-full w-full"
7085        >
7086        <div class="w-full h-full splide__list">
7087            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
7088            >
7089              
7090              <picture>
7091                <img
7092                  srcset="
7093                  //www.soniaroselli.com/cdn/shop/files/water_elixer_skin_prep_2.png?v=1789155442&width=250 250w,
7094                  //www.soniaroselli.com/cdn/shop/files/water_elixer_skin_prep_2.png?v=1789155442&width=350 350w,
7095                  //www.soniaroselli.com/cdn/shop/files/water_elixer_skin_prep_2.png?v=1789155442&width=450 450w,
7096                  //www.soniaroselli.com/cdn/shop/files/water_elixer_skin_prep_2.png?v=1789155442&width=750 750w,
7097                  //www.soniaroselli.com/cdn/shop/files/water_elixer_skin_prep_2.png?v=1789155442&width=900 900w,
7098                  //www.soniaroselli.com/cdn/shop/files/water_elixer_skin_prep_2.png?v=1789155442&width=1100 1100w,
7099                  //www.soniaroselli.com/cdn/shop/files/water_elixer_skin_prep_2.png?v=1789155442&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/water_elixer_skin_prep_2.png?v=1789155442 2048w" 
7100                  src="//www.soniaroselli.com/cdn/shop/files/water_elixer_skin_prep_2.png?v=1789155442&width=1500"
7101                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
7102                  alt="Sonia Roselli Water Elixir Skin Prep pump bottle, 2 fl oz, featuring a frosted white bottle, a metallic gold collar, and a clear cap with a white pump, set against a plain white background with a hard shadow."
7103                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
7104                  loading="lazy"
7105                  width="2048"
7106                  height="2048"
7107                  onload="requestAnimationFrame(() => {
7108                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
7109                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
7110                  })"
7111                />
7112              </picture>
7113              
7114            </div><style data-shopify>
7115                  #image-product-template--19743130189877__product-grid-14--1 .media-slide:not(:first-child) {
7116                    height: 100%;
7117                  }
7118                </style>
7119                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
7120                  
7121                  <picture>
7122                    <img
7123                      srcset="//www.soniaroselli.com/cdn/shop/files/17-what-is-a-japanese-hydrating-essence-for-dry-skin.png?v=1788032412&width=250 250w,
7124                        //www.soniaroselli.com/cdn/shop/files/17-what-is-a-japanese-hydrating-essence-for-dry-skin.png?v=1788032412&width=350 350w,
7125                        //www.soniaroselli.com/cdn/shop/files/17-what-is-a-japanese-hydrating-essence-for-dry-skin.png?v=1788032412&width=450 450w,
7126                        //www.soniaroselli.com/cdn/shop/files/17-what-is-a-japanese-hydrating-essence-for-dry-skin.png?v=1788032412&width=750 750w,
7127                        //www.soniaroselli.com/cdn/shop/files/17-what-is-a-japanese-hydrating-essence-for-dry-skin.png?v=1788032412&width=900 900w,
7128                        //www.soniaroselli.com/cdn/shop/files/17-what-is-a-japanese-hydrating-essence-for-dry-skin.png?v=1788032412&width=1100 1100w,
7129                        //www.soniaroselli.com/cdn/shop/files/17-what-is-a-japanese-hydrating-essence-for-dry-skin.png?v=1788032412&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/17-what-is-a-japanese-hydrating-essence-for-dry-skin.png?v=1788032412 1200w"
7130                      src="//www.soniaroselli.com/cdn/shop/files/17-what-is-a-japanese-hydrating-essence-for-dry-skin.png?v=1788032412&width=1500"
7131                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
7132                      alt="A frosted glass skincare pump bottle labeled &#39;WATER ELIXIR SKIN PREP&#39; with a gold collar and white pump, shown on a warm gray gradient background with promotional text about a hydrating essence."
7133                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
7134                      loading="lazy"
7135                      width="1200"
7136                      height="1200"
7137                      onload="requestAnimationFrame(() => {
7138                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
7139                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
7140                      })"
7141                    />
7142                  </picture>
7143                  
7144                </div></div>
7145        </div></div>
7146        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
7147              x-show="$store.xQuickView" x-cloak
7148            > 
7149              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
7150                class="w-full hide-icon lg:pl-4 lg:pr-4" 
7151                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
7152                x-cloak
7153              >
7154                
7155<form method="post" action="/cart/add" id="product-form-choose-option49059318994124" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="6779445903413">
7156                    
7157                                                                
7158                    <button
7159                      type="submit"
7160                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-490593189941-14"
7161                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
7162                      
7163                      
7164                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
7165                    >
7166                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
7167                        
7168
7169                            <span class="flex items-center justify-center">
7170                              
7171<div class="flex justify-center ">
7172  
7173    
7174      
7175        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
7176      
7177    
7178  
7179  
7180    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
7181      
7182      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
7183        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
7184      </svg>
7185      
7186    </span>
7187  
7188</div>
7189                            </span>
7190                      </span>
7191                      <div
7192                        class="flex gap-x-2 items-center justify-center"
7193                        role="alert"
7194                        x-cloak
7195                        x-show="errorMessage"
7196                      >
7197                        Sold out
7198                      </div>
7199                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
7200                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
7201    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
7202  </svg>
7203
7204                      </div>
7205                    </button>
7206                    <button 
7207                      type="submit"
7208                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
7209                      
7210                      
7211                      data-id="template--19743130189877__product-grid-490593189941-14"
7212                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
7213    &quot;product&quot;: {
7214      &quot;title&quot;: &quot;Water Elixir Hydrating Serum &amp;amp; Skin Prep Essence&quot;,
7215      &quot;listName&quot;: &quot;Shop All&quot;,
7216      &quot;sku&quot;: &quot;490593189941&quot;,
7217      &quot;currencyCode&quot;: &quot;USD&quot;,
7218      &quot;price&quot;: 6500,
7219      &quot;vendor&quot;: &quot;S-Japan&quot;
7220    }
7221  }"
7222                      
7223                    >
7224                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
7225    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
7226  </svg></span>
7227                      <span class="block w-5 h-5" x-show="loading" x-cloak>
7228                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
7229    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
7230  </svg>
7231
7232                      </span>
7233                    </button><input type="hidden" name="product-id" value="490593189941" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
7234              </div>
7235            </div><div
7236            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
7237            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
7238            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
7239            >
7240            <div>
7241              <button
7242                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
7243                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/water-elixir', $el, 'template--19743130189877__product-grid-490593189941-14')" 
7244                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/water-elixir', $el, 'template--19743130189877__product-grid-490593189941-14')" 
7245                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
7246                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
7247                x-customer-event-data="{
7248    &quot;product&quot;: {
7249      &quot;title&quot;: &quot;Water Elixir Hydrating Serum &amp;amp; Skin Prep Essence&quot;,
7250      &quot;listName&quot;: &quot;Shop All&quot;,
7251      &quot;sku&quot;: &quot;490593189941&quot;,
7252      &quot;currencyCode&quot;: &quot;USD&quot;,
7253      &quot;price&quot;: 6500,
7254      &quot;vendor&quot;: &quot;S-Japan&quot;
7255    }
7256  }"
7257                aria-label="Button quickview"
7258              >
7259                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
7260    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
7261  </svg>
7262</span>
7263                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
7264                  
7265<div class="flex justify-center ">
7266  
7267    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
7268  
7269  
7270    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
7271      
7272      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
7273        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
7274      </svg>
7275      
7276    </span>
7277  
7278</div>
7279                </span>
7280              </button>
7281              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/water-elixir", $el, "template--19743130189877__product-grid-490593189941-14"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
7282                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
7283                aria-label="Button quickview"
7284                x-customer-event-data="{
7285    &quot;product&quot;: {
7286      &quot;title&quot;: &quot;Water Elixir Hydrating Serum &amp;amp; Skin Prep Essence&quot;,
7287      &quot;listName&quot;: &quot;Shop All&quot;,
7288      &quot;sku&quot;: &quot;490593189941&quot;,
7289      &quot;currencyCode&quot;: &quot;USD&quot;,
7290      &quot;price&quot;: 6500,
7291      &quot;vendor&quot;: &quot;S-Japan&quot;
7292    }
7293  }"
7294              >
7295                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
7296    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
7297  </svg>
7298</span>
7299              </button>
7300            </div>
7301          </div>
7302        </div>
7303      
7304    </a>
7305    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
7306      
7307      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-490593189941">
7308        <a href="/collections/shop-all/products/water-elixir"
7309          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
7310          @click='$store.xCustomerEvent.fire("product_selected", $el)'
7311          x-customer-event-data="{
7312    &quot;product&quot;: {
7313      &quot;title&quot;: &quot;Water Elixir Hydrating Serum &amp;amp; Skin Prep Essence&quot;,
7314      &quot;listName&quot;: &quot;Shop All&quot;,
7315      &quot;sku&quot;: &quot;490593189941&quot;,
7316      &quot;currencyCode&quot;: &quot;USD&quot;,
7317      &quot;price&quot;: 6500,
7318      &quot;vendor&quot;: &quot;S-Japan&quot;
7319    }
7320  }"
7321        >
7322          Water Elixir Hydrating Serum &amp; Skin Prep Essence
7323        </a>
7324      </p>
7325      
7326        
7327 
7328
7329
7330      
7331
7332  
7333<div 
7334  class="x-review-product other 
7335    
7336      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
7337  "
7338>
7339  
7340<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars">
7341        
7342      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
7343        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
7344      </svg>
7345    
7346      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
7347        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
7348      </svg>
7349    
7350      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
7351        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
7352      </svg>
7353    
7354      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
7355        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
7356      </svg>
7357    
7358      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
7359        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
7360      </svg>
7361    
7362      </div> 
7363      <p class="rating-count leading-none caption ml-1 text-review-count">(719)
7364      </p>
7365</div>
7366
7367<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
7368        
7369        
7370          <div class=" price leading-none ">
7371  <div class="target-price hidden">6500</div>
7372  <div class="target-compare-at-price hidden">6500</div>
7373  
7374    
7375  
7376  
7377<p class="price">
7378        $ 65.00
7379      </p>
7380    
7381  
7382</div>
7383
7384        
7385        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
7386      </div>
7387      
7388      <template x-if="localStorage.getItem('selectedStore')">
7389        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('490593189941', [285551132725, 318067736629, 318067015733, 318067212341, 262726549557, 318067245109, 184227590, 316648489013])">
7390            
7391<div 
7392  class="text-availability-notice"
7393  x-data='{ 
7394    locations: [],
7395    pickupLocations: [],
7396    pickupAvailabilites: []
7397  }'
7398  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
7399>
7400  <style data-shopify>
7401    .text-availability-notice {
7402      font-size: 0.7363125rem;
7403    }
7404    @media (min-width: 768px) {
7405      .text-availability-notice {
7406        font-size: 0.818125rem;
7407      }
7408    }
7409  </style>
7410  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
7411    <span class="flex h-4 w-4 relative">
7412  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7413    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
7414    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
7415  </svg>
7416
7417</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
7418  </div>
7419  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
7420    <span class="flex h-4 w-4 relative">
7421  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7422    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
7423    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
7424  </svg>
7425
7426</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
7427  </div>
7428</div></div>
7429      </template>
7430      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
7431    </div>
7432  </div>
7433  <div
7434    id="x-product-template-490593189941-template--19743130189877__product-grid-14"
7435    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
7436  >
7437    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
7438      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
7439        
7440        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-490593189941">
7441          <a href="/collections/shop-all/products/water-elixir"
7442            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
7443            @click='$store.xCustomerEvent.fire("product_selected", $el)'
7444            x-customer-event-data="{
7445    &quot;product&quot;: {
7446      &quot;title&quot;: &quot;Water Elixir Hydrating Serum &amp;amp; Skin Prep Essence&quot;,
7447      &quot;listName&quot;: &quot;Shop All&quot;,
7448      &quot;sku&quot;: &quot;490593189941&quot;,
7449      &quot;currencyCode&quot;: &quot;USD&quot;,
7450      &quot;price&quot;: 6500,
7451      &quot;vendor&quot;: &quot;S-Japan&quot;
7452    }
7453  }"
7454          >
7455            Water Elixir Hydrating Serum &amp; Skin Prep Essence
7456          </a>
7457        </p>
7458        
7459          
7460 
7461
7462
7463        
7464
7465  
7466<div 
7467  class="x-review-product other 
7468    
7469      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
7470  "
7471>
7472  
7473<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars">
7474        
7475      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
7476        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
7477      </svg>
7478    
7479      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
7480        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
7481      </svg>
7482    
7483      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
7484        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
7485      </svg>
7486    
7487      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
7488        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
7489      </svg>
7490    
7491      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
7492        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
7493      </svg>
7494    
7495      </div> 
7496      <p class="rating-count leading-none caption ml-1 text-review-count">(719)
7497      </p>
7498</div>
7499
7500<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
7501          
7502          
7503            <div class=" price leading-none ">
7504  <div class="target-price hidden">6500</div>
7505  <div class="target-compare-at-price hidden">6500</div>
7506  
7507    
7508  
7509  
7510<p class="price">
7511        $ 65.00
7512      </p>
7513    
7514  
7515</div>
7516
7517          
7518          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
7519        </div>
7520        
7521        <template x-if="localStorage.getItem('selectedStore')">
7522          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('490593189941', [285551132725, 318067736629, 318067015733, 318067212341, 262726549557, 318067245109, 184227590, 316648489013])"><div 
7523  class="text-availability-notice"
7524  x-data='{ 
7525    locations: [],
7526    pickupLocations: [],
7527    pickupAvailabilites: []
7528  }'
7529  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
7530>
7531  <style data-shopify>
7532    .text-availability-notice {
7533      font-size: 0.7363125rem;
7534    }
7535    @media (min-width: 768px) {
7536      .text-availability-notice {
7537        font-size: 0.818125rem;
7538      }
7539    }
7540  </style>
7541  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
7542    <span class="flex h-4 w-4 relative">
7543  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7544    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
7545    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
7546  </svg>
7547
7548</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
7549  </div>
7550  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
7551    <span class="flex h-4 w-4 relative">
7552  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7553    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
7554    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
7555  </svg>
7556
7557</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
7558  </div>
7559</div></div>
7560        </template>
7561      </div>
7562    </div>
7563    
7564      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
7565        <div class="rte line-clamp-3">
7566          <p>Water Elixir is the ultimate first step in your routine. Think of this milky liquid serum as your pre-moisturizer, moisturizer. Formulated to flood dry skin with instant hydration, it preps your face perfectly for Water Balm.<br></p>
7567<p><meta charset="utf-8"><b>Sonia Roselli Water Elixir Skin Prep | Hydrating Liquid Serum &amp; Essence</b></p>
7568<p><b>Sonia Roselli Water Elixir</b> is a professional-grade, milky liquid serum and hydrating skin prep essence designed to eliminate surface dehydration and create a flawless, skin-identical base for makeup application. Functioning as a high-performance "pre-moisturizer moisturizer," this fragrance-free formula instantly floods the skin barrier with deep moisture, priming the face to maximize the benefits of <b>Water Balm</b>.</p>
7569<p class="h3">Core Benefits &amp; Targeted Skin Concerns</h3>
7570<p>Water Elixir is clinically formulated to target severe dryness, skin barrier disruption, and cosmetic application failure. It directly addresses:</p>
7571<ul>
7572<li>
7573<p><b>Foundation Pilling &amp; Separation:</b> Prevents cosmetic formulas from pilling, separating, or breaking down by midday.</p>
7574</li>
7575<li>
7576<p><b>Textured Dry Patches:</b> Stops foundation, concealer, and powder from clinging to dry, flaky skin areas.</p>
7577</li>
7578<li>
7579<p><b>Retinoid-Induced Flaking:</b> Soothes, smooths, and calms the visible peeling and irritation caused by active retinoids, retinol, and cellular-turnover topicals.</p>
7580</li>
7581<li>
7582<p><b>Surface Dehydration:</b> Rehydrates tight, dull-looking skin, leaving a plump, radiant, and hydrated glow.</p>
7583</li>
7584</ul>
7585<p class="h3">How to Apply Water Elixir in Your Skincare Routine</h3>
7586<p>For optimal results, incorporate this liquid serum into your morning and evening professional skin prep routine:</p>
7587<ol start="1">
7588<li>
7589<p><b>Cleanse:</b> Begin with thoroughly cleansed skin.</p>
7590</li>
7591<li>
7592<p><b>Apply Water Elixir:</b> Pat a few drops of the milky liquid serum directly onto the face and neck as your immediate first hydration step.</p>
7593</li>
7594<li>
7595<p><b>Layer:</b> Follow with your targeted treatment serums, facial oils, or your primary moisturizer, such as <b>Water Balm</b>.</p>
7596</li>
7597</ol>
7598<p class="h3">Advanced Cosmetic Chemistry &amp; Key Ingredients</h3>
7599<p>The efficacy of Water Elixir relies on a synergistic blend of pure botanical waters and advanced, bio-available moisture vectors:</p>
7600<ul>
7601<li>
7602<p><b>Multi-Molecular-Weight Sodium Hyaluronate:</b> Cross-linked hyaluronic acid variants that penetrate multiple layers of the stratum corneum to lock in multi-level, long-lasting moisture.</p>
7603</li>
7604<li>
7605<p><b>Ceramide-Mimicking Lipid Complex:</b> Utilizes <i>Phytosteryl/Octyldodecyl Lauroyl Glutamate</i>, <i>Sodium Dilauramidoglutamide Lysine</i>, and <i>Hydrogenated Lecithin</i> to mimic natural intercellular lipids, repairing the skin barrier and preventing transepidermal water loss (TEWL).</p>
7606</li>
7607<li>
7608<p><b>Skin-Identical Amino Acid Complex:</b> Replenishes the skin's Natural Moisturizing Factors (NMF) to restore cellular elasticity, bounce, and suppleness.</p>
7609</li>
7610<li>
7611<p><b>Premium Water Bases:</b> Formulated with pure <b>Mt. Fuji Spring Water</b> and soothing <b>Rosa Centifolia Flower Water</b> to instantly calm reactivity.</p>
7612</li>
7613</ul>
7614<p class="h3">Formula Integrity &amp; Specifications</h3>
7615<ul>
7616<li>
7617<p><b>Skin Type Compatibility:</b> Optimized for sensitive, severely dehydrated, mature, and aging skin types.</p>
7618</li>
7619<li>
7620<p><b>Fragrance Profile:</b> 100% Fragrance-free with zero added perfume or artificial masking agents.</p>
7621</li>
7622<li>
7623<p><b>Texture:</b> Lightweight, milky, fast-absorbing liquid prep fluid.</p>
7624</li>
7625</ul>
7626        </div>
7627      </div>
7628    
7629    
7630
7631        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
7632          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/water-elixir');
7633        });"></div>
7634        <div
7635          id="current-variant-template--19743130189877__product-grid-490593189941-14" 
7636          class="current-variant hidden"
7637        >
7638          
7639            6779445903413
7640          
7641        </div>
7642    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
7643    
7644      <div class="card-info x-highlight-icon mt-2.5">
7645        <div 
7646  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
7647  x-data="{setPosition(el) {
7648    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
7649    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
7650    elRect = el.getBoundingClientRect();
7651    let spacingLeft = elRect.left - parentEl.left;
7652    if (spacingLeft < 0) {
7653      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
7654    }
7655    let spacingRight = parentEl.right - elRect.right;
7656    if (spacingRight < 0) {
7657      el.style.setProperty('--left-tooltip', spacingRight + 'px');
7658    } 
7659  }}"
7660  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
7661>
7662    �
7663    �
7664    �
7665    �</div>
7666      </div>
7667    
7668    
7669      <template x-if="$store.xQuickView">
7670        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
7671              
7672<form method="post" action="/cart/add" id="product-form-choose-option49059318994124" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="6779445903413">
7673                  
7674                  
7675                  <button
7676                    type="submit"
7677                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
7678                    data-id="template--19743130189877__product-grid-490593189941-14"
7679                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
7680                    
7681                    
7682                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
7683                    
7684                      aria-label="Add to cart"
7685                    
7686                    
7687                  >
7688                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
7689                      
7690
7691                          <span class="flex items-center justify-center">
7692                            
7693<div class="flex justify-center ">
7694  
7695    
7696      
7697        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
7698      
7699    
7700  
7701  
7702    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
7703      
7704      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
7705        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
7706      </svg>
7707      
7708    </span>
7709  
7710</div>
7711                          </span>
7712                    </span>
7713                    <div
7714                      class="flex gap-x-2 items-center justify-center"
7715                      role="alert"
7716                      x-cloak
7717                      x-show="errorMessage"
7718                    >
7719                      Sold out
7720                    </div>
7721                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
7722                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
7723    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
7724  </svg>
7725
7726                    </div>
7727                  </button><input type="hidden" name="product-id" value="490593189941" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
7728            </div><button 
7729            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/water-elixir', $el, 'template--19743130189877__product-grid-490593189941-14')" 
7730            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/water-elixir', $el, 'template--19743130189877__product-grid-490593189941-14')" 
7731            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
7732            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
7733            aria-label="Button quickview"
7734            x-customer-event-data="{
7735    &quot;product&quot;: {
7736      &quot;title&quot;: &quot;Water Elixir Hydrating Serum &amp;amp; Skin Prep Essence&quot;,
7737      &quot;listName&quot;: &quot;Shop All&quot;,
7738      &quot;sku&quot;: &quot;490593189941&quot;,
7739      &quot;currencyCode&quot;: &quot;USD&quot;,
7740      &quot;price&quot;: 6500,
7741      &quot;vendor&quot;: &quot;S-Japan&quot;
7742    }
7743  }"
7744            x-show="$store.xQuickView.enabled"
7745          >
7746            <span class="flex justify-center items-center">
7747              
7748<div class="flex justify-center ">
7749  
7750    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
7751  
7752  
7753    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
7754      
7755      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
7756        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
7757      </svg>
7758      
7759    </span>
7760  
7761</div>
7762            </span>
7763          </button>
7764        </div>
7765      </template>
7766    
7767  </div>
7768</div>
7769                    </div>
7770                    
7771
7772                    
7773                    
7774                    <div class="grid-item">
7775                      
7776                      
7777
7778<div 
7779  
7780    x-data="xProductCard('template--19743130189877__product-grid-15', '/collections/shop-all/products/water-oil', '766502207541')"  
7781  
7782  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
7783  x-slide-index="-1"
7784>
7785  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
7786  >
7787    
7788    <a 
7789      
7790        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
7791      
7792      href="/collections/shop-all/products/water-oil"
7793       
7794        x-data="{ lastWindowWidth: 0 }"
7795        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
7796        x-labels-data="[
7797    
7798{
7799      &quot;variant_id&quot;: 8396245073973,
7800      &quot;product_id&quot;: 766502207541,
7801      &quot;available&quot;: false,
7802      &quot;title&quot;: &quot;Water Oil Dual-Phase Skin Prep Face Serum-Oil&quot;,
7803      &quot;compare_at_price&quot;: 0,
7804      &quot;price&quot;: 6900,
7805      &quot;price_with_currency&quot;: &quot;$ 69.00&quot;,
7806      &quot;sale_amount&quot;: &quot;$ -69.00&quot;,
7807      &quot;collections&quot;: &quot;||285551132725||318067736629||262726549557||318067245109||184227590||&quot;,
7808      &quot;inventory_management&quot;: &quot;shopify&quot;,
7809      &quot;qty&quot;: -4,
7810      &quot;container&quot;: &quot;card&quot;,
7811      &quot;can_show_preorder&quot;: false,
7812      &quot;diff_day_create&quot;: 1529019433,
7813      &quot;diff_day_publish&quot;: 1529285645
7814      
7815      }
7816    ]"
7817       
7818      aria-label="Water Oil Dual-Phase Skin Prep Face Serum-Oil"
7819      id="766502207541-template--19743130189877__product-grid"
7820      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
7821      <div
7822        id="x-slideshow-card-product-template--19743130189877__product-grid-15--1"
7823        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
7824        @click='$store.xCustomerEvent.fire("product_selected", $el)'
7825        x-customer-event-data="{
7826    &quot;product&quot;: {
7827      &quot;title&quot;: &quot;Water Oil Dual-Phase Skin Prep Face Serum-Oil&quot;,
7828      &quot;listName&quot;: &quot;Shop All&quot;,
7829      &quot;sku&quot;: &quot;766502207541&quot;,
7830      &quot;currencyCode&quot;: &quot;USD&quot;,
7831      &quot;price&quot;: 6900,
7832      &quot;vendor&quot;: &quot;S-Japan&quot;
7833    }
7834  }"
7835        x-cloak
7836        
7837          x-intersect.once.margin.200px='$store.xSplide.load($el, {
7838            "drag": true,
7839            "pagination": true,
7840            "arrows": false,
7841            "pauseOnFocus": false,
7842            "pauseOnHover": false,
7843            "perMove": 1,
7844            "perPage": 1,
7845            "focus": "center",
7846            "mediaQuery": "min",
7847            "rewind": true,
7848            
7849            "breakpoints": {
7850              1024: {
7851                
7852                  "destroy": true
7853                
7854              }
7855            },
7856            
7857              "playOnHover": true,
7858            
7859            
7860            "classes": {
7861              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
7862              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
7863            },
7864            "type": "fade",
7865          })'>
7866        <div 
7867          id="image-product-template--19743130189877__product-grid-15--1"
7868          class="splide__track overflow-hidden max-h-full h-full w-full"
7869        >
7870        <div class="w-full h-full splide__list">
7871            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
7872            >
7873              
7874              <picture>
7875                <img
7876                  srcset="
7877                  //www.soniaroselli.com/cdn/shop/files/water_oil_white_background.png?v=1788044931&width=250 250w,
7878                  //www.soniaroselli.com/cdn/shop/files/water_oil_white_background.png?v=1788044931&width=350 350w,
7879                  //www.soniaroselli.com/cdn/shop/files/water_oil_white_background.png?v=1788044931&width=450 450w,
7880                  //www.soniaroselli.com/cdn/shop/files/water_oil_white_background.png?v=1788044931&width=750 750w,
7881                  //www.soniaroselli.com/cdn/shop/files/water_oil_white_background.png?v=1788044931&width=900 900w,
7882                  //www.soniaroselli.com/cdn/shop/files/water_oil_white_background.png?v=1788044931&width=1100 1100w,
7883                  //www.soniaroselli.com/cdn/shop/files/water_oil_white_background.png?v=1788044931&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/water_oil_white_background.png?v=1788044931 2048w" 
7884                  src="//www.soniaroselli.com/cdn/shop/files/water_oil_white_background.png?v=1788044931&width=1500"
7885                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
7886                  alt="Sonia Roselli Water Oil Skin Prep fragrance-free water oil in a 1.52 fl oz glass bottle with a gold pump and clear cap, shown on a white background with a black shadow."
7887                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
7888                  loading="lazy"
7889                  width="2048"
7890                  height="2048"
7891                  onload="requestAnimationFrame(() => {
7892                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
7893                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
7894                  })"
7895                />
7896              </picture>
7897              
7898            </div><style data-shopify>
7899                  #image-product-template--19743130189877__product-grid-15--1 .media-slide:not(:first-child) {
7900                    height: 100%;
7901                  }
7902                </style>
7903                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
7904                  
7905                  <picture>
7906                    <img
7907                      srcset="//www.soniaroselli.com/cdn/shop/files/01-lightweight-facial-oil-soft-smooth-supple-skin.png?v=1788045326&width=250 250w,
7908                        //www.soniaroselli.com/cdn/shop/files/01-lightweight-facial-oil-soft-smooth-supple-skin.png?v=1788045326&width=350 350w,
7909                        //www.soniaroselli.com/cdn/shop/files/01-lightweight-facial-oil-soft-smooth-supple-skin.png?v=1788045326&width=450 450w,
7910                        //www.soniaroselli.com/cdn/shop/files/01-lightweight-facial-oil-soft-smooth-supple-skin.png?v=1788045326&width=750 750w,
7911                        //www.soniaroselli.com/cdn/shop/files/01-lightweight-facial-oil-soft-smooth-supple-skin.png?v=1788045326&width=900 900w,
7912                        //www.soniaroselli.com/cdn/shop/files/01-lightweight-facial-oil-soft-smooth-supple-skin.png?v=1788045326&width=1100 1100w,
7913                        //www.soniaroselli.com/cdn/shop/files/01-lightweight-facial-oil-soft-smooth-supple-skin.png?v=1788045326&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/01-lightweight-facial-oil-soft-smooth-supple-skin.png?v=1788045326 1080w"
7914                      src="//www.soniaroselli.com/cdn/shop/files/01-lightweight-facial-oil-soft-smooth-supple-skin.png?v=1788045326&width=1500"
7915                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
7916                      alt="A woman holds a bottle of Sonia Roselli Water Oil serum against her face, showcasing the golden-yellow oil and white cap. The image features warm, soft lighting and elegant white text overlays that read &#39;Soft."
7917                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
7918                      loading="lazy"
7919                      width="1080"
7920                      height="1080"
7921                      onload="requestAnimationFrame(() => {
7922                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
7923                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
7924                      })"
7925                    />
7926                  </picture>
7927                  
7928                </div></div>
7929        </div></div>
7930        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
7931              x-show="$store.xQuickView" x-cloak
7932            > 
7933              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
7934                class="w-full hide-icon lg:pl-4 lg:pr-4" 
7935                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
7936                x-cloak
7937              >
7938                
7939<form method="post" action="/cart/add" id="product-form-choose-option76650220754125" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="8396245073973">
7940                    
7941                                                                
7942                    <button
7943                      type="submit"
7944                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-766
7944502207541-15"
7945                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
7946                      
7947                      
7948                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"disabled
7949                        aria-label="Sold out"
7950                    >
7951                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
7952                        
7953Sold out
7954
7955                      </span>
7956                      <div
7957                        class="flex gap-x-2 items-center justify-center"
7958                        role="alert"
7959                        x-cloak
7960                        x-show="errorMessage"
7961                      >
7962                        Sold out
7963                      </div>
7964                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
7965                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
7966    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
7967  </svg>
7968
7969                      </div>
7970                    </button>
7971                    <button 
7972                      type="submit"
7973                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
7974                      
7975                      
7976                      data-id="template--19743130189877__product-grid-766502207541-15"
7977                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"disabled
7978                        aria-label="Sold out"x-customer-event-data="{
7979    &quot;product&quot;: {
7980      &quot;title&quot;: &quot;Water Oil Dual-Phase Skin Prep Face Serum-Oil&quot;,
7981      &quot;listName&quot;: &quot;Shop All&quot;,
7982      &quot;sku&quot;: &quot;766502207541&quot;,
7983      &quot;currencyCode&quot;: &quot;USD&quot;,
7984      &quot;price&quot;: 6900,
7985      &quot;vendor&quot;: &quot;S-Japan&quot;
7986    }
7987  }"
7988                      
7989                    >
7990                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
7991    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
7992  </svg></span>
7993                      <span class="block w-5 h-5" x-show="loading" x-cloak>
7994                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
7995    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
7996  </svg>
7997
7998                      </span>
7999                    </button><input type="hidden" name="product-id" value="766502207541" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
8000              </div>
8001            </div><div
8002            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
8003            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
8004            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
8005            >
8006            <div>
8007              <button
8008                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8009                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/water-oil', $el, 'template--19743130189877__product-grid-766
8009502207541-15')" 
8010                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/water-oil', $el, 'template--19743130189877__product-grid-766502207541-15')" 
8011                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
8012                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
8013                x-customer-event-data="{
8014    &quot;product&quot;: {
8015      &quot;title&quot;: &quot;Water Oil Dual-Phase Skin Prep Face Serum-Oil&quot;,
8016      &quot;listName&quot;: &quot;Shop All&quot;,
8017      &quot;sku&quot;: &quot;766502207541&quot;,
8018      &quot;currencyCode&quot;: &quot;USD&quot;,
8019      &quot;price&quot;: 6900,
8020      &quot;vendor&quot;: &quot;S-Japan&quot;
8021    }
8022  }"
8023                aria-label="Button quickview"
8024              >
8025                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
8026    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
8027  </svg>
8028</span>
8029                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
8030                  
8031<div class="flex justify-center ">
8032  
8033    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
8034  
8035  
8036    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
8037      
8038      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
8039        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
8040      </svg>
8041      
8042    </span>
8043  
8044</div>
8045                </span>
8046              </button>
8047              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/water-oil", $el, "template--19743130189877__product-grid-766502207541-15"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8048                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
8049                aria-label="Button quickview"
8050                x-customer-event-data="{
8051    &quot;product&quot;: {
8052      &quot;title&quot;: &quot;Water Oil Dual-Phase Skin Prep Face Serum-Oil&quot;,
8053      &quot;listName&quot;: &quot;Shop All&quot;,
8054      &quot;sku&quot;: &quot;766502207541&quot;,
8055      &quot;currencyCode&quot;: &quot;USD&quot;,
8056      &quot;price&quot;: 6900,
8057      &quot;vendor&quot;: &quot;S-Japan&quot;
8058    }
8059  }"
8060              >
8061                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
8062    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
8063  </svg>
8064</span>
8065              </button>
8066            </div>
8067          </div>
8068        </div>
8069      
8070    </a>
8071    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
8072      
8073      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-766502207541">
8074        <a href="/collections/shop-all/products/water-oil"
8075          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
8076          @click='$store.xCustomerEvent.fire("product_selected", $el)'
8077          x-customer-event-data="{
8078    &quot;product&quot;: {
8079      &quot;title&quot;: &quot;Water Oil Dual-Phase Skin Prep Face Serum-Oil&quot;,
8080      &quot;listName&quot;: &quot;Shop All&quot;,
8081      &quot;sku&quot;: &quot;766502207541&quot;,
8082      &quot;currencyCode&quot;: &quot;USD&quot;,
8083      &quot;price&quot;: 6900,
8084      &quot;vendor&quot;: &quot;S-Japan&quot;
8085    }
8086  }"
8087        >
8088          Water Oil Dual-Phase Skin Prep Face Serum-Oil
8089        </a>
8090      </p>
8091      
8092        
8093 
8094
8095
8096      
8097
8098  
8099<div 
8100  class="x-review-product other 
8101    
8102      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
8103  "
8104>
8105  
8106<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars">
8107        
8108      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8109        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8110      </svg>
8111    
8112      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8113        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8114      </svg>
8115    
8116      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8117        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8118      </svg>
8119    
8120      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8121        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8122      </svg>
8123    
8124      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8125        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8126      </svg>
8127    
8128      </div> 
8129      <p class="rating-count leading-none caption ml-1 text-review-count">(677)
8130      </p>
8131</div>
8132
8133<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
8134        
8135        
8136          <div class=" price leading-none ">
8137  <div class="target-price hidden">6900</div>
8138  <div class="target-compare-at-price hidden"></div>
8139  
8140    
8141  
8142  
8143<p class="price">
8144        $ 69.00
8145      </p>
8146    
8147  
8148</div>
8149
8150        
8151        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
8152      </div>
8153      
8154      <template x-if="localStorage.getItem('selectedStore')">
8155        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('766502207541', [285551132725, 318067736629, 262726549557, 318067245109, 184227590])">
8156            
8157<div 
8158  class="text-availability-notice"
8159  x-data='{ 
8160    locations: [],
8161    pickupLocations: [],
8162    pickupAvailabilites: []
8163  }'
8164  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
8165>
8166  <style data-shopify>
8167    .text-availability-notice {
8168      font-size: 0.7363125rem;
8169    }
8170    @media (min-width: 768px) {
8171      .text-availability-notice {
8172        font-size: 0.818125rem;
8173      }
8174    }
8175  </style>
8176  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
8177    <span class="flex h-4 w-4 relative">
8178  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8179    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8180    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8181  </svg>
8182
8183</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
8184  </div>
8185  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
8186    <span class="flex h-4 w-4 relative">
8187  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8188    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8189    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8190  </svg>
8191
8192</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
8193  </div>
8194</div></div>
8195      </template>
8196      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
8197    </div>
8198  </div>
8199  <div
8200    id="x-product-template-766502207541-template--19743130189877__product-grid-15"
8201    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
8202  >
8203    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
8204      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
8205        
8206        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-766502207541">
8207          <a href="/collections/shop-all/products/water-oil"
8208            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
8209            @click='$store.xCustomerEvent.fire("product_selected", $el)'
8210            x-customer-event-data="{
8211    &quot;product&quot;: {
8212      &quot;title&quot;: &quot;Water Oil Dual-Phase Skin Prep Face Serum-Oil&quot;,
8213      &quot;listName&quot;: &quot;Shop All&quot;,
8214      &quot;sku&quot;: &quot;766502207541&quot;,
8215      &quot;currencyCode&quot;: &quot;USD&quot;,
8216      &quot;price&quot;: 6900,
8217      &quot;vendor&quot;: &quot;S-Japan&quot;
8218    }
8219  }"
8220          >
8221            Water Oil Dual-Phase Skin Prep Face Serum-Oil
8222          </a>
8223        </p>
8224        
8225          
8226 
8227
8228
8229        
8230
8231  
8232<div 
8233  class="x-review-product other 
8234    
8235      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
8236  "
8237>
8238  
8239<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars">
8240        
8241      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8242        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8243      </svg>
8244    
8245      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8246        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8247      </svg>
8248    
8249      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8250        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8251      </svg>
8252    
8253      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8254        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8255      </svg>
8256    
8257      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8258        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8259      </svg>
8260    
8261      </div> 
8262      <p class="rating-count leading-none caption ml-1 text-review-count">(677)
8263      </p>
8264</div>
8265
8266<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
8267          
8268          
8269            <div class=" price leading-none ">
8270  <div class="target-price hidden">6900</div>
8271  <div class="target-compare-at-price hidden"></div>
8272  
8273    
8274  
8275  
8276<p class="price">
8277        $ 69.00
8278      </p>
8279    
8280  
8281</div>
8282
8283          
8284          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
8285        </div>
8286        
8287        <template x-if="localStorage.getItem('selectedStore')">
8288          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('766502207541', [285551132725, 318067736629, 262726549557, 318067245109, 184227590])"><div 
8289  class="text-availability-notice"
8290  x-data='{ 
8291    locations: [],
8292    pickupLocations: [],
8293    pickupAvailabilites: []
8294  }'
8295  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
8296>
8297  <style data-shopify>
8298    .text-availability-notice {
8299      font-size: 0.7363125rem;
8300    }
8301    @media (min-width: 768px) {
8302      .text-availability-notice {
8303        font-size: 0.818125rem;
8304      }
8305    }
8306  </style>
8307  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
8308    <span class="flex h-4 w-4 relative">
8309  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8310    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8311    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8312  </svg>
8313
8314</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
8315  </div>
8316  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
8317    <span class="flex h-4 w-4 relative">
8318  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8319    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8320    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8321  </svg>
8322
8323</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
8324  </div>
8325</div></div>
8326        </template>
8327      </div>
8328    </div>
8329    
8330      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
8331        <div class="rte line-clamp-3">
8332          <p class="h3" data-path-to-node="3">The Weightless Solution for Luminous Skin Prep and Facial Massage</h3>
8333<p data-path-to-node="4">Foundation that looks flat, dry, or cakey by midday is frequently a skin barrier issue rather than a cosmetic failure. When the skin surface is undernourished, it absorbs light instead of reflecting it, causing your makeup to look dull, heavy, or patchy. Before replacing your foundation, look at how your skin canvas is prepped underneath.</p>
8334<p data-path-to-node="5">Water Oil is a dual-phase, weightless watery oil developed specifically for those who avoid traditional oils out of fear of heavy weight, a greasy film, or sudden breakouts. Suspended in a fluid watery base, it provides an exquisite cushion glide for facial massage tools and gua sha stones, absorbing completely to leave your skin looking supple and alive. It ensures your foundation settles smoothly into place with true depth instead of sitting flat on the surface.</p>
8335<p class="h4" data-path-to-node="6">The Lipid Bridge for Sensitive Skin Barriers</h4>
8336<p data-path-to-node="7">A compromised skin barrier often lacks the vital protective lipids required to seal in hydration, leaving the surface vulnerable to flaking, irritation, and a tight, uncomfortable feel. Water Oil acts as a weightless lipid-replenishing bridge. By suspending biomimetic emollients within a fluid water layer, it introduces deep barrier reinforcement exactly where your skin canvas is most depleted. It works to soothe the look of temporary surface flushing and leaves the skin barrier feeling calm, comforted, and fully prepared to lock in subsequent hydration steps.</p>
8337<p class="h4" data-path-to-node="8">The Pure Alternative to Prestige Watery Oils</h4>
8338<p data-path-to-node="9">Many high-end, luxury watery oils rely on heavy synthetic silicones, animal-derived bee products, and intense synthetic fragrances to simulate a weightless fluid glide. While these ingredients create a pleasant initial surface feel, they frequently form a suffocating, artificial film on the skin. This film traps heat, clogs delicate pores, and causes your liquid foundation to pill, ball up, or slide off by midday.</p>
8339<p data-path-to-node="10">Water Oil delivers a luxurious, professional-level cushion glide through a high-precision, silicone-free botanical matrix. By eliminating heavy synthetic fillers, honey derivatives, and volatile masking perfumes, it provides the weightless suppleness your skin canvas demands with none of the hidden barrier disruptions. It offers elite, prestige performance at a significantly smarter investment.</p>
8340<p class="h4" data-path-to-node="11">Why Skincare and Makeup Enthusiasts Love It:</h4>
8341<ul data-path-to-node="12">
8342<li>
8343<p data-path-to-node="12,0,0"><b data-index-in-node="0" data-path-to-node="12,0,0">Intensive barrier support:</b> Delivers critical skin-compatible lipids that mimic your own moisture structures, helping to reinforce the appearance of a resilient skin barrier against daily environmental stressors.</p>
8344</li>
8345<li>
8346<p data-path-to-node="12,1,0"><b data-index-in-node="0" data-path-to-node="12,1,0">Weightless lipid nourishment:</b> Absorbs fully into the surface layer instead of sitting heavily on top, leaving your skin looking supple without a greasy or reflective finish under makeup.</p>
8347</li>
8348<li>
8349<p data-path-to-node="12,2,0"><b data-index-in-node="0" data-path-to-node="12,2,0">Friction protection:</b> Provides a long-lasting cushion glide that safeguards vulnerable skin boundaries from physical pulling, dragging, or temporary redness during massage or tool application.</p>
8350</li>
8351<li>
8352<p data-path-to-node="12,3,0"><b data-index-in-node="0" data-path-to-node="12,3,0">Supple, dimensional finish:</b> Pairs plant emollients with an oil-compatible peptide sequence to supp
8352ort the appearance of smoother, firmer skin texture, ensuring your cosmetics look dimensional instead of flat.</p>
8353</li>
8354</ul>
8355<p class="h4" data-path-to-node="13">Key Details:</h4>
8356<ul data-path-to-node="14">
8357<li>
8358<p data-path-to-node="14,0,0"><b data-index-in-node="0" data-path-to-node="14,0,0">Format:</b> Dual-Phase Watery Face Oil</p>
8359</li>
8360<li>
8361<p data-path-to-node="14,1,0"><b data-index-in-node="0" data-path-to-node="14,1,0">Best For:</b> All skin types, specifically calibrated for dry, combination, sensitive, and reactive skin boundaries</p>
8362</li>
8363<li>
8364<p data-path-to-node="14,2,0"><b data-index-in-node="0" data-path-to-node="14,2,0">Usage:</b> Morning or evening application after water serums (Step 4: Glow)</p>
8365</li>
8366<li>
8367<p data-path-to-node="14,3,0"><b data-index-in-node="0" data-path-to-node="14,3,0">Purity Standards:</b> Silicone-free, bee-product-free, alcohol-free, paraben-free, sulfate-free</p>
8368</li>
8369</ul>
8370        </div>
8371      </div>
8372    
8373    
8374
8375        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
8376          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/water-oil');
8377        });"></div>
8378        <div
8379          id="current-variant-template--19743130189877__product-grid-766502207541-15" 
8380          class="current-variant hidden"
8381        >
8382          
8383            8396245073973
8384          
8385        </div>
8386    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
8387    
8388      <div class="card-info x-highlight-icon mt-2.5">
8389        <div 
8390  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
8391  x-data="{setPosition(el) {
8392    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
8393    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
8394    elRect = el.getBoundingClientRect();
8395    let spacingLeft = elRect.left - parentEl.left;
8396    if (spacingLeft < 0) {
8397      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
8398    }
8399    let spacingRight = parentEl.right - elRect.right;
8400    if (spacingRight < 0) {
8401      el.style.setProperty('--left-tooltip', spacingRight + 'px');
8402    } 
8403  }}"
8404  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
8405>
8406    �
8407    �
8408    �
8409    �</div>
8410      </div>
8411    
8412    
8413      <template x-if="$store.xQuickView">
8414        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
8415              
8416<form method="post" action="/cart/add" id="product-form-choose-option76650220754125" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="8396245073973">
8417                  
8418                  
8419                  <button
8420                    type="submit"
8421                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
8422                    data-id="template--19743130189877__product-grid-766502207541-15"
8423                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
8424                    
8425                    
8426                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
8427                    
8428                      disabled
8429                      aria-label="Sold out"
8430                    
8431                    
8432                  >
8433                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
8434                      
8435Sold out
8436
8437                    </span>
8438                    <div
8439                      class="flex gap-x-2 items-center justify-center"
8440                      role="alert"
8441                      x-cloak
8442                      x-show="errorMessage"
8443                    >
8444                      Sold out
8445                    </div>
8446                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
8447                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
8448    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8449  </svg>
8450
8451                    </div>
8452                  </button><input type="hidden" name="product-id" value="766502207541" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
8453            </div><button 
8454            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/water-oil', $el, 'template--19743130189877__product-grid-766502207541-15')" 
8455            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/water-oil', $el, 'template--19743130189877__product-grid-766502207541-15')" 
8456            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8457            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
8458            aria-label="Button quickview"
8459            x-customer-event-data="{
8460    &quot;product&quot;: {
8461      &quot;title&quot;: &quot;Water Oil Dual-Phase Skin Prep Face Serum-Oil&quot;,
8462      &quot;listName&quot;: &quot;Shop All&quot;,
8463      &quot;sku&quot;: &quot;766502207541&quot;,
8464      &quot;currencyCode&quot;: &quot;USD&quot;,
8465      &quot;price&quot;: 6900,
8466      &quot;vendor&quot;: &quot;S-Japan&quot;
8467    }
8468  }"
8469            x-show="$store.xQuickView.enabled"
8470          >
8471            <span class="flex justify-center items-center">
8472              
8473<div class="flex justify-center ">
8474  
8475    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
8476  
8477  
8478    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
8479      
8480      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
8481        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
8482      </svg>
8483      
8484    </span>
8485  
8486</div>
8487            </span>
8488          </button>
8489        </div>
8490      </template>
8491    
8492  </div>
8493</div>
8494                    </div>
8495                    
8496
8497                    
8498                    
8499                    <div class="grid-item">
8500                      
8501                      
8502
8503<div 
8504  
8505    x-data="xProductCard('template--19743130189877__product-grid-16', '/collections/shop-all/products/barrier-cream', '6931196969013')"  
8506  
8507  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
8508  x-slide-index="-1"
8509>
8510  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
8511  >
8512    
8513    <a 
8514      
8515        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
8516      
8517      href="/collections/shop-all/products/barrier-cream"
8518       
8519        x-data="{ lastWindowWidth: 0 }"
8520        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
8521        x-labels-data="[
8522    
8523{
8524      &quot;variant_id&quot;: 41200986652725,
8525      &quot;product_id&quot;: 6931196969013,
8526      &quot;available&quot;: true,
8527      &quot;title&quot;: &quot;Intense Barrier Cream&quot;,
8528      &quot;compare_at_price&quot;: 6900,
8529      &quot;price&quot;: 6900,
8530      &quot;price_with_currency&quot;: &quot;$ 69.00&quot;,
8531      &quot;sale_amount&quot;: &quot;$ 0.00&quot;,
8532      &quot;collections&quot;: &quot;||285551132725||318067736629||262726549557||318067245109||184227590||&quot;,
8533      &quot;inventory_management&quot;: &quot;shopify&quot;,
8534      &quot;qty&quot;: 4088,
8535      &quot;container&quot;: &quot;card&quot;,
8536      &quot;can_show_preorder&quot;: false,
8537      &quot;diff_day_create&quot;: 1655577740,
8538      &quot;diff_day_publish&quot;: 1655774194
8539      
8540      }
8541    ]"
8542       
8543      aria-label="Intense Barrier Cream"
8544      id="6931196969013-template--19743130189877__product-grid"
8545      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
8545or-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
8546      <div
8547        id="x-slideshow-card-product-template--19743130189877__product-grid-16--1"
8548        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
8549        @click='$store.xCustomerEvent.fire("product_selected", $el)'
8550        x-customer-event-data="{
8551    &quot;product&quot;: {
8552      &quot;title&quot;: &quot;Intense Barrier Cream&quot;,
8553      &quot;listName&quot;: &quot;Shop All&quot;,
8554      &quot;sku&quot;: &quot;6931196969013&quot;,
8555      &quot;currencyCode&quot;: &quot;USD&quot;,
8556      &quot;price&quot;: 6900,
8557      &quot;vendor&quot;: &quot;S-Japan&quot;
8558    }
8559  }"
8560        x-cloak
8561        
8562          x-intersect.once.margin.200px='$store.xSplide.load($el, {
8563            "drag": true,
8564            "pagination": true,
8565            "arrows": false,
8566            "pauseOnFocus": false,
8567            "pauseOnHover": false,
8568            "perMove": 1,
8569            "perPage": 1,
8570            "focus": "center",
8571            "mediaQuery": "min",
8572            "rewind": true,
8573            
8574            "breakpoints": {
8575              1024: {
8576                
8577                  "destroy": true
8578                
8579              }
8580            },
8581            
8582              "playOnHover": true,
8583            
8584            
8585            "classes": {
8586              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
8587              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
8588            },
8589            "type": "fade",
8590          })'>
8591        <div 
8592          id="image-product-template--19743130189877__product-grid-16--1"
8593          class="splide__track overflow-hidden max-h-full h-full w-full"
8594        >
8595        <div class="w-full h-full splide__list">
8596            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
8597            >
8598              
8599              <picture>
8600                <img
8601                  srcset="
8602                  //www.soniaroselli.com/cdn/shop/files/intense_barrier_cream_barrier_moisturizer_and_skin_prep.png?v=1783782654&width=250 250w,
8603                  //www.soniaroselli.com/cdn/shop/files/intense_barrier_cream_barrier_moisturizer_and_skin_prep.png?v=1783782654&width=350 350w,
8604                  //www.soniaroselli.com/cdn/shop/files/intense_barrier_cream_barrier_moisturizer_and_skin_prep.png?v=1783782654&width=450 450w,
8605                  //www.soniaroselli.com/cdn/shop/files/intense_barrier_cream_barrier_moisturizer_and_skin_prep.png?v=1783782654&width=750 750w,
8606                  //www.soniaroselli.com/cdn/shop/files/intense_barrier_cream_barrier_moisturizer_and_skin_prep.png?v=1783782654&width=900 900w,
8607                  //www.soniaroselli.com/cdn/shop/files/intense_barrier_cream_barrier_moisturizer_and_skin_prep.png?v=1783782654&width=1100 1100w,
8608                  //www.soniaroselli.com/cdn/shop/files/intense_barrier_cream_barrier_moisturizer_and_skin_prep.png?v=1783782654&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/intense_barrier_cream_barrier_moisturizer_and_skin_prep.png?v=1783782654 1650w" 
8609                  src="//www.soniaroselli.com/cdn/shop/files/intense_barrier_cream_barrier_moisturizer_and_skin_prep.png?v=1783782654&width=1500"
8610                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
8611                  alt="A small cosmetic jar of Intense Barrier Cream with a white lid and a frosted cream-colored body, featuring a thin gold band and gold text, set against a plain white background with a soft shadow."
8612                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
8613                  loading="lazy"
8614                  width="1650"
8615                  height="1650"
8616                  onload="requestAnimationFrame(() => {
8617                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
8618                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
8619                  })"
8620                />
8621              </picture>
8622              
8623            </div><style data-shopify>
8624                  #image-product-template--19743130189877__product-grid-16--1 .media-slide:not(:first-child) {
8625                    height: 100%;
8626                  }
8627                </style>
8628                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
8629                  
8630                  <picture>
8631                    <img
8632                      srcset="//www.soniaroselli.com/cdn/shop/files/intense-barrier-cream-moisturizer-sensitive-skin..jpg?v=1767746178&width=250 250w,
8633                        //www.soniaroselli.com/cdn/shop/files/intense-barrier-cream-moisturizer-sensitive-skin..jpg?v=1767746178&width=350 350w,
8634                        //www.soniaroselli.com/cdn/shop/files/intense-barrier-cream-moisturizer-sensitive-skin..jpg?v=1767746178&width=450 450w,
8635                        //www.soniaroselli.com/cdn/shop/files/intense-barrier-cream-moisturizer-sensitive-skin..jpg?v=1767746178&width=750 750w,
8636                        //www.soniaroselli.com/cdn/shop/files/intense-barrier-cream-moisturizer-sensitive-skin..jpg?v=1767746178&width=900 900w,
8637                        //www.soniaroselli.com/cdn/shop/files/intense-barrier-cream-moisturizer-sensitive-skin..jpg?v=1767746178&width=1100 1100w,
8638                        //www.soniaroselli.com/cdn/shop/files/intense-barrier-cream-moisturizer-sensitive-skin..jpg?v=1767746178&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/intense-barrier-cream-moisturizer-sensitive-skin..jpg?v=1767746178 2048w"
8639                      src="//www.soniaroselli.com/cdn/shop/files/intense-barrier-cream-moisturizer-sensitive-skin..jpg?v=1767746178&width=1500"
8640                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
8641                      alt="A jar of Intense Barrier Cream is displayed on a marble surface with a small amount of the cream placed beside it, showcasing its texture."
8642                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
8643                      loading="lazy"
8644                      width="2048"
8645                      height="2048"
8646                      onload="requestAnimationFrame(() => {
8647                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
8648                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
8649                      })"
8650                    />
8651                  </picture>
8652                  
8653                </div></div>
8654        </div></div>
8655        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
8656              x-show="$store.xQuickView" x-cloak
8657            > 
8658              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
8659                class="w-full hide-icon lg:pl-4 lg:pr-4" 
8660                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
8661                x-cloak
8662              >
8663                
8664<form method="post" action="/cart/add" id="product-form-choose-option693119696901326" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="41200986652725">
8665                    
8666                                                                
8667                    <button
8668                      type="submit"
8669                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-6931196969013-16"
8670                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
8671                      
8672                      
8673                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
8674                    >
8675                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
8676                        
8677
8678                            <span class="flex items-center justify-center">
8679                              
8680<div class="flex justify-center ">
8681  
8682    
8683      
8684        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
8685      
8686    
8687  
8688  
8689    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
8690      
8691      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
8692        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
8693      </svg>
8694      
8695    </span>
8696  
8697</div>
8698                            </span>
8699                      </span>
8700                      <div
8701                        class="flex gap-x-2 items-center justify-center"
8702                        role="alert"
8703                        x-cloak
8704                        x-show="errorMessage"
8705                      >
8706                        Sold out
8707                      </div>
8708                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
8709                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
8710    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8711  </svg>
8712
8713                      </div>
8714                    </button>
8715                    <button 
8716                      type="submit"
8717                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
8718                      
8719                      
8720                      data-id="template--19743130189877__product-grid-6931196969013-16"
8721                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
8722    &quot;product&quot;: {
8723      &quot;title&quot;: &quot;Intense Barrier Cream&quot;,
8724      &quot;listName&quot;: &quot;Shop All&quot;,
8725      &quot;sku&quot;: &quot;6931196969013&quot;,
8726      &quot;currencyCode&quot;: &quot;USD&quot;,
8727      &quot;price&quot;: 6900,
8728      &quot;vendor&quot;: &quot;S-Japan&quot;
8729    }
8730  }"
8731                      
8732                    >
8733                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
8734    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
8735  </svg></span>
8736                      <span class="block w-5 h-5" x-show="loading" x-cloak>
8737                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
8738    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8739  </svg>
8740
8741                      </span>
8742                    </button><input type="hidden" name="product-id" value="6931196969013" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
8743              </div>
8744            </div><div
8745            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
8746            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
8747            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
8748            >
8749            <div>
8750              <button
8751                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8752                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/barrier-cream', $el, 'template--19743130189877__product-grid-6931196969013-16')" 
8753                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/barrier-cream', $el, 'template--19743130189877__product-grid-6931196969013-16')" 
8754                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
8755                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
8756                x-customer-event-data="{
8757    &quot;product&quot;: {
8758      &quot;title&quot;: &quot;Intense Barrier Cream&quot;,
8759      &quot;listName&quot;: &quot;Shop All&quot;,
8760      &quot;sku&quot;: &quot;6931196969013&quot;,
8761      &quot;currencyCode&quot;: &quot;USD&quot;,
8762      &quot;price&quot;: 6900,
8763      &quot;vendor&quot;: &quot;S-Japan&quot;
8764    }
8765  }"
8766                aria-label="Button quickview"
8767              >
8768                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
8769    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
8770  </svg>
8771</span>
8772                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
8773                  
8774<div class="flex justify-center ">
8775  
8776    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
8777  
8778  
8779    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
8780      
8781      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
8782        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
8783      </svg>
8784      
8785    </span>
8786  
8787</div>
8788                </span>
8789              </button>
8790              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/barrier-cream", $el, "template--19743130189877__product-grid-6931196969013-16"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8791                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
8792                aria-label="Button quickview"
8793                x-customer-event-data="{
8794    &quot;product&quot;: {
8795      &quot;title&quot;: &quot;Intense Barrier Cream&quot;,
8796      &quot;listName&quot;: &quot;Shop All&quot;,
8797      &quot;sku&quot;: &quot;6931196969013&quot;,
8798      &quot;currencyCode&quot;: &quot;USD&quot;,
8799      &quot;price&quot;: 6900,
8800      &quot;vendor&quot;: &quot;S-Japan&quot;
8801    }
8802  }"
8803              >
8804                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
8805    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
8806  </svg>
8807</span>
8808              </button>
8809            </div>
8810          </div>
8811        </div>
8812      
8813    </a>
8814    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
8815      
8816      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-6931196969013">
8817        <a href="/collections/shop-all/products/barrier-cream"
8818          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
8819          @click='$store.xCustomerEvent.fire("product_selected", $el)'
8820          x-customer-event-data="{
8821    &quot;product&quot;: {
8822      &quot;title&quot;: &quot;Intense Barrier Cream&quot;,
8823      &quot;listName&quot;: &quot;Shop All&quot;,
8824      &quot;sku&quot;: &quot;6931196969013&quot;,
8825      &quot;currencyCode&quot;: &quot;USD&quot;,
8826      &quot;price&quot;: 6900,
8827      &quot;vendor&quot;: &quot;S-Japan&quot;
8828    }
8829  }"
8830        >
8831          Intense Barrier Cream
8832        </a>
8833      </p>
8834      
8835        
8836 
8837
8838
8839      
8840
8841  
8842<div 
8843  class="x-review-product other 
8844    
8845      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
8846  "
8847>
8848  
8849<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.94 out of 5.0 stars">
8850        
8851      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8852        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8853      </svg>
8854    
8855      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8856        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8857      </svg>
8858    
8859      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8860        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8861      </svg>
8862    
8863      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8864        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8865      </svg>
8866    
8867      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8868        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8869      </svg>
8870    
8871      </div> 
8872      <p class="rating-count leading-none caption ml-1 text-review-count">(1064)
8873      </p>
8874</div>
8875
8876<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
8877        
8878        
8879          <div class=" price leading-none ">
8880  <div class="target-price hidden">6900</div>
8881  <div class="target-compare-at-price hidden">6900</div>
8882  
8883    
8884  
8885  
8886<p class="price">
8887        $ 69.00
8888      </p>
8889    
8890  
8891</div>
8892
8893        
8894        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
8895      </div>
8896      
8897      <template x-if="localStorage.getItem('selectedStore')">
8898        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6931196969013', [285551132725, 318067736629, 262726549557, 318067245109, 184227590])">
8899            
8900<div 
8901  class="text-availability-notice"
8902  x-data='{ 
8903    locations: [],
8904    pickupLocations: [],
8905    pickupAvailabilites: []
8906  }'
8907  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
8908>
8909  <style data-shopify>
8910    .text-availability-notice {
8911      font-size: 0.7363125rem;
8912    }
8913    @media (min-width: 768px) {
8914      .text-availability-notice {
8915        font-size: 0.818125rem;
8916      }
8917    }
8918  </style>
8919  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
8920    <span class="flex h-4 w-4 relative">
8921  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8922    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8923    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8924  </svg>
8925
8926</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
8927  </div>
8928  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
8929    <span class="flex h-4 w-4 relative">
8930  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8931    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8932    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8933  </svg>
8934
8935</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
8936  </div>
8937</div></div>
8938      </template>
8939      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
8940    </div>
8941  </div>
8942  <div
8943    id="x-product-template-6931196969013-template--19743130189877__product-grid-16"
8944    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
8945  >
8946    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
8947      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
8948        
8949        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-6931196969013">
8950          <a href="/collections/shop-all/products/barrier-cream"
8951            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
8952            @click='$store.xCustomerEvent.fire("product_selected", $el)'
8953            x-customer-event-data="{
8954    &quot;product&quot;: {
8955      &quot;title&quot;: &quot;Intense Barrier Cream&quot;,
8956      &quot;listName&quot;: &quot;Shop All&quot;,
8957      &quot;sku&quot;: &quot;6931196969013&quot;,
8958      &quot;currencyCode&quot;: &quot;USD&quot;,
8959      &quot;price&quot;: 6900,
8960      &quot;vendor&quot;: &quot;S-Japan&quot;
8961    }
8962  }"
8963          >
8964            Intense Barrier Cream
8965          </a>
8966        </p>
8967        
8968          
8969 
8970
8971
8972        
8973
8974  
8975<div 
8976  class="x-review-product other 
8977    
8978      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
8979  "
8980>
8981  
8982<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.94 out of 5.0 stars">
8983        
8984      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8985        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8986      </svg>
8987    
8988      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8989        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8990      </svg>
8991    
8992      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8993        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8994      </svg>
8995    
8996      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
8997        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
8998      </svg>
8999    
9000      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
9001        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
9002      </svg>
9003    
9004      </div> 
9005      <p class="rating-count leading-none caption ml-1 text-review-count">(1064)
9006      </p>
9007</div>
9008
9009<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
9010          
9011          
9012            <div class=" price leading-none ">
9013  <div class="target-price hidden">6900</div>
9014  <div class="target-compare-at-price hidden">6900</div>
9015  
9016    
9017  
9018  
9019<p class="price">
9020        $ 69.00
9021      </p>
9022    
9023  
9024</div>
9025
9026          
9027          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
9028        </div>
9029        
9030        <template x-if="localStorage.getItem('selectedStore')">
9031          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6931196969013', [285551132725, 318067736629, 262726549557, 318067245109, 184227590])"><div 
9032  class="text-availability-notice"
9033  x-data='{ 
9034    locations: [],
9035    pickupLocations: [],
9036    pickupAvailabilites: []
9037  }'
9038  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
9039>
9040  <style data-shopify>
9041    .text-availability-notice {
9042      font-size: 0.7363125rem;
9043    }
9044    @media (min-width: 768px) {
9045      .text-availability-notice {
9046        font-size: 0.818125rem;
9047      }
9048    }
9049  </style>
9050  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
9051    <span class="flex h-4 w-4 relative">
9052  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9053    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9054    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9055  </svg>
9056
9057</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
9058  </div>
9059  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
9060    <span class="flex h-4 w-4 relative">
9061  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9062    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9063    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9064  </svg>
9065
9066</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
9067  </div>
9068</div></div>
9069        </template>
9070      </div>
9071    </div>
9072    
9073      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
9074        <div class="rte line-clamp-3">
9075          <p class="whitespace-normal break-words"><strong>Intense Barrier Cream is a concentrated ceramide moisturizer</strong> that helps support your skin's compromised protective barrier while delivering comfort and visible results. Made in Japan with high levels of ceramides, cholesterol, and fatty acids in the precise ratio your barrier needs.</p>
9076<p class="whitespace-normal break-words"><strong>What makes it different:</strong> Rich enough to provide intensive barrier support, yet lightweight enough to wear comfortably during the day. The gel-cream texture absorbs in 60 seconds without greasiness or heaviness - unlike typical barrier creams that feel medical-grade sticky.</p>
9077<p class="whitespace-normal break-words"><strong>Works everywhere you need it:</strong> Face, neck, décolleté, and delicate eye area. One cream replaces multiple products (moisturizer, neck cream, eye cream).</p>
9078<p class="whitespace-normal break-words"><strong>Who needs this:</strong> People with chronically uncomfortable skin, persistent redness, products that sting, menopausal skin changes, or damage from over-exfoliation and harsh treatments. Ideal for sensitive, rosacea-prone, or barrier-compromised skin.</p>
9079<p class="whitespace-normal break-words"><strong>What you'll notice:</strong> Skin feels immediately comfortable and soothed. Within 4-6 weeks, visible improvement in texture, redness, hydration retention, and overall skin comfort. Products stop stinging. Skin can tolerate active ingredients again.</p>
9080<p class="whitespace-normal break-words"><strong>Key ingredients:</strong> Concentrated ceramide complex (NP, AP, EOP), clinical-strength niacinamide, cholesterol, fatty acids, shea butter, squalane, bisabolol.</p>
9081<p class="whitespace-normal break-words"><strong>Safe for:</strong> All skin types when barrier is compromised. Fragrance-free, essential oil-free, pregnancy-safe, dermatologist-tested, non-comedogenic.</p>
9082        </div>
9083      </div>
9084    
9085    
9086
9087        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
9088          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/barrier-cream');
9089        });"></div>
9090        <div
9091          id="current-variant-template--19743130189877__product-grid-6931196969013-16" 
9092          class="current-variant hidden"
9093        >
9094          
9095            41200986652725
9096          
9097        </div>
9098    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
9099    
9100      <div class="card-info x-highlight-icon mt-2.5">
9101        <div 
9102  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
9103  x-data="{setPosition(el) {
9104    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
9105    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
9106    elRect = el.getBoundingClientRect();
9107    let spacingLeft = elRect.left - parentEl.left;
9108    if (spacingLeft < 0) {
9109      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
9110    }
9111    let spacingRight = parentEl.right - elRect.right;
9112    if (spacingRight < 0) {
9113      el.style.setProperty('--left-tooltip', spacingRight + 'px');
9114    } 
9115  }}"
9116  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
9117>
9118    �
9119    �
9120    �
9121    �</div>
9122      </div>
9123    
9124    
9125      <template x-if="$store.xQuickView">
9126        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
9127              
9128<form method="post" action="/cart/add" id="product-form-choose-option693119696901326" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="41200986652725">
9129                  
9130                  
9131                  <button
9132                    type="submit"
9133                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
9134                    data-id="template--19743130189877__product-grid-6931196969013-16"
9135                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
9136                    
9137                    
9138                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
9139                    
9140                      aria-label="Add to cart"
9141                    
9142                    
9143                  >
9144                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9145                      
9146
9147                          <span class="flex items-center justify-center">
9148                            
9149<div class="flex justify-center ">
9150  
9151    
9152      
9153        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
9154      
9155    
9156  
9157  
9158    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
9159      
9160      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
9161        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
9162      </svg>
9163      
9164    </span>
9165  
9166</div>
9167                          </span>
9168                    </span>
9169                    <div
9170                      class="flex gap-x-2 items-center justify-center"
9171                      role="alert"
9172                      x-cloak
9173                      x-show="errorMessage"
9174                    >
9175                      Sold out
9176                    </div>
9177                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
9178                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
9179    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9180  </svg>
9181
9182                    </div>
9183                  </button><input type="hidden" name="product-id" value="6931196969013" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
9184            </div><button 
9185            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/barrier-cream', $el, 'template--19743130189877__product-grid-6931196969013-16')" 
9186            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/barrier-cream', $el, 'template--19743130189877__product-grid-6931196969013-16')" 
9187            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
9188            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
9189            aria-label="Button quickview"
9190            x-customer-event-data="{
9191    &quot;product&quot;: {
9192      &quot;title&quot;: &quot;Intense Barrier Cream&quot;,
9193      &quot;listName&quot;: &quot;Shop All&quot;,
9194      &quot;sku&quot;: &quot;6931196969013&quot;,
9195      &quot;currencyCode&quot;: &quot;USD&quot;,
9196      &quot;price&quot;: 6900,
9197      &quot;vendor&quot;: &quot;S-Japan&quot;
9198    }
9199  }"
9200            x-show="$store.xQuickView.enabled"
9201          >
9202            <span class="flex justify-center items-center">
9203              
9204<div class="flex justify-center ">
9205  
9206    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
9207  
9208  
9209    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
9210      
9211      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
9212        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
9213      </svg>
9214      
9215    </span>
9216  
9217</div>
9218            </span>
9219          </button>
9220        </div>
9221      </template>
9222    
9223  </div>
9224</div>
9225                    </div>
9226                    
9227
9228                    
9229                    
9230                    <div class="grid-item">
9231                      
9232                      
9233
9234<div 
9235  
9236    x-data="xProductCard('template--19743130189877__product-grid-17', '/collections/shop-all/products/japanese-cleansing-oil', '9243811852')"  
9237  
9238  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
9239  x-slide-index="-1"
9240>
9241  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
9242  >
9243    
9244    <a 
9245      
9246        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
9247      
9248      href="/collections/shop-all/products/japanese-cleansing-oil"
9249       
9250        x-data="{ lastWindowWidth: 0 }"
9251        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
9252        x-labels-data="[
9253    
9254{
9255      &quot;variant_id&quot;: 32026733900,
9256      &quot;product_id&quot;: 9243811852,
9257      &quot;available&quot;: true,
9258      &quot;title&quot;: &quot;Japanese Cleansing Oil&quot;,
9259      &quot;compare_at_price&quot;: 5400,
9260      &quot;price&quot;: 5400,
9261      &quot;price_with_currency&quot;: &quot;$ 54.00&quot;,
9262      &quot;sale_amount&quot;: &quot;$ 0.00&quot;,
9263      &quot;collections&quot;: &quot;||285551132725||318067736629||262726549557||184227590||316648489013||&quot;,
9264      &quot;inventory_management&quot;: &quot;shopify&quot;,
9265      &quot;qty&quot;: 3541,
9266      &quot;container&quot;: &quot;card&quot;,
9267      &quot;can_show_preorder&quot;: false,
9268      &quot;diff_day_create&quot;: 1482289100,
9269      &quot;diff_day_publish&quot;: 1482335040
9270      
9271      }
9272    ]"
9273       
9274      aria-label="Japanese Cleansing Oil"
9275      id="9243811852-template--19743130189877__product-grid"
9276      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
9277      <div
9278        id="x-slideshow-card-product-template--19743130189877__product-grid-17--1"
9279        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
9280        @click='$store.xCustomerEvent.fire("product_selected", $el)'
9281        x-customer-event-data="{
9282    &quot;product&quot;: {
9283      &quot;title&quot;: &quot;Japanese Cleansing Oil&quot;,
9284      &quot;listName&quot;: &quot;Shop All&quot;,
9285      &quot;sku&quot;: &quot;9243811852&quot;,
9286      &quot;currencyCode&quot;: &quot;USD&quot;,
9287      &quot;price&quot;: 5400,
9288      &quot;vendor&quot;: &quot;S-Japan&quot;
9289    }
9290  }"
9291        x-cloak
9292        
9293          x-intersect.once.margin.200px='$store.xSplide.load($el, {
9294            "drag": true,
9295            "pagination": true,
9296            "arrows": false,
9297            "pauseOnFocus": false,
9298            "pauseOnHover": false,
9299            "perMove": 1,
9300            "perPage": 1,
9301            "focus": "center",
9302            "mediaQuery": "min",
9303            "rewind": true,
9304            
9305            "breakpoints": {
9306              1024: {
9307                
9308                  "destroy": true
9309                
9310              }
9311            },
9312            
9313              "playOnHover": true,
9314            
9315            
9316            "classes": {
9317              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
9318              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
9319            },
9320            "type": "fade",
9321          })'>
9322        <div 
9323          id="image-product-template--19743130189877__product-grid-17--1"
9324          class="splide__track overflow-hidden max-h-full h-full w-full"
9325        >
9326        <div class="w-full h-full splide__list">
9327            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
9328            >
9329              
9330              <picture>
9331                <img
9332                  srcset="
9333                  //www.soniaroselli.com/cdn/shop/files/sonia_roselli_japanese_cleansing_oil_pink_in_bottle.png?v=1783700558&width=250 250w,
9334                  //www.soniaroselli.com/cdn/shop/files/sonia_roselli_japanese_cleansing_oil_pink_in_bottle.png?v=1783700558&width=350 350w,
9335                  //www.soniaroselli.com/cdn/shop/files/sonia_roselli_japanese_cleansing_oil_pink_in_bottle.png?v=1783700558&width=450 450w,
9336                  //www.soniaroselli.com/cdn/shop/files/sonia_roselli_japanese_cleansing_oil_pink_in_bottle.png?v=1783700558&width=750 750w,
9337                  //www.soniaroselli.com/cdn/shop/files/sonia_roselli_japanese_cleansing_oil_pink_in_bottle.png?v=1783700558&width=900 900w,
9338                  //www.soniaroselli.com/cdn/shop/files/sonia_roselli_japanese_cleansing_oil_pink_in_bottle.png?v=1783700558&width=1100 1100w,
9339                  //www.soniaroselli.com/cdn/shop/files/sonia_roselli_japanese_cleansing_oil_pink_in_bottle.png?v=1783700558&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/sonia_roselli_japanese_cleansing_oil_pink_in_bottle.png?v=1783700558 2048w" 
9340                  src="//www.soniaroselli.com/cdn/shop/files/sonia_roselli_japanese_cleansing_oil_pink_in_bottle.png?v=1783700558&width=1500"
9341                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
9342                  alt="Sonia Roselli Japanese Cleansing Oil in its signature translucent pink bottle, a mineral oil-free makeup remover safe for sensitive skin."
9343                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
9344                  loading="lazy"
9345                  width="2048"
9346                  height="2048"
9347                  onload="requestAnimationFrame(() => {
9348                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
9349                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
9350                  })"
9351                />
9352              </picture>
9353              
9354            </div><style data-shopify>
9355                  #image-product-template--19743130189877__product-grid-17--1 .media-slide:not(:first-child) {
9356                    height: 100%;
9357                  }
9358                </style>
9359                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
9360                  
9361                  <picture>
9362                    <img
9363                      srcset="//www.soniaroselli.com/cdn/shop/files/preview_images/977aace38a164520859ed9befe
9363195605.thumbnail.0000000000.jpg?v=1728488714&width=250 250w,
9364                        //www.soniaroselli.com/cdn/shop/files/preview_images/977aace38a164520859ed9befe195605.thumbnail.0000000000.jpg?v=1728488714&width=350 350w,
9365                        //www.soniaroselli.com/cdn/shop/files/preview_images/977aace38a164520859ed9befe195605.thumbnail.0000000000.jpg?v=1728488714&width=450 450w,
9366                        //www.soniaroselli.com/cdn/shop/files/preview_images/977aace38a164520859ed9befe195605.thumbnail.0000000000.jpg?v=1728488714&width=750 750w,
9367                        //www.soniaroselli.com/cdn/shop/files/preview_images/977aace38a164520859ed9befe195605.thumbnail.0000000000.jpg?v=1728488714&width=900 900w,
9368                        //www.soniaroselli.com/cdn/shop/files/preview_images/977aace38a164520859ed9befe195605.thumbnail.0000000000.jpg?v=1728488714&width=1100 1100w,
9369                        //www.soniaroselli.com/cdn/shop/files/preview_images/977aace38a164520859ed9befe195605.thumbnail.0000000000.jpg?v=1728488714&width=1500 1500w"
9370                      src="//www.soniaroselli.com/cdn/shop/files/preview_images/977aace38a164520859ed9befe195605.thumbnail.0000000000.jpg?v=1728488714&width=1500"
9371                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
9372                      alt="Thumbnail of Sonia Roselli sharing benefits of Japanese Cleansing Oil for women over 40"
9373                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
9374                      loading="lazy"
9375                      width=""
9376                      height=""
9377                      onload="requestAnimationFrame(() => {
9378                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
9379                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
9380                      })"
9381                    />
9382                  </picture>
9383                  
9384                </div></div>
9385        </div></div>
9386        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
9387              x-show="$store.xQuickView" x-cloak
9388            > 
9389              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
9390                class="w-full hide-icon lg:pl-4 lg:pr-4" 
9391                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
9392                x-cloak
9393              >
9394                
9395<form method="post" action="/cart/add" id="product-form-choose-option924381185227" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="32026733900">
9396                    
9397                                                                
9398                    <button
9399                      type="submit"
9400                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-9243811852-17"
9401                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
9402                      
9403                      
9404                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
9405                    >
9406                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9407                        
9408
9409                            <span class="flex items-center justify-center">
9410                              
9411<div class="flex justify-center ">
9412  
9413    
9414      
9415        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
9416      
9417    
9418  
9419  
9420    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
9421      
9422      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
9423        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
9424      </svg>
9425      
9426    </span>
9427  
9428</div>
9429                            </span>
9430                      </span>
9431                      <div
9432                        class="flex gap-x-2 items-center justify-center"
9433                        role="alert"
9434                        x-cloak
9435                        x-show="errorMessage"
9436                      >
9437                        Sold out
9438                      </div>
9439                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
9440                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
9441    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9442  </svg>
9443
9444                      </div>
9445                    </button>
9446                    <button 
9447                      type="submit"
9448                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
9449                      
9450                      
9451                      data-id="template--19743130189877__product-grid-9243811852-17"
9452                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
9453    &quot;product&quot;: {
9454      &quot;title&quot;: &quot;Japanese Cleansing Oil&quot;,
9455      &quot;listName&quot;: &quot;Shop All&quot;,
9456      &quot;sku&quot;: &quot;9243811852&quot;,
9457      &quot;currencyCode&quot;: &quot;USD&quot;,
9458      &quot;price&quot;: 5400,
9459      &quot;vendor&quot;: &quot;S-Japan&quot;
9460    }
9461  }"
9462                      
9463                    >
9464                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
9465    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
9466  </svg></span>
9467                      <span class="block w-5 h-5" x-show="loading" x-cloak>
9468                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
9469    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9470  </svg>
9471
9472                      </span>
9473                    </button><input type="hidden" name="product-id" value="9243811852" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
9474              </div>
9475            </div><div
9476            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
9477            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
9478            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
9479            >
9480            <div>
9481              <button
9482                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
9483                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/japanese-cleansing-oil', $el, 'template--19743130189877__product-grid-9243811852-17')" 
9484                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/japanese-cleansing-oil', $el, 'template--19743130189877__product-grid-9243811852-17')" 
9485                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
9486                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
9487                x-customer-event-data="{
9488    &quot;product&quot;: {
9489      &quot;title&quot;: &quot;Japanese Cleansing Oil&quot;,
9490      &quot;listName&quot;: &quot;Shop All&quot;,
9491      &quot;sku&quot;: &quot;9243811852&quot;,
9492      &quot;currencyCode&quot;: &quot;USD&quot;,
9493      &quot;price&quot;: 5400,
9494      &quot;vendor&quot;: &quot;S-Japan&quot;
9495    }
9496  }"
9497                aria-label="Button quickview"
9498              >
9499                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
9500    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
9501  </svg>
9502</span>
9503                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
9504                  
9505<div class="flex justify-center ">
9506  
9507    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
9508  
9509  
9510    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
9511      
9512      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
9513        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
9514      </svg>
9515      
9516    </span>
9517  
9518</div>
9519                </span>
9520              </button>
9521              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/japanese-cleansing-oil", $el, "template--19743130189877__product-grid-9243811852-17"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
9522                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
9523                aria-label="Button quickview"
9524                x-customer-event-data="{
9525    &quot;product&quot;: {
9526      &quot;title&quot;: &quot;Japanese Cleansing Oil&quot;,
9527      &quot;listName&quot;: &quot;Shop All&quot;,
9528      &quot;sku&quot;: &quot;9243811852&quot;,
9529      &quot;currencyCode&quot;: &quot;USD&quot;,
9530      &quot;price&quot;: 5400,
9531      &quot;vendor&quot;: &quot;S-Japan&quot;
9532    }
9533  }"
9534              >
9535                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
9536    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
9537  </svg>
9538</span>
9539              </button>
9540            </div>
9541          </div>
9542        </div>
9543      
9544    </a>
9545    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
9546      
9547      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-9243811852">
9548        <a href="/collections/shop-all/products/japanese-cleansing-oil"
9549          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
9550          @click='$store.xCustomerEvent.fire("product_selected", $el)'
9551          x-customer-event-data="{
9552    &quot;product&quot;: {
9553      &quot;title&quot;: &quot;Japanese Cleansing Oil&quot;,
9554      &quot;listName&quot;: &quot;Shop All&quot;,
9555      &quot;sku&quot;: &quot;9243811852&quot;,
9556      &quot;currencyCode&quot;: &quot;USD&quot;,
9557      &quot;price&quot;: 5400,
9558      &quot;vendor&quot;: &quot;S-Japan&quot;
9559    }
9560  }"
9561        >
9562          Japanese Cleansing Oil
9563        </a>
9564      </p>
9565      
9566        
9567 
9568
9569
9570      
9571
9572  
9573<div 
9574  class="x-review-product other 
9575    
9576      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
9577  "
9578>
9579  
9580<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars">
9581        
9582      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
9583        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
9584      </svg>
9585    
9586      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
9587        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
9588      </svg>
9589    
9590      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
9591        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
9592      </svg>
9593    
9594      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
9595        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
9596      </svg>
9597    
9598      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
9599        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
9600      </svg>
9601    
9602      </div> 
9603      <p class="rating-count leading-none caption ml-1 text-review-count">(1012)
9604      </p>
9605</div>
9606
9607<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
9608        
9609        
9610          <div class=" price leading-none ">
9611  <div class="target-price hidden">5400</div>
9612  <div class="target-compare-at-price hidden">5400</div>
9613  
9614    
9615  
9616  
9617<p class="price">
9618        $ 54.00
9619      </p>
9620    
9621  
9622</div>
9623
9624        
9625        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
9626      </div>
9627      
9628      <template x-if="localStorage.getItem('selectedStore')">
9629        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9243811852', [285551132725, 318067736629, 262726549557, 184227590, 316648489013])">
9630            
9631<div 
9632  class="text-availability-notice"
9633  x-data='{ 
9634    locations: [],
9635    pickupLocations: [],
9636    pickupAvailabilites: []
9637  }'
9638  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
9639>
9640  <style data-shopify>
9641    .text-availability-notice {
9642      font-size: 0.7363125rem;
9643    }
9644    @media (min-width: 768px) {
9645      .text-availability-notice {
9646        font-size: 0.818125rem;
9647      }
9648    }
9649  </style>
9650  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
9651    <span class="flex h-4 w-4 relative">
9652  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9653    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9654    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9655  </svg>
9656
9657</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
9658  </div>
9659  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
9660    <span class="flex h-4 w-4 relative">
9661  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9662    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9663    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9664  </svg>
9665
9666</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
9667  </div>
9668</div></div>
9669      </template>
9670      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
9671    </div>
9672  </div>
9673  <div
9674    id="x-product-template-9243811852-template--19743130189877__product-grid-17"
9675    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
9676  >
9677    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
9678      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
9679        
9680        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-9243811852">
9681          <a href="/collections/shop-all/products/japanese-cleansing-oil"
9682            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
9683            @click='$store.xCustomerEvent.fire("product_selected", $el)'
9684            x-customer-event-data="{
9685    &quot;product&quot;: {
9686      &quot;title&quot;: &quot;Japanese Cleansing Oil&quot;,
9687      &quot;listName&quot;: &quot;Shop All&quot;,
9688      &quot;sku&quot;: &quot;9243811852&quot;,
9689      &quot;currencyCode&quot;: &quot;USD&quot;,
9690      &quot;price&quot;: 5400,
9691      &quot;vendor&quot;: &quot;S-Japan&quot;
9692    }
9693  }"
9694          >
9695            Japanese Cleansing Oil
9696          </a>
9697        </p>
9698        
9699          
9700 
9701
9702
9703        
9704
9705  
9706<div 
9707  class="x-review-product other 
9708    
9709      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
9710  "
9711>
9712  
9713<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars">
9714        
9715      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
9716        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
9717      </svg>
9718    
9719      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
9720        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
9721      </svg>
9722    
9723      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
9724        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
9725      </svg>
9726    
9727      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
9728        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
9729      </svg>
9730    
9731      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
9732        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
9733      </svg>
9734    
9735      </div> 
9736      <p class="rating-count leading-none caption ml-1 text-review-count">(1012)
9737      </p>
9738</div>
9739
9740<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
9741          
9742          
9743            <div class=" price leading-none ">
9744  <div class="target-price hidden">5400</div>
9745  <div class="target-compare-at-price hidden">5400</div>
9746  
9747    
9748  
9749  
9750<p class="price">
9751        $ 54.00
9752      </p>
9753    
9754  
9755</div>
9756
9757          
9758          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
9759        </div>
9760        
9761        <template x-if="localStorage.getItem('selectedStore')">
9762          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9243811852', [285551132725, 318067736629, 262726549557, 184227590, 316648489013])"><div 
9763  class="text-availability-notice"
9764  x-data='{ 
9765    locations: [],
9766    pickupLocations: [],
9767    pickupAvailabilites: []
9768  }'
9769  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
9770>
9771  <style data-shopify>
9772    .text-availability-notice {
9773      font-size: 0.7363125rem;
9774    }
9775    @media (min-width: 768px) {
9776      .text-availability-notice {
9777        font-size: 0.818125rem;
9778      }
9779    }
9780  </style>
9781  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
9782    <span class="flex h-4 w-4 relative">
9783  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9784    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9785    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9786  </svg>
9787
9788</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
9789  </div>
9790  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
9791    <span class="flex h-4 w-4 relative">
9792  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9793    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9794    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9795  </svg>
9796
9797</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
9798  </div>
9799</div></div>
9800        </template>
9801      </div>
9802    </div>
9803    
9804      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
9805        <div class="rte line-clamp-3">
9806          <p class="h3" data-path-to-node="14">The Cleanest One-Step Makeup Melt</h3>
9807<p data-path-to-node="15">Engineered in modern Japanese cosmetics laboratories, this premium oil cleanser effortlessly liquefies water-resistant pigments, heavy silicone foundations, and industrial physical UV filters without stripping your natural skin barrier.</p>
9808<p class="h4" data-path-to-node="16">Why it is naturally pink</h4>
9809<p data-path-to-node="17">That beautiful, vibrant hue is 100% natural and comes straight from a high concentration of <b data-path-to-node="17" data-index-in-node="92">Vitamin B12</b>. We do not use synthetic colorants, coal-tar derivatives, or artificial dyes. Vitamin B12 is a clinical powerhouse for reactive and rosacea-prone skin, recognized for its ability to soothe intense surface irritation, reduce redness, and support barrier recovery during your wash.</p>
9810<p class="h4" data-path-to-node="18">Why serious makeup wearers love it:</h4>
9811<ul data-path-to-node="19">
9812<li>
9813<p data-path-to-node="19,0,0"><b data-path-to-node="19,0,0" data-index-in-node="0">Zero Lash Loss:</b> Glides over delicate eye areas to break down stubborn waterproof mascara polymers on contact. You can completely stop aggressively rubbing your eyelids with abrasive cotton pads or makeup wipes.</p>
9814</li>
9815<li>
9816<p data-path-to-node="19,1,0"><b data-path-to-node="19,1,0" data-index-in-node="0">Mineral Oil-Free Purity:</b> Swaps out cheap petroleum by-products for lightweight, non-comedogenic botanical lipids like safflower and jojoba seed oils. It dissolves oxidized sebum out of your pores and washes away completely clear, meaning it will not clog pores or trigger breakouts.</p>
9817</li>
9818<li>
9819<p data-path-to-node="19,2,0"><b data-path-to-node="19,2,0" data-index-in-node="0">Clean Emulsification:</b> Transforms into a light cleansing milk the moment it hits warm water. It rinses off entirely with water alone, acting as your makeup remover and facial cleanser combined into a single step. No greasy film left behind, and no cloudy or blurry vision.</p>
9820</li>
9821</ul>
9822<p class="h4" data-path-to-node="20">Key Details:</h4>
9823<ul data-path-to-node="21">
9824<li>
9825<p data-path-to-node="21,0,0"><b data-path-to-node="21,0,0" data-index-in-node="0">Format:</b> Light Emulsifying Lipid Oil</p>
9826</li>
9827<li>
9828<p data-path-to-node="21,1,0"><b data-path-to-node="21,1,0" data-index-in-node="0">Best For:</b> All skin types, specifically calibrated for sensitive, hyper-reactive, and rosacea-prone skin</p>
9829</li>
9830<li>
9831<p data-path-to-node="21,2,0"><b data-path-to-node="21,2,0" data-index-in-node="0">Usage:</b> Daily evening use on completely dry skin</p>
9832</li>
9833<li>
9834<p data-path-to-node="21,3,0"><b data-path-to-node="21,3,0" data-index-in-node="0">Origin:</b> Formulated &amp; Manufactured in Japan</p>
9835</li>
9836<li>
9837<p data-path-to-node="21,4,0"><b data-path-to-node="21,4,0" data-index-in-node="0">Purity Standards:</b> Mineral oil-free, fragrance-free, sulfate-free, paraben-free, silicone-free</p>
9838</li>
9839</ul>
9840        </div>
9841      </div>
9842    
9843    
9844
9845        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
9846          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/japanese-cleansing-oil');
9847        });"></div>
9848        <div
9849          id="current-variant-template--19743130189877__product-grid-9243811852-17" 
9850          class="current-variant hidden"
9851        >
9852          
9853            32026733900
9854          
9855        </div>
9856    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
9857    
9858      <div class="card-info x-highlight-icon mt-2.5">
9859        <div 
9860  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
9861  x-data="{setPosition(el) {
9862    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
9863    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
9864    elRect = el.getBoundingClientRect();
9865    let spacingLeft = elRect.left - parentEl.left;
9866    if (spacingLeft < 0) {
9867      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
9868    }
9869    let spacingRight = parentEl.right - elRect.right;
9870    if (spacingRight < 0) {
9871      el.style.setProperty('--left-tooltip', spacingRight + 'px');
9872    } 
9873  }}"
9874  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
9875>
9876    �
9877    �
9878    �
9879    �</div>
9880      </div>
9881    
9882    
9883      <template x-if="$store.xQuickView">
9884        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
9885              
9886<form method="post" action="/cart/add" id="product-form-choose-option924381185227" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="32026733900">
9887                  
9888                  
9889                  <button
9890                    type="submit"
9891                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
9892                    data-id="template--19743130189877__product-grid-9243811852-17"
9893                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
9894                    
9895                    
9896                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
9897                    
9898                      aria-label="Add to cart"
9899                    
9900                    
9901                  >
9902                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9903                      
9904
9905                          <span class="flex items-center justify-center">
9906                            
9907<div class="flex justify-center ">
9908  
9909    
9910      
9911        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
9912      
9913    
9914  
9915  
9916    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
9917      
9918      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
9919        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
9920      </svg>
9921      
9922    </span>
9923  
9924</div>
9925                          </span>
9926                    </span>
9927                    <div
9928                      class="flex gap-x-2 items-center justify-center"
9929                      role="alert"
9930                      x-cloak
9931                      x-show="errorMessage"
9932                    >
9933                      Sold out
9934                    </div>
9935                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
9936                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
9937    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9938  </svg>
9939
9940                    </div>
9941                  </button><input type="hidden" name="product-id" value="9243811852" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
9942            </div><button 
9943            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/japanese-cleansing-oil', $el, 'template--19743130189877__product-grid-9243811852-17')" 
9944            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/japanese-cleansing-oil', $el, 'template--19743130189877__product-grid-9243811852-17')" 
9945            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
9946            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
9947            aria-label="Button quickview"
9948            x-customer-event-data="{
9949    &quot;product&quot;: {
9950      &quot;title&quot;: &quot;Japanese Cleansing Oil&quot;,
9951      &quot;listName&quot;: &quot;Shop All&quot;,
9952      &quot;sku&quot;: &quot;9243811852&quot;,
9953      &quot;currencyCode&quot;: &quot;USD&quot;,
9954      &quot;price&quot;: 5400,
9955      &quot;vendor&quot;: &quot;S-Japan&quot;
9956    }
9957  }"
9958            x-show="$store.xQuickView.enabled"
9959          >
9960            <span class="flex justify-center items-center">
9961              
9962<div class="flex justify-center ">
9963  
9964    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
9965  
9966  
9967    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
9968      
9969      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
9970        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
9971      </svg>
9972      
9973    </span>
9974  
9975</div>
9976            </span>
9977          </button>
9978        </div>
9979      </template>
9980    
9981  </div>
9982</div>
9983                    </div>
9984                    
9985
9986                    
9987                    
9988                    <div class="grid-item">
9989                      
9990                      
9991
9992<div 
9993  
9994    x-data="xProductCard('template--19743130189877__product-grid-18', '/collections/shop-all/products/gommage-peeling-gel-gentle-exfoliation-sensitive-skin', '6933229142069')"  
9995  
9996  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
9997  x-slide-index="-1"
9998>
9999  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
10000  >
10001    
10002    <a 
10003      
10004        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
10005      
10006      href="/collections/shop-all/products/gommage-peeling-gel-gentle-exfoliation-sensitive-skin"
10007       
10008        x-data="{ lastWindowWidth: 0 }"
10009        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
10010        x-labels-data="[
10011    
10012{
10013      &quot;variant_id&quot;: 41211243135029,
10014      &quot;product_id&quot;: 6933229142069,
10015      &quot;available&quot;: true,
10016      &quot;title&quot;: &quot;Sexapeel™ Gommage Peeling Gel&quot;,
10017      &quot;compare_at_price&quot;: 4200,
10018      &quot;price&quot;: 4200,
10019      &quot;price_with_currency&quot;: &quot;$ 42.00&quot;,
10020      &quot;sale_amount&quot;: &quot;$ 0.00&quot;,
10021      &quot;collections&quot;: &quot;||285551132725||318067736629||312835768373||308160790581||318067015733||318067343413||317079912501||262726549557||184227590||316648489013||&quot;,
10022      &quot;inventory_management&quot;: &quot;shopify&quot;,
10023      &quot;qty&quot;: 4449,
10024      &quot;container&quot;: &quot;card&quot;,
10025      &quot;can_show_preorder&quot;: false,
10026      &quot;diff_day_create&quot;: 1655774794,
10027      &quot;diff_day_publish&quot;: 1655774808
10028      
10029      }
10030    ]"
10031       
10032      aria-label="Sexapeel™ Gommage Peeling Gel"
10033      id="6933229142069-template--19743130189877__product-grid"
10034      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
10035      <div
10036        id="x-slideshow-card-product-template--19743130189877__product-grid-18--1"
10037        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
10038        @click='$store.xCustomerEvent.fire("product_selected", $el)'
10039        x-customer-event-data="{
10040    &quot;product&quot;: {
10041      &quot;title&quot;: &quot;Sexapeel™ Gommage Peeling Gel&quot;,
10042      &quot;listName&quot;: &quot;Shop All&quot;,
10043      &quot;sku&quot;: &quot;6933229142069&quot;,
10044      &quot;currencyCode&quot;: &quot;USD&quot;,
10045      &quot;price&quot;: 4200,
10046      &quot;vendor&quot;: &quot;W-Korea&quot;
10047    }
10048  }"
10049        x-cloak
10050        
10051          x-intersect.once.margin.200px='$store.xSplide.load($el, {
10052            "drag": true,
10053            "pagination": true,
10054            "arrows": false,
10055            "pauseOnFocus": false,
10056            "pauseOnHover": false,
10057            "perMove": 1,
10058            "perPage": 1,
10059            "focus": "center",
10060            "mediaQuery": "min",
10061            "rewind": true,
10062            
10063            "breakpoints": {
10064              1024: {
10065                
10066                  "destroy": true
10067                
10068              }
10069            },
10070            
10071              "playOnHover": true,
10072            
10073            
10074            "classes": {
10075              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
10076              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
10077            },
10078            "type": "fade",
10079          })'>
10080        <div 
10081          id="image-product-template--19743130189877__product-grid-18--1"
10082          class="splide__track overflow-hidden max-h-full h-full w-full"
10083        >
10084        <div class="w-full h-full splide__list">
10085            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
10086            >
10087              
10088              <picture>
10089                <img
10090                  srcset="
10091                  //www.soniaroselli.com/cdn/shop/files/Sexapeel_Gommage_Peeling_Gel_Gentle_Face_Exfoliator_for_Sensitive_Reactive_and_Makeup-Prep_Skin.jpg?v=1783357314&width=250 250w,
10092                  //www.soniaroselli.com/cdn/shop/files/Sexapeel_Gommage_Peeling_Gel_Gentle_Face_Exfoliator_for_Sensitive_Reactive_and_Makeup-Prep_Skin.jpg?v=1783357314&width=350 350w,
10093                  //www.soniaroselli.com/cdn/shop/files/Sexapeel_Gommage_Peeling_Gel_Gentle_Face_Exfoliator_for_Sensitive_Reactive_and_Makeup-Prep_Skin.jpg?v=1783357314&width=450 450w,
10094                  //www.soniaroselli.com/cdn/shop/files/Sexapeel_Gommage_Peeling_Gel_Gentle_Face_Exfoliator_for_Sensitive_Reactive_and_Makeup-Prep_Skin.jpg?v=1783357314&width=750 750w,
10095                  //www.soniaroselli.com/cdn/shop/files/Sexapeel_Gommage_Peeling_Gel_Gentle_Face_Exfoliator_for_Sensitive_Reactive_and_Makeup-Prep_Skin.jpg?v=1783357314&width=900 900w,
10096                  //www.soniaroselli.com/cdn/shop/files/Sexapeel_Gommage_Peeling_Gel_Gentle_Face_Exfoliator_for_Sensitive_Reactive_and_Makeup-Prep_Skin.jpg?v=1783357314&width=1100 1100w,
10097                  //www.soniaroselli.com/cdn/shop/files/Sexapeel_Gommage_Peeling_Gel_Gentle_Face_Exfoliator_for_Sensitive_Reactive_and_Makeup-Prep_Skin.jpg?v=1783357314&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/Sexapeel_Gommage_Peeling_Gel_Gentle_Face_Exfoliator_for_Sensitive_Reactive_and_Makeup-Prep_Skin.jpg?v=1783357314 4096w" 
10098                  src="//www.soniaroselli.com/cdn/shop/files/Sexapeel_Gommage_Peeling_Gel_Gentle_Face_Exfoliator_for_Sensitive_Reactive_and_Makeup-Prep_Skin.jpg?v=1783357314&width=1500"
10099                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
10100                  alt="Sexapeel™ Gommage Peeling Gel — Gentle Face Exfoliator for Sensitive, Reactive, and Makeup-Prep Skin on white background"
10101                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
10102                  loading="lazy"
10103                  width="4096"
10104                  height="4096"
10105                  onload="requestAnimationFrame(() => {
10106                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10107                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
10108                  })"
10109                />
10110              </picture>
10111              
10112            </div><style data-shopify>
10113                  #image-product-template--19743130189877__product-grid-18--1 .media-slide:not(:first-child) {
10114                    height: 100%;
10115                  }
10116                </style>
10117                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
10118                  
10119                  <picture>
10120                    <img
10121                      srcset="//www.soniaroselli.com/cdn/shop/files/01-flaky-skin-under-foundation.png?v=1788445520&width=250 250w,
10122                        //www.soniaroselli.com/cdn/shop/files/01-flaky-skin-under-foundation.png?v=1788445520&width=350 350w,
10123                        //www.soniaroselli.com/cdn/shop/files/01-flaky-skin-under-foundation.png?v=1788445520&width=450 450w,
10124                        //www.soniaroselli.com/cdn/shop/files/01-flaky-skin-under-foundation.png?v=1788445520&width=750 750w,
10125                        //www.soniaroselli.com/cdn/shop/files/01-flaky-skin-under-foundation.png?v=1788445520&width=900 900w,
10126                        //www.soniaroselli.com/cdn/shop/files/01-flaky-skin-under-foundation.png?v=1788445520&width=1100 1100w,
10127                        //www.soniaroselli.com/cdn/shop/files/01-flaky-skin-under-foundation.png?v=1788445520&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/01-flaky-skin-under-foundation.png?v=1788445520 1080w"
10128                      src="//www.soniaroselli.com/cdn/shop/files/01-flaky-skin-under-foundation.png?v=1788445520&width=1500"
10129                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
10130                      alt="A collection of ten different foundation and concealer products arranged on a marble bathroom counter with a mirror behind them. The text overlay reads &#39;Before you buy another foundation."
10131                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
10132                      loading="lazy"
10133                      width="1080"
10134                      height="1080"
10135                      onload="requestAnimationFrame(() => {
10136                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10137                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
10138                      })"
10139                    />
10140                  </picture>
10141                  
10142                </div></div>
10143        </div></div>
10144        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10145              x-show="$store.xQuickView" x-cloak
10146            > 
10147              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
10148                class="w-full hide-icon lg:pl-4 lg:pr-4" 
10149                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
10150                x-cloak
10151              >
10152                
10153<form method="post" action="/cart/add" id="product-form-choose-option693322914206928" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="41211243135029">
10154                    
10155                                                                
10156                    <button
10157                      type="submit"
10158                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-6933229142069-18"
10159                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
10160                      
10161                      
10162                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
10163                    >
10164                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10165                        
10166
10167                            <span class="flex items-center justify-center">
10168                              
10169<div class="flex justify-center ">
10170  
10171    
10172      
10173        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
10174      
10175    
10176  
10177  
10178    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
10179      
10180      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
10181        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
10182      </svg>
10183      
10184    </span>
10185  
10186</div>
10187                            </span>
10188                      </span>
10189                      <div
10190                        class="flex gap-x-2 items-center justify-center"
10191                        role="alert"
10192                        x-cloak
10193                        x-show="errorMessage"
10194                      >
10195                        Sold out
10196                      </div>
10197                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10198                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
10199    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10200  </svg>
10201
10202                      </div>
10203                    </button>
10204                    <button 
10205                      type="submit"
10206                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
10207                      
10208                      
10209                      data-id="template--19743130189877__product-grid-6933229142069-18"
10210                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
10211    &quot;product&quot;: {
10212      &quot;title&quot;: &quot;Sexapeel™ Gommage Peeling Gel&quot;,
10213      &quot;listName&quot;: &quot;Shop All&quot;,
10214      &quot;sku&quot;: &quot;6933229142069&quot;,
10215      &quot;currencyCode&quot;: &quot;USD&quot;,
10216      &quot;price&quot;: 4200,
10217      &quot;vendor&quot;: &quot;W-Korea&quot;
10218    }
10219  }"
10220                      
10221                    >
10222                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
10223    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
10224  </svg></span>
10225                      <span class="block w-5 h-5" x-show="loading" x-cloak>
10226                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
10227    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10228  </svg>
10229
10230                      </span>
10231                    </button><input type="hidden" name="product-id" value="6933229142069" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
10232              </div>
10233            </div><div
10234            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10235            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
10236            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
10237            >
10238            <div>
10239              <button
10240                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10241                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/gommage-peeling-gel-gentle-exfol
10241iation-sensitive-skin', $el, 'template--19743130189877__product-grid-6933229142069-18')" 
10242                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/gommage-peeling-gel-gentle-exfoliation-sensitive-skin', $el, 'template--19743130189877__product-grid-6933229142069-18')" 
10243                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
10244                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
10245                x-customer-event-data="{
10246    &quot;product&quot;: {
10247      &quot;title&quot;: &quot;Sexapeel™ Gommage Peeling Gel&quot;,
10248      &quot;listName&quot;: &quot;Shop All&quot;,
10249      &quot;sku&quot;: &quot;6933229142069&quot;,
10250      &quot;currencyCode&quot;: &quot;USD&quot;,
10251      &quot;price&quot;: 4200,
10252      &quot;vendor&quot;: &quot;W-Korea&quot;
10253    }
10254  }"
10255                aria-label="Button quickview"
10256              >
10257                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
10258    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
10259  </svg>
10260</span>
10261                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
10262                  
10263<div class="flex justify-center ">
10264  
10265    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10266  
10267  
10268    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
10269      
10270      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
10271        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
10272      </svg>
10273      
10274    </span>
10275  
10276</div>
10277                </span>
10278              </button>
10279              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/gommage-peeling-gel-gentle-exfoliation-sensitive-skin", $el, "template--19743130189877__product-grid-6933229142069-18"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10280                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
10281                aria-label="Button quickview"
10282                x-customer-event-data="{
10283    &quot;product&quot;: {
10284      &quot;title&quot;: &quot;Sexapeel™ Gommage Peeling Gel&quot;,
10285      &quot;listName&quot;: &quot;Shop All&quot;,
10286      &quot;sku&quot;: &quot;6933229142069&quot;,
10287      &quot;currencyCode&quot;: &quot;USD&quot;,
10288      &quot;price&quot;: 4200,
10289      &quot;vendor&quot;: &quot;W-Korea&quot;
10290    }
10291  }"
10292              >
10293                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
10294    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
10295  </svg>
10296</span>
10297              </button>
10298            </div>
10299          </div>
10300        </div>
10301      
10302    </a>
10303    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
10304      
10305      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-6933229142069">
10306        <a href="/collections/shop-all/products/gommage-peeling-gel-gentle-exfol
10306iation-sensitive-skin"
10307          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
10308          @click='$store.xCustomerEvent.fire("product_selected", $el)'
10309          x-customer-event-data="{
10310    &quot;product&quot;: {
10311      &quot;title&quot;: &quot;Sexapeel™ Gommage Peeling Gel&quot;,
10312      &quot;listName&quot;: &quot;Shop All&quot;,
10313      &quot;sku&quot;: &quot;6933229142069&quot;,
10314      &quot;currencyCode&quot;: &quot;USD&quot;,
10315      &quot;price&quot;: 4200,
10316      &quot;vendor&quot;: &quot;W-Korea&quot;
10317    }
10318  }"
10319        >
10320          Sexapeel™ Gommage Peeling Gel
10321        </a>
10322      </p>
10323      
10324        
10325 
10326
10327
10328      
10329
10330  
10331<div 
10332  class="x-review-product other 
10333    
10334      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
10335  "
10336>
10337  
10338<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.85 out of 5.0 stars">
10339        
10340      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10341        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10342      </svg>
10343    
10344      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10345        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10346      </svg>
10347    
10348      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10349        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10350      </svg>
10351    
10352      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10353        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10354      </svg>
10355    
10356      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10357        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10358      </svg>
10359    
10360      </div> 
10361      <p class="rating-count leading-none caption ml-1 text-review-count">(1414)
10362      </p>
10363</div>
10364
10365<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
10366        
10367        
10368          <div class=" price leading-none ">
10369  <div class="target-price hidden">4200</div>
10370  <div class="target-compare-at-price hidden">4200</div>
10371  
10372    
10373  
10374  
10375<p class="price">
10376        $ 42.00
10377      </p>
10378    
10379  
10380</div>
10381
10382        
10383        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
10384      </div>
10385      
10386      <template x-if="localStorage.getItem('selectedStore')">
10387        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6933229142069', [285551132725, 318067736629, 312835768373, 308160790581, 318067015733, 318067343413, 317079912501, 262726549557, 184227590, 316648489013])">
10388            
10389<div 
10390  class="text-availability-notice"
10391  x-data='{ 
10392    locations: [],
10393    pickupLocations: [],
10394    pickupAvailabilites: []
10395  }'
10396  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
10397>
10398  <style data-shopify>
10399    .text-availability-notice {
10400      font-size: 0.7363125rem;
10401    }
10402    @media (min-width: 768px) {
10403      .text-availability-notice {
10404        font-size: 0.818125rem;
10405      }
10406    }
10407  </style>
10408  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
10409    <span class="flex h-4 w-4 relative">
10410  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10411    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10412    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10413  </svg>
10414
10415</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
10416  </div>
10417  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
10418    <span class="flex h-4 w-4 relative">
10419  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10420    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10421    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10422  </svg>
10423
10424</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
10425  </div>
10426</div></div>
10427      </template>
10428      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
10429    </div>
10430  </div>
10431  <div
10432    id="x-product-template-6933229142069-template--19743130189877__product-grid-18"
10433    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
10434  >
10435    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
10436      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
10437        
10438        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-6933229142069">
10439          <a href="/collections/shop-all/products/gommage-peeling-gel-gentle-exfoliation-sensitive-skin"
10440            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
10441            @click='$store.xCustomerEvent.fire("product_selected", $el)'
10442            x-customer-event-data="{
10443    &quot;product&quot;: {
10444      &quot;title&quot;: &quot;Sexapeel™ Gommage Peeling Gel&quot;,
10445      &quot;listName&quot;: &quot;Shop All&quot;,
10446      &quot;sku&quot;: &quot;6933229142069&quot;,
10447      &quot;currencyCode&quot;: &quot;USD&quot;,
10448      &quot;price&quot;: 4200,
10449      &quot;vendor&quot;: &quot;W-Korea&quot;
10450    }
10451  }"
10452          >
10453            Sexapeel™ Gommage Peeling Gel
10454          </a>
10455        </p>
10456        
10457          
10458 
10459
10460
10461        
10462
10463  
10464<div 
10465  class="x-review-product other 
10466    
10467      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
10468  "
10469>
10470  
10471<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.85 out of 5.0 stars">
10472        
10473      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10474        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10475      </svg>
10476    
10477      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10478        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10479      </svg>
10480    
10481      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10482        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10483      </svg>
10484    
10485      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10486        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10487      </svg>
10488    
10489      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
10490        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
10491      </svg>
10492    
10493      </div> 
10494      <p class="rating-count leading-none caption ml-1 text-review-count">(1414)
10495      </p>
10496</div>
10497
10498<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
10499          
10500          
10501            <div class=" price leading-none ">
10502  <div class="target-price hidden">4200</div>
10503  <div class="target-compare-at-price hidden">4200</div>
10504  
10505    
10506  
10507  
10508<p class="price">
10509        $ 42.00
10510      </p>
10511    
10512  
10513</div>
10514
10515          
10516          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
10517        </div>
10518        
10519        <template x-if="localStorage.getItem('selectedStore')">
10520          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6933229142069', [285551132725, 318067736629, 312835768373, 308160790581, 318067015733, 318067343413, 317079912501, 262726549557, 184227590, 316648489013])"><div 
10521  class="text-availability-notice"
10522  x-data='{ 
10523    locations: [],
10524    pickupLocations: [],
10525    pickupAvailabilites: []
10526  }'
10527  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
10528>
10529  <style data-shopify>
10530    .text-availability-notice {
10531      font-size: 0.7363125rem;
10532    }
10533    @media (min-width: 768px) {
10534      .text-availability-notice {
10535        font-size: 0.818125rem;
10536      }
10537    }
10538  </style>
10539  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
10540    <span class="flex h-4 w-4 relative">
10541  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10542    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10543    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10544  </svg>
10545
10546</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
10547  </div>
10548  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
10549    <span class="flex h-4 w-4 relative">
10550  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10551    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10552    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10553  </svg>
10554
10555</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
10556  </div>
10557</div></div>
10558        </template>
10559      </div>
10560    </div>
10561    
10562      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
10563        <div class="rte line-clamp-3">
10564          <p class="h2" data-path-to-node="2">
10565<meta charset="utf-8">An authentic Korean gommage peeling gel for face and sensitive skin...<br><br>Product Description </h2>
10566<p data-path-to-node="3">Formulated in South Korea, <b data-index-in-node="27" data-path-to-node="3">SexApeel Gommage Peeling Gel</b> is a professional-grade facial exfoliator engineered for sensitive, reactive, and rosacea-prone skin.</p>
10567<p data-path-to-node="4">Unlike traditional face scrubs that use jagged nutshells that tear delicate skin, or harsh chemical acid peels that cause stinging and post-peel flaking, SexApeel uses gentle Korean <b data-index-in-node="182" data-path-to-node="4">gommage technology</b>.</p>
10568<p data-path-to-node="5">Natural plant-derived cellulose and fruit enzymes (papaya, apple, and lemon) bind selectively to dead surface protein cells and excess oil, rolling them away into soft, visible micro-flakes in just 45 seconds.</p>
10569<p class="h4" data-path-to-node="6">Why You’ll Love It:</h4>
10570<ul data-path-to-node="7">
10571<li>
10572<p data-path-to-node="7,0,0"><b data-index-in-node="0" data-path-to-node="7,0,0">Flawless Makeup Canvas:</b> Eliminates dry micro-flakes on the nose, cheeks, and forehead so liquid foundation glides on seamlessly with zero caking, clinging, or pilling.</p>
10573</li>
10574<li>
10575<p data-path-to-node="7,1,0"><b data-index-in-node="0" data-path-to-node="7,1,0">Zero Barrier Damage:</b> Smooths rough, uneven skin texture without micro-tears, acid stinging, or flushing redness.</p>
10576</li>
10577<li>
10578<p data-path-to-node="7,2,0"><b data-index-in-node="0" data-path-to-node="7,2,0">Hydrated &amp; Soothed Base:</b> Infused with soothing Aloe Vera, Chamomile, and Centella Asiatica to leave your fresh skin layer soft, calm, and plump after rinsing.</p>
10579</li>
10580</ul>
10581<p class="h4" data-path-to-node="8">Key Details:</h4>
10582<ul data-path-to-node="9">
10583<li>
10584<p data-path-to-node="9,0,0"><b data-index-in-node="0" data-path-to-node="9,0,0">Format:</b> Smooth Gommage Gel</p>
10585</li>
10586<li>
10587<p data-path-to-node="9,1,0"><b data-index-in-node="0" data-path-to-node="9,1,0">Best For:</b> All skin types, including sensitive, reactive, and rosacea-prone skin</p>
10588</li>
10589<li>
10590<p data-path-to-node="9,2,0"><b data-index-in-node="0" data-path-to-node="9,2,0">Usage:</b> 1–2 times per week on dry skin</p>
10591</li>
10592<li>
10593<p data-path-to-node="9,3,0"><b data-index-in-node="0" data-path-to-node="9,3,0">Origin:</b> Formulated &amp; Made in South Korea</p>
10594</li>
10595</ul>
10596        </div>
10597      </div>
10598    
10599    
10600
10601        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
10602          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/gommage-peeling-gel-gentle-exfoliation-sensitive-skin');
10603        });"></div>
10604        <div
10605          id="current-variant-template--19743130189877__product-grid-6933229142069-18" 
10606          class="current-variant hidden"
10607        >
10608          
10609            41211243135029
10610          
10611        </div>
10612    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
10613    
10614      <div class="card-info x-highlight-icon mt-2.5">
10615        <div 
10616  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
10617  x-data="{setPosition(el) {
10618    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
10619    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
10620    elRect = el.getBoundingClientRect();
10621    let spacingLeft = elRect.left - parentEl.left;
10622    if (spacingLeft < 0) {
10623      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
10624    }
10625    let spacingRight = parentEl.right - elRect.right;
10626    if (spacingRight < 0) {
10627      el.style.setProperty('--left-tooltip', spacingRight + 'px');
10628    } 
10629  }}"
10630  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
10631>
10632    �
10633    �
10634    �
10635    �</div>
10636      </div>
10637    
10638    
10639      <template x-if="$store.xQuickView">
10640        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
10641              
10642<form method="post" action="/cart/add" id="product-form-choose-option693322914206928" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="41211243135029">
10643                  
10644                  
10645                  <button
10646                    type="submit"
10647                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
10648                    data-id="template--19743130189877__product-grid-6933229142069-18"
10649                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
10650                    
10651                    
10652                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
10653                    
10654                      aria-label="Add to cart"
10655                    
10656                    
10657                  >
10658                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10659                      
10660
10661                          <span class="flex items-center justify-center">
10662                            
10663<div class="flex justify-center ">
10664  
10665    
10666      
10667        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
10668      
10669    
10670  
10671  
10672    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
10673      
10674      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
10675        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
10676      </svg>
10677      
10678    </span>
10679  
10680</div>
10681                          </span>
10682                    </span>
10683                    <div
10684                      class="flex gap-x-2 items-center justify-center"
10685                      role="alert"
10686                      x-cloak
10687                      x-show="errorMessage"
10688                    >
10689                      Sold out
10690                    </div>
10691                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10692                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
10693    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10694  </svg>
10695
10696                    </div>
10697                  </button><input type="hidden" name="product-id" value="6933229142069" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
10698            </div><button 
10699            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/gommage-peeling-gel-gentle-exfoliation-sensitive-skin', $el, 'template--19743130189877__product-grid-6933229142069-18')" 
10700            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/gommage-peeling-gel-gentle-exfoliation-sensitive-skin', $el, 'template--19743130189877__product-grid-6933229142069-18')" 
10701            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10702            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
10703            aria-label="Button quickview"
10704            x-customer-event-data="{
10705    &quot;product&quot;: {
10706      &quot;title&quot;: &quot;Sexapeel™ Gommage Peeling Gel&quot;,
10707      &quot;listName&quot;: &quot;Shop All&quot;,
10708      &quot;sku&quot;: &quot;6933229142069&quot;,
10709      &quot;currencyCode&quot;: &quot;USD&quot;,
10710      &quot;price&quot;: 4200,
10711      &quot;vendor&quot;: &quot;W-Korea&quot;
10712    }
10713  }"
10714            x-show="$store.xQuickView.enabled"
10715          >
10716            <span class="flex justify-center items-center">
10717              
10718<div class="flex justify-center ">
10719  
10720    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10721  
10722  
10723    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
10724      
10725      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
10726        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
10727      </svg>
10728      
10729    </span>
10730  
10731</div>
10732            </span>
10733          </button>
10734        </div>
10735      </template>
10736    
10737  </div>
10738</div>
10739                    </div>
10740                    
10741
10742                    
10743                    
10744                    <div class="grid-item">
10745                      
10746                      
10747
10748<div 
10749  
10750    x-data="xProductCard('template--19743130189877__product-grid-19', '/collections/shop-all/products/skincare-brush', '6698749657141')"  
10751  
10752  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
10753  x-slide-index="-1"
10754>
10755  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
10756  >
10757    
10758    <a 
10759      
10760        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
10761      
10762      href="/collections/shop-all/products/skincare-brush"
10763       
10764        x-data="{ lastWindowWidth: 0 }"
10765        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
10766        x-labels-data="[
10767    
10768{
10769      &quot;variant_id&quot;: 40087430266933,
10770      &quot;product_id&quot;: 6698749657141,
10771      &quot;available&quot;: true,
10772      &quot;title&quot;: &quot;Skin Prep Brush: Skincare &amp;amp; Primer Application Brush&quot;,
10773      &quot;compare_at_price&quot;: 0,
10774      &quot;price&quot;: 3600,
10775      &quot;price_with_currency&quot;: &quot;$ 36.00&quot;,
10776      &quot;sale_amount&quot;: &quot;$ -36.00&quot;,
10777      &quot;collections&quot;: &quot;||285551132725||318067736629||262726549557||184227590||316648489013||&quot;,
10778      &quot;inventory_management&quot;: &quot;shopify&quot;,
10779      &quot;qty&quot;: 1984,
10780      &quot;container&quot;: &quot;card&quot;,
10781      &quot;can_show_preorder&quot;: false,
10782      &quot;diff_day_create&quot;: 1635787951,
10783      &quot;diff_day_publish&quot;: 1635790670
10784      
10785      }
10786    ]"
10787       
10788      aria-label="Skin Prep Brush: Skincare &amp; Primer Application Brush"
10789      id="6698749657141-template--19743130189877__product-grid"
10790      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
10791      <div
10792        id="x-slideshow-card-product-template--19743130189877__product-grid-19--1"
10793        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
10794        @click='$store.xCustomerEvent.fire("product_selected", $el)'
10795        x-customer-event-data="{
10796    &quot;product&quot;: {
10797      &quot;title&quot;: &quot;Skin Prep Brush: Skincare &amp;amp; Primer Application Brush&quot;,
10798      &quot;listName&quot;: &quot;Shop All&quot;,
10799      &quot;sku&quot;: &quot;6698749657141&quot;,
10800      &quot;currencyCode&quot;: &quot;USD&quot;,
10801      &quot;price&quot;: 3600,
10802      &quot;vendor&quot;: &quot;P-Italy&quot;
10803    }
10804  }"
10805        x-cloak
10806        
10807          x-intersect.once.margin.200px='$store.xSplide.load($el, {
10808            "drag": true,
10809            "pagination": true,
10810            "arrows": false,
10811            "pauseOnFocus": false,
10812            "pauseOnHover": false,
10813            "perMove": 1,
10814            "perPage": 1,
10815            "focus": "center",
10816            "mediaQuery": "min",
10817            "rewind": true,
10818            
10819            "breakpoints": {
10820              1024: {
10821                
10822                  "destroy": true
10823                
10824              }
10825            },
10826            
10827              "playOnHover": true,
10828            
10829            
10830            "classes": {
10831              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
10832              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
10833            },
10834            "type": "fade",
10835          })'>
10836        <div 
10837          id="image-product-template--19743130189877__product-grid-19--1"
10838          class="splide__track overflow-hidden max-h-full h-full w-full"
10839        >
10840        <div class="w-full h-full splide__list">
10841            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
10842            >
10843              
10844              <picture>
10845                <img
10846                  srcset="
10847                  //www.soniaroselli.com/cdn/shop/files/Skin_Prep_Brush.png?v=1784496664&width=250 250w,
10848                  //www.soniaroselli.com/cdn/shop/files/Skin_Prep_Brush.png?v=1784496664&width=350 350w,
10849                  //www.soniaroselli.com/cdn/shop/files/Skin_Prep_Brush.png?v=1784496664&width=450 450w,
10850                  //www.soniaroselli.com/cdn/shop/files/Skin_Prep_Brush.png?v=1784496664&width=750 750w,
10851                  //www.soniaroselli.com/cdn/shop/files/Skin_Prep_Brush.png?v=1784496664&width=900 900w,
10852                  //www.soniaroselli.com/cdn/shop/files/Skin_Prep_Brush.png?v=1784496664&width=1100 1100w,
10853                  //www.soniaroselli.com/cdn/shop/files/Skin_Prep_Brush.png?v=1784496664&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/Skin_Prep_Brush.png?v=1784496664 2048w" 
10854                  src="//www.soniaroselli.com/cdn/shop/files/Skin_Prep_Brush.png?v=1784496664&width=1500"
10855                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
10856                  alt="A Sonia RosSELL makeup brush with a white handle, rose gold ferrule, and brown bristles, shown vertically on a white background."
10857                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
10858                  loading="lazy"
10859                  width="2048"
10860                  height="2048"
10861                  onload="requestAnimationFrame(() => {
10862                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10863                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
10864                  })"
10865                />
10866              </picture>
10867              
10868            </div><style data-shopify>
10869                  #image-product-template--19743130189877__product-grid-19--1 .media-slide:not(:first-child) {
10870                    height: 100%;
10871                  }
10872                </style>
10873                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
10874                  
10875                  <picture>
10876                    <img
10877                      srcset="//www.soniaroselli.com/cdn/shop/files/skincare_for_over_50-51.jpg?v=1710979361&width=250 250w,
10878                        //www.soniaroselli.com/cdn/shop/files/skincare_for_over_50-51.jpg?v=1710979361&width=350 350w,
10879                        //www.soniaroselli.com/cdn/shop/files/skincare_for_over_50-51.jpg?v=1710979361&width=450 450w,
10880                        //www.soniaroselli.com/cdn/shop/files/skincare_for_over_50-51.jpg?v=1710979361&width=750 750w,
10881                        //www.soniaroselli.com/cdn/shop/files/skincare_for_over_50-51.jpg?v=1710979361&width=900 900w,
10882                        //www.soniaroselli.com/cdn/shop/files/skincare_for_over_50-51.jpg?v=1710979361&width=1100 1100w,
10883                        //www.soniaroselli.com/cdn/shop/files/skincare_for_over_50-51.jpg?v=1710979361&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/skincare_for_over_50-51.jpg?v=1710979361 1125w"
10884                      src="//www.soniaroselli.com/cdn/shop/files/skincare_for_over_50-51.jpg?v=1710979361&width=1500"
10885                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
10886                      alt="Skincare brush dipped in jar of intense barrier cream with marble cunter and tan background"
10887                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
10888                      loading="lazy"
10889                      width="1125"
10890                      height="1500"
10891                      onload="requestAnimationFrame(() => {
10892                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10893                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
10894                      })"
10895                    />
10896                  </picture>
10897                  
10898                </div></div>
10899        </div></div>
10900        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10901              x-show="$store.xQuickView" x-cloak
10902            > 
10903              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
10904                class="w-full hide-icon lg:pl-4 lg:pr-4" 
10905                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
10906                x-cloak
10907              >
10908                
10909                  <button
10910                    type="submit"
10911                    name="add"
10912                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19743130189877__product-grid-6698749657141-19', $el); }, 0)"
10913                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/shop-all/products/skincare-brush', $el, 'template--19743130189877__product-grid-6698749657141-19', 29); }, 0)"
10914                    data-id="template--19743130189877__product-grid-6698749657141-19"
10915                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
10916                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10917                    
10918                      aria-label="Choose options"
10919                    
10920                  >
10921                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10922                      
10923                      <span class="flex items-center justify-center">
10924                        
10925<div class="flex justify-center ">
10926  
10927    
10928      
10929        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
10930      
10931    
10932  
10933  
10934    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
10935      
10936      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
10937        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
10938      </svg>
10939      
10940    </span>
10941  
10942</div>
10943                      </span>
10944                    </span>
10945                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10946                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
10947    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10948  </svg>
10949
10950                    </div>
10951                  </button>
10952                  <button 
10953                    type="submit"
10954                    name="add"
10955                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19743130189877__product-grid-6698749657141-19', $el); }, 0)"
10956                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/shop-all/products/skincare-brush', $el, 'template--19743130189877__product-grid-6698749657141-19', 29); }, 0)"
10957                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60"
10958                    data-id="template--19743130189877__product-grid-6698749657141-19"
10959                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
10960    &quot;product&quot;: {
10961      &quot;title&quot;: &quot;Skin Prep Brush: Skincare &amp;amp; Primer Application Brush&quot;,
10962      &quot;listName&quot;: &quot;Shop All&quot;,
10963      &quot;sku&quot;: &quot;6698749657141&quot;,
10964      &quot;currencyCode&quot;: &quot;USD&quot;,
10965      &quot;price&quot;: 3600,
10966      &quot;vendor&quot;: &quot;P-Italy&quot;
10967    }
10968  }"
10969                  >
10970                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
10971    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
10972  </svg></span>
10973                    <span class="block w-5 h-5" x-show="loading" x-cloak>
10974                    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
10975    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10976  </svg>
10977
10978                    </span>
10979                  </button>
10980                
10981              </div>
10982            </div><div
10983            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10984            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
10985            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
10986            >
10987            <div>
10988              <button
10989                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10990                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/skincare-brush', $el, 'template--19743130189877__product-grid-6698749657141-19')" 
10991                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/skincare-brush', $el, 'template--19743130189877__product-grid-6698749657141-19')" 
10992                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
10993                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
10994                x-customer-event-data="{
10995    &quot;product&quot;: {
10996      &quot;title&quot;: &quot;Skin Prep Brush: Skincare &amp;amp; Primer Application Brush&quot;,
10997      &quot;listName&quot;: &quot;Shop All&quot;,
10998      &quot;sku&quot;: &quot;6698749657141&quot;,
10999      &quot;currencyCode&quot;: &quot;USD&quot;,
11000      &quot;price&quot;: 3600,
11001      &quot;vendor&quot;: &quot;P-Italy&quot;
11002    }
11003  }"
11004                aria-label="Button quickview"
11005              >
11006                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
11007    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
11008  </svg>
11009</span>
11010                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
11011                  
11012<div class="flex justify-center ">
11013  
11014    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11015  
11016  
11017    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
11018      
11019      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
11020        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
11021      </svg>
11022      
11023    </span>
11024  
11025</div>
11026                </span>
11027              </button>
11028              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/skincare-brush", $el, "template--19743130189877__product-grid-6698749657141-19"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11029                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
11030                aria-label="Button quickview"
11031                x-customer-event-data="{
11032    &quot;product&quot;: {
11033      &quot;title&quot;: &quot;Skin Prep Brush: Skincare &amp;amp; Primer Application Brush&quot;,
11034      &quot;listName&quot;: &quot;Shop All&quot;,
11035      &quot;sku&quot;: &quot;6698749657141&quot;,
11036      &quot;currencyCode&quot;: &quot;USD&quot;,
11037      &quot;price&quot;: 3600,
11038      &quot;vendor&quot;: &quot;P-Italy&quot;
11039    }
11040  }"
11041              >
11042                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
11043    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
11044  </svg>
11045</span>
11046              </button>
11047            </div>
11048          </div>
11049        </div>
11050      
11051    </a>
11052    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
11053      
11054      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-6698749657141">
11055        <a href="/collections/shop-all/products/skincare-brush"
11056          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
11057          @click='$store.xCustomerEvent.fire("product_selected", $el)'
11058          x-customer-event-data="{
11059    &quot;product&quot;: {
11060      &quot;title&quot;: &quot;Skin Prep Brush: Skincare &amp;amp; Primer Application Brush&quot;,
11061      &quot;listName&quot;: &quot;Shop All&quot;,
11062      &quot;sku&quot;: &quot;6698749657141&quot;,
11063      &quot;currencyCode&quot;: &quot;USD&quot;,
11064      &quot;price&quot;: 3600,
11065      &quot;vendor&quot;: &quot;P-Italy&quot;
11066    }
11067  }"
11068        >
11069          Skin Prep Brush: Skincare &amp; Primer Application Brush
11070        </a>
11071      </p>
11072      
11073        
11074 
11075
11076
11077      
11078
11079  
11080<div 
11081  class="x-review-product other 
11082    
11083      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
11084  "
11085>
11086  
11087<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars">
11088        
11089      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11090        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11091      </svg>
11092    
11093      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11094        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11095      </svg>
11096    
11097      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11098        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11099      </svg>
11100    
11101      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11102        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11103      </svg>
11104    
11105      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11106        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11107      </svg>
11108    
11109      </div> 
11110      <p class="rating-count leading-none caption ml-1 text-review-count">(471)
11111      </p>
11112</div>
11113
11114<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
11115        
11116        
11117          <div class=" price leading-none ">
11118  <div class="target-price hidden">3600</div>
11119  <div class="target-compare-at-price hidden"></div>
11120  
11121    
11122      
11123    
11124      
11125    
11126      
11127    
11128  
11129  
11130<p class="price">
11131        $ 36.00
11132      </p>
11133    
11134  
11135</div>
11136
11137        
11138        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
11139      </div>
11140      
11141      <template x-if="localStorage.getItem('selectedStore')">
11142        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6698749657141', [285551132725, 318067736629, 262726549557, 184227590, 316648489013])">
11143            
11144<div 
11145  class="text-availability-notice"
11146  x-data='{ 
11147    locations: [],
11148    pickupLocations: [],
11149    pickupAvailabilites: []
11150  }'
11151  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
11152>
11153  <style data-shopify>
11154    .text-availability-notice {
11155      font-size: 0.7363125rem;
11156    }
11157    @media (min-width: 768px) {
11158      .text-availability-notice {
11159        font-size: 0.818125rem;
11160      }
11161    }
11162  </style>
11163  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
11164    <span class="flex h-4 w-4 relative">
11165  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11166    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11167    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11168  </svg>
11169
11170</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
11171  </div>
11172  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
11173    <span class="flex h-4 w-4 relative">
11174  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11175    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11176    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11177  </svg>
11178
11179</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
11180  </div>
11181</div></div>
11182      </template>
11183      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
11184    </div>
11185  </div><div
11186      id="choose-options-template--19743130189877__product-grid-6698749657141-19"
11187      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
11188      x-show="showOptions"
11189      x-transition:enter="transition-all ease-in-out duration-300"
11190      x-transition:enter-start="opacity-0 transform translate-y-full"
11191      x-transition:enter-end="opacity-100 transform translate-y-0"
11192      x-transition:leave="transition-all ease-in-out duration-300"
11193      x-transition:leave-start="opacity-100 transform translate-y-0"
11194      x-transition:leave-end="opacity-0 transform translate-y-full"
11195      x-cloak
11196    >
11197      <div :class="listLayout ? 'list-layout' : 'grid-layout'" class="choose-options relative w-full min-h-full h-full"></div>
11198      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
11199        <div
11200          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
11201          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
11202    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11203  </svg>
11204
11205        </div>
11206      </div>
11207    </div>
11208  <div
11209    id="x-product-template-6698749657141-template--19743130189877__product-grid-19"
11210    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
11211  >
11212    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
11213      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
11214        
11215        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-6698749657141">
11216          <a href="/collections/shop-all/products/skincare-brush"
11217            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
11218            @click='$store.xCustomerEvent.fire("product_selected", $el)'
11219            x-customer-event-data="{
11220    &quot;product&quot;: {
11221      &quot;title&quot;: &quot;Skin Prep Brush: Skincare &amp;amp; Primer Application Brush&quot;,
11222      &quot;listName&quot;: &quot;Shop All&quot;,
11223      &quot;sku&quot;: &quot;6698749657141&quot;,
11224      &quot;currencyCode&quot;: &quot;USD&quot;,
11225      &quot;price&quot;: 3600,
11226      &quot;vendor&quot;: &quot;P-Italy&quot;
11227    }
11228  }"
11229          >
11230            Skin Prep Brush: Skincare &amp; Primer Application Brush
11231          </a>
11232        </p>
11233        
11234          
11235 
11236
11237
11238        
11239
11240  
11241<div 
11242  class="x-review-product other 
11243    
11244      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
11245  "
11246>
11247  
11248<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars">
11249        
11250      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11251        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11252      </svg>
11253    
11254      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11255        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11256      </svg>
11257    
11258      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11259        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11260      </svg>
11261    
11262      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11263        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11264      </svg>
11265    
11266      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11267        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11268      </svg>
11269    
11270      </div> 
11271      <p class="rating-count leading-none caption ml-1 text-review-count">(471)
11272      </p>
11273</div>
11274
11275<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
11276          
11277          
11278            <div class=" price leading-none ">
11279  <div class="target-price hidden">3600</div>
11280  <div class="target-compare-at-price hidden"></div>
11281  
11282    
11283      
11284    
11285      
11286    
11287      
11288    
11289  
11290  
11291<p class="price">
11292        $ 36.00
11293      </p>
11294    
11295  
11296</div>
11297
11298          
11299          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
11300        </div>
11301        
11302        <template x-if="localStorage.getItem('selectedStore')">
11303          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6698749657141', [285551132725, 318067736629, 262726549557, 184227590, 316648489013])"><div 
11304  class="text-availability-notice"
11305  x-data='{ 
11306    locations: [],
11307    pickupLocations: [],
11308    pickupAvailabilites: []
11309  }'
11310  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
11311>
11312  <style data-shopify>
11313    .text-availability-notice {
11314      font-size: 0.7363125rem;
11315    }
11316    @media (min-width: 768px) {
11317      .text-availability-notice {
11318        font-size: 0.818125rem;
11319      }
11320    }
11321  </style>
11322  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
11323    <span class="flex h-4 w-4 relative">
11324  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11325    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11326    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11327  </svg>
11328
11329</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
11330  </div>
11331  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
11332    <span class="flex h-4 w-4 relative">
11333  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11334    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11335    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11336  </svg>
11337
11338</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
11339  </div>
11340</div></div>
11341        </template>
11342      </div>
11343    </div>
11344    
11345      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
11346        <div class="rte line-clamp-3">
11347          <p data-start="593" data-end="820">Your skincare can only perform as well as it’s applied. The <strong data-start="653" data-end="672">SkinPrep Brush </strong>ensures every cream, serum, and moisturizer is distributed evenly across your skin—without your fingers ever touching your face or your products.</p>
11348<p data-start="822" data-end="863">This small but powerful tool helps you:</p>
11349<ul data-start="864" data-end="1186">
11350<li data-start="864" data-end="915">
11351<p data-start="866" data-end="915">Use less product while achieving better results</p>
11352</li>
11353<li data-start="916" data-end="982">
11354<p data-start="918" data-end="982">Apply skincare evenly for a smoother, more balanced complexion</p>
11355</li>
11356<li data-start="983" data-end="1052">
11357<p data-start="985" data-end="1052">Reduce contamination and breakouts caused by hand-to-face contact</p>
11358</li>
11359<li data-start="1053" data-end="1122">
11360<p data-start="1055" data-end="1122">Support your skin barrier by minimizing friction and over-rubbing</p>
11361</li>
11362<li data-start="1123" data-end="1186">
11363<p data-start="1125" data-end="1186">Create a spa-quality ritual you’ll actually look forward to</p>
11364</li>
11365</ul>
11366<p data-start="1188" data-end="1272">It’s not another gadget. It’s the missing professional step in your daily routine.</p>
11367        </div>
11368      </div>
11369    
11370    
11371<div
11372          class="x-variants-data hover-option-value x-variants-data-js pt-3 x-variants-separator x-variants-separator-template--19743130189877__product-grid-6698749657141 relative mt-3"
11373          x-data='xVariantSelectCard($el,"template--19743130189877__product-grid-19", "6698749657141", "/products/skincare-brush", false, false, false, "", "", "", "template--19743130189877__product-grid")'
11374          
11375            data-option1="Skin Prep Brush"
11376            
11377          data-url="/products/skincare-brush"
11378          x-intersect.margin.200px="if (document.getElementById('variant-update-template--19743130189877__product-grid-19').innerHTML.trim() == '') $el.classList.add('hidden');"
11379        >
11380          <div
11381            id="current-variant-template--19743130189877__product-grid-6698749657141-19" 
11382            class="current-variant hidden"
11383          >
11384            
11385              40087430266933
11386            
11387          </div>
11388          <div
11389            id="variant-update-template--19743130189877__product-grid-19"
11390            class="variant-update-template--19743130189877__product-grid-19 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
11391          >
11392            
11393
11394              
11395</div>
11396        </div>
11397      
11398    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
11399    
11400      <div class="card-info x-highlight-icon mt-2.5">
11401        <div 
11402  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
11403  x-data="{setPosition(el) {
11404    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
11405    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
11406    elRect = el.getBoundingClientRect();
11407    let spacingLeft = elRect.left - parentEl.left;
11408    if (spacingLeft < 0) {
11409      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
11410    }
11411    let spacingRight = parentEl.right - elRect.right;
11412    if (spacingRight < 0) {
11413      el.style.setProperty('--left-tooltip', spacingRight + 'px');
11414    } 
11415  }}"
11416  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
11417>
11418    �
11419    �
11420    �
11421    �</div>
11422      </div>
11423    
11424    
11425      <template x-if="$store.xQuickView">
11426        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
11427              
11428                <button
11429                  type="submit"
11430                  name="add"
11431                  @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19743130189877__product-grid-6698749657141-19', $el); }, 0)"
11432                  x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/shop-all/products/skincare-brush', $el, 'template--19743130189877__product-grid-6698749657141-19', 29); }, 0)" 
11433                  data-id="template--19743130189877__product-grid-6698749657141-19"
11434                  class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 lg:pl-5 lg:pr-5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
11435                  :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
11436                  aria-label="Choose options"
11437                >
11438                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11439                    
11440                    <span class="flex items-center justify-center">
11441                      
11442<div class="flex justify-center ">
11443  
11444    
11445      
11446        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
11447      
11448    
11449  
11450  
11451    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
11452      
11453      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
11454        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
11455      </svg>
11456      
11457    </span>
11458  
11459</div>
11460                    </span>
11461                  </span>
11462                  <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11463                    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
11464    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11465  </svg>
11466
11467                  </div>
11468                </button>
11469               
11470            </div><button 
11471            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/skincare-brush', $el, 'template--19743130189877__product-grid-6698749657141-19')" 
11472            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/skincare-brush', $el, 'template--19743130189877__product-grid-6698749657141-19')" 
11473            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11474            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
11475            aria-label="Button quickview"
11476            x-customer-event-data="{
11477    &quot;product&quot;: {
11478      &quot;title&quot;: &quot;Skin Prep Brush: Skincare &amp;amp; Primer Application Brush&quot;,
11479      &quot;listName&quot;: &quot;Shop All&quot;,
11480      &quot;sku&quot;: &quot;6698749657141&quot;,
11481      &quot;currencyCode&quot;: &quot;USD&quot;,
11482      &quot;price&quot;: 3600,
11483      &quot;vendor&quot;: &quot;P-Italy&quot;
11484    }
11485  }"
11486            x-show="$store.xQuickView.enabled"
11487          >
11488            <span class="flex justify-center items-center">
11489              
11490<div class="flex justify-center ">
11491  
11492    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11493  
11494  
11495    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
11496      
11497      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
11498        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
11499      </svg>
11500      
11501    </span>
11502  
11503</div>
11504            </span>
11505          </button>
11506        </div>
11507      </template>
11508    
11509  </div>
11510</div>
11511                    </div>
11512                    
11513
11514                    
11515                    
11516                    <div class="grid-item">
11517                      
11518                      
11519
11520<div 
11521  
11522    x-data="xProductCard('template--19743130189877__product-grid-110', '/collections/shop-all/products/hydration-heroes-skincare-starter-kit', '4659586302005')"  
11523  
11524  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
11525  x-slide-index="-1"
11526>
11527  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
11528  >
11529    
11530    <a 
11531      
11532        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
11533      
11534      href="/collections/shop-all/products/hydration-heroes-skincare-starter-kit"
11535       
11536        x-data="{ lastWindowWidth: 0 }"
11537        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
11538        x-labels-data="[
11539    
11540{
11541      &quot;variant_id&quot;: 32311641112629,
11542      &quot;product_id&quot;: 4659586302005,
11543      &quot;available&quot;: true,
11544      &quot;title&quot;: &quot;Hydration Heroes Facial Skin Prep Kit&quot;,
11545      &quot;compare_at_price&quot;: 12900,
11546      &quot;price&quot;: 12900,
11547      &quot;price_with_currency&quot;: &quot;$ 129.00&quot;,
11548      &quot;sale_amount&quot;: &quot;$ 0.00&quot;,
11549      &quot;collections&quot;: &quot;||285551132725||282862551093||318067736629||262726549557||184227590||316678209589||303513370677||316648489013||&quot;,
11550      &quot;inventory_management&quot;: &quot;shopify&quot;,
11551      &quot;qty&quot;: 1985,
11552      &quot;container&quot;: &quot;card&quot;,
11553      &quot;can_show_preorder&quot;: false,
11554      &quot;diff_day_create&quot;: 1599005650,
11555      &quot;diff_day_publish&quot;: 1636985871
11556      
11557      }
11558    ]"
11559       
11560      aria-label="Hydration Heroes Facial Skin Prep Kit"
11561      id="4659586302005-template--19743130189877__product-grid"
11562      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
11563      <div
11564        id="x-slideshow-card-product-template--19743130189877__product-grid-110--1"
11565        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
11566        @click='$store.xCustomerEvent.fire("product_selected", $el)'
11567        x-customer-event-data="{
11568    &quot;product&quot;: {
11569      &quot;title&quot;: &quot;Hydration Heroes Facial Skin Prep Kit&quot;,
11570      &quot;listName&quot;: &quot;Shop All&quot;,
11571      &quot;sku&quot;: &quot;4659586302005&quot;,
11572      &quot;currencyCode&quot;: &quot;USD&quot;,
11573      &quot;price&quot;: 12900,
11574      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
11575    }
11576  }"
11577        x-cloak
11578        
11579          x-intersect.once.margin.200px='$store.xSplide.load($el, {
11580            "drag": true,
11581            "pagination": true,
11582            "arrows": false,
11583            "pauseOnFocus": false,
11584            "pauseOnHover": false,
11585            "perMove": 1,
11586            "perPage": 1,
11587            "focus": "center",
11588            "mediaQuery": "min",
11589            "rewind": true,
11590            
11591            "breakpoints": {
11592              1024: {
11593                
11594                  "destroy": true
11595                
11596              }
11597            },
11598            
11599              "playOnHover": true,
11600            
11601            
11602            "classes": {
11603              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
11604              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
11605            },
11606            "type": "fade",
11607          })'>
11608        <div 
11609          id="image-product-template--19743130189877__product-grid-110--1"
11610          class="splide__track overflow-hidden max-h-full h-full w-full"
11611        >
11612        <div class="w-full h-full splide__list">
11613            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
11614            >
11615              
11616              <picture>
11617                <img
11618                  srcset="
11619                  //www.soniaroselli.com/cdn/shop/files/hydration_heros_starter_kit.png?v=1784675284&width=250 250w,
11620                  //www.soniaroselli.com/cdn/shop/files/hydration_heros_starter_kit.png?v=1784675284&width=350 350w,
11621                  //www.soniaroselli.com/cdn/shop/files/hydration_heros_starter_kit.png?v=1784675284&width=450 450w,
11622                  //www.soniaroselli.com/cdn/shop/files/hydration_heros_starter_kit.png?v=1784675284&width=750 750w,
11623                  //www.soniaroselli.com/cdn/shop/files/hydration_heros_starter_kit.png?v=1784675284&width=900 900w,
11624                  //www.soniaroselli.com/cdn/shop/files/hydration_heros_starter_kit.png?v=1784675284&width=1100 1100w,
11625                  //www.soniaroselli.com/cdn/shop/files/hydration_heros_starter_kit.png?v=1784675284&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/hydration_heros_starter_kit.png?v=1784675284 2048w" 
11626                  src="//www.soniaroselli.com/cdn/shop/files/hydration_heros_starter_kit.png?v=1784675284&width=1500"
11627                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
11628                  alt="Sonia Roselli Water Balm and Water Elixir skincare set on a white background. The set includes a white round jar of Water Balm with gold lettering and a white pump bottle of Water Elixir with a gold collar and clear cap."
11629                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
11630                  loading="lazy"
11631                  width="2048"
11632                  height="2048"
11633                  onload="requestAnimationFrame(() => {
11634                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
11635                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
11636                  })"
11637                />
11638              </picture>
11639              
11640            </div><style data-shopify>
11641                  #image-product-template--19743130189877__product-grid-110--1 .media-slide:not(:first-child) {
11642                    height: 100%;
11643                  }
11644                </style>
11645                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
11646                  
11647                  <picture>
11648                    <img
11649                      srcset="//www.soniaroselli.com/cdn/shop/files/D
11649aily_Hydration_Kit.png?v=1784674128&width=250 250w,
11650                        //www.soniaroselli.com/cdn/shop/files/Daily_Hydration_Kit.png?v=1784674128&width=350 350w,
11651                        //www.soniaroselli.com/cdn/shop/files/Daily_Hydration_Kit.png?v=1784674128&width=450 450w,
11652                        //www.soniaroselli.com/cdn/shop/files/Daily_Hydration_Kit.png?v=1784674128&width=750 750w,
11653                        //www.soniaroselli.com/cdn/shop/files/Daily_Hydration_Kit.png?v=1784674128&width=900 900w,
11654                        //www.soniaroselli.com/cdn/shop/files/Daily_Hydration_Kit.png?v=1784674128&width=1100 1100w,
11655                        //www.soniaroselli.com/cdn/shop/files/Daily_Hydration_Kit.png?v=1784674128&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/Daily_Hydration_Kit.png?v=1784674128 2048w"
11656                      src="//www.soniaroselli.com/cdn/shop/files/Daily_Hydration_Kit.png?v=1784674128&width=1500"
11657                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
11658                      alt="Sonia Roselli Water Elixir Skin Prep pump bottle and Water Balm jar, both in white with gold lettering, set against a draped cream satin fabric background."
11659                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
11660                      loading="lazy"
11661                      width="2048"
11662                      height="2048"
11663                      onload="requestAnimationFrame(() => {
11664                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
11665                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
11666                      })"
11667                    />
11668                  </picture>
11669                  
11670                </div></div>
11671        </div></div>
11672        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
11673              x-show="$store.xQuickView" x-cloak
11674            > 
11675              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
11676                class="w-full hide-icon lg:pl-4 lg:pr-4" 
11677                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
11678                x-cloak
11679              >
11680                
11681<form method="post" action="/cart/add" id="product-form-choose-option4659586302005210" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="32311641112629">
11682                    
11683                                                                
11684                    <button
11685                      type="submit"
11686                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-4659586302005-110"
11687                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
11688                      
11689                      
11690                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
11691                    >
11692                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11693                        
11694
11695                            <span class="flex items-center justify-center">
11696                              
11697<div class="flex justify-center ">
11698  
11699    
11700      
11701        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
11702      
11703    
11704  
11705  
11706    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
11707      
11708      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
11709        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
11710      </svg>
11711      
11712    </span>
11713  
11714</div>
11715                            </span>
11716                      </span>
11717                      <div
11718                        class="flex gap-x-2 items-center justify-center"
11719                        role="alert"
11720                        x-cloak
11721                        x-show="errorMessage"
11722                      >
11723                        Sold out
11724                      </div>
11725                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11726                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
11727    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11728  </svg>
11729
11730                      </div>
11731                    </button>
11732                    <button 
11733                      type="submit"
11734                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
11735                      
11736                      
11737                      data-id="template--19743130189877__product-grid-4659586302005-110"
11738                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
11739    &quot;product&quot;: {
11740      &quot;title&quot;: &quot;Hydration Heroes Facial Skin Prep Kit&quot;,
11741      &quot;listName&quot;: &quot;Shop All&quot;,
11742      &quot;sku&quot;: &quot;4659586302005&quot;,
11743      &quot;currencyCode&quot;: &quot;USD&quot;,
11744      &quot;price&quot;: 12900,
11745      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
11746    }
11747  }"
11748                      
11749                    >
11750                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
11751    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
11752  </svg></span>
11753                      <span class="block w-5 h-5" x-show="loading" x-cloak>
11754                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
11755    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11756  </svg>
11757
11758                      </span>
11759                    </button><input type="hidden" name="product-id" value="4659586302005" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
11760              </div>
11761            </div><div
11762            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
11763            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
11764            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
11765            >
11766            <div>
11767              <button
11768                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11769                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/hydration-heroes-skincare-starter-kit', $el, 'template--19743130189877__product-grid-4659586302005-110')" 
11770                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/hydration-heroes-skincare-starter-kit', $el, 'template--19743130189877__product-grid-4659586302005-110')" 
11771                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
11772                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
11773                x-customer-event-data="{
11774    &quot;product&quot;: {
11775      &quot;title&quot;: &quot;Hydration Heroes Facial Skin Prep Kit&quot;,
11776      &quot;listName&quot;: &quot;Shop All&quot;,
11777      &quot;sku&quot;: &quot;4659586302005&quot;,
11778      &quot;currencyCode&quot;: &quot;USD&quot;,
11779      &quot;price&quot;: 12900,
11780      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
11781    }
11782  }"
11783                aria-label="Button quickview"
11784              >
11785                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
11786    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
11787  </svg>
11788</span>
11789                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
11790                  
11791<div class="flex justify-center ">
11792  
11793    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11794  
11795  
11796    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
11797      
11798      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
11799        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
11800      </svg>
11801      
11802    </span>
11803  
11804</div>
11805                </span>
11806              </button>
11807              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/hydration-heroes-skincare-starter-kit", $el, "template--19743130189877__product-grid-4659586302005-110"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11808                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
11809                aria-label="Button quickview"
11810                x-customer-event-data="{
11811    &quot;product&quot;: {
11812      &quot;title&quot;: &quot;Hydration Heroes Facial Skin Prep Kit&quot;,
11813      &quot;listName&quot;: &quot;Shop All&quot;,
11814      &quot;sku&quot;: &quot;4659586302005&quot;,
11815      &quot;currencyCode&quot;: &quot;USD&quot;,
11816      &quot;price&quot;: 12900,
11817      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
11818    }
11819  }"
11820              >
11821                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
11822    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
11823  </svg>
11824</span>
11825              </button>
11826            </div>
11827          </div>
11828        </div>
11829      
11830    </a>
11831    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
11832      
11833      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-4659586302005">
11834        <a href="/collections/shop-all/products/hydration-heroes-skincare-starter-kit"
11835          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
11836          @click='$store.xCustomerEvent.fire("product_selected", $el)'
11837          x-customer-event-data="{
11838    &quot;product&quot;: {
11839      &quot;title&quot;: &quot;Hydration Heroes Facial Skin Prep Kit&quot;,
11840      &quot;listName&quot;: &quot;Shop All&quot;,
11841      &quot;sku&quot;: &quot;4659586302005&quot;,
11842      &quot;currencyCode&quot;: &quot;USD&quot;,
11843      &quot;price&quot;: 12900,
11844      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
11845    }
11846  }"
11847        >
11848          Hydration Heroes Facial Skin Prep Kit
11849        </a>
11850      </p>
11851      
11852        
11853 
11854
11855
11856      
11857
11858  
11859<div 
11860  class="x-review-product other 
11861    
11862      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
11863  "
11864>
11865  
11866<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.98 out of 5.0 stars">
11867        
11868      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11869        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11870      </svg>
11871    
11872      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11873        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11874      </svg>
11875    
11876      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11877        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11878      </svg>
11879    
11880      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11881        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11882      </svg>
11883    
11884      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
11885        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
11886      </svg>
11887    
11888      </div> 
11889      <p class="rating-count leading-none caption ml-1 text-review-count">(50)
11890      </p>
11891</div>
11892
11893<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
11894        
11895        
11896          <div class=" price leading-none ">
11897  <div class="target-price hidden">12900</div>
11898  <div class="target-compare-at-price hidden">12900</div>
11899  
11900    
11901  
11902  
11903<p class="price">
11904        $ 129.00
11905      </p>
11906    
11907  
11908</div>
11909
11910        
11911        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
11912      </div>
11913      
11914      <template x-if="localStorage.getItem('selectedStore')">
11915        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('4659586302005', [285551132725, 282862551093, 318067736629, 262726549557, 184227590, 316678209589, 303513370677, 316648489013])">
11916            
11917<div 
11918  class="text-availability-notice"
11919  x-data='{ 
11920    locations: [],
11921    pickupLocations: [],
11922    pickupAvailabilites: []
11923  }'
11924  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
11925>
11926  <style data-shopify>
11927    .text-availability-notice {
11928      font-size: 0.7363125rem;
11929    }
11930    @media (min-width: 768px) {
11931      .text-availability-notice {
11932        font-size: 0.818125rem;
11933      }
11934    }
11935  </style>
11936  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
11937    <span class="flex h-4 w-4 relative">
11938  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11939    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11940    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11941  </svg>
11942
11943</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
11944  </div>
11945  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
11946    <span class="flex h-4 w-4 relative">
11947  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11948    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11949    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11950  </svg>
11951
11952</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
11953  </div>
11954</div></div>
11955      </template>
11956      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
11957    </div>
11958  </div>
11959  <div
11960    id="x-product-template-4659586302005-template--19743130189877__product-grid-110"
11961    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
11962  >
11963    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
11964      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
11965        
11966        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-4659586302005">
11967          <a href="/collections/shop-all/products/hydration-heroes-skincare-starter-kit"
11968            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
11969            @click='$store.xCustomerEvent.fire("product_selected", $el)'
11970            x-customer-event-data="{
11971    &quot;product&quot;: {
11972      &quot;title&quot;: &quot;Hydration Heroes Facial Skin Prep Kit&quot;,
11973      &quot;listName&quot;: &quot;Shop All&quot;,
11974      &quot;sku&quot;: &quot;4659586302005&quot;,
11975      &quot;currencyCode&quot;: &quot;USD&quot;,
11976      &quot;price&quot;: 12900,
11977      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
11978    }
11979  }"
11980          >
11981            Hydration Heroes Facial Skin Prep Kit
11982          </a>
11983        </p>
11984        
11985          
11986 
11987
11988
11989        
11990
11991  
11992<div 
11993  class="x-review-product other 
11994    
11995      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
11996  "
11997>
11998  
11999<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.98 out of 5.0 stars">
12000        
12001      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12002        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12003      </svg>
12004    
12005      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12006        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12007      </svg>
12008    
12009      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12010        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12011      </svg>
12012    
12013      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12014        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12015      </svg>
12016    
12017      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
12018        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
12019      </svg>
12020    
12021      </div> 
12022      <p class="rating-count leading-none caption ml-1 text-review-count">(50)
12023      </p>
12024</div>
12025
12026<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
12027          
12028          
12029            <div class=" price leading-none ">
12030  <div class="target-price hidden">12900</div>
12031  <div class="target-compare-at-price hidden">12900</div>
12032  
12033    
12034  
12035  
12036<p class="price">
12037        $ 129.00
12038      </p>
12039    
12040  
12041</div>
12042
12043          
12044          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
12045        </div>
12046        
12047        <template x-if="localStorage.getItem('selectedStore')">
12048          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('4659586302005', [285551132725, 282862551093, 318067736629, 262726549557, 184227590, 316678209589, 303513370677, 316648489013])"><div 
12049  class="text-availability-notice"
12050  x-data='{ 
12051    locations: [],
12052    pickupLocations: [],
12053    pickupAvailabilites: []
12054  }'
12055  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
12056>
12057  <style data-shopify>
12058    .text-availability-notice {
12059      font-size: 0.7363125rem;
12060    }
12061    @media (min-width: 768px) {
12062      .text-availability-notice {
12063        font-size: 0.818125rem;
12064      }
12065    }
12066  </style>
12067  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
12068    <span class="flex h-4 w-4 relative">
12069  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12070    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12071    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12072  </svg>
12073
12074</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
12075  </div>
12076  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
12077    <span class="flex h-4 w-4 relative">
12078  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12079    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12080    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12081  </svg>
12082
12083</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
12084  </div>
12085</div></div>
12086        </template>
12087      </div>
12088    </div>
12089    
12090      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
12091        <div class="rte line-clamp-3">
12092          <p class="h2">Hydration Heroes Skin Prep Kit</h1>
12093<p>A two-step facial hydration and makeup-prep system for skin that feels tight, dehydrated, rough, or difficult under makeup. Water Elixir delivers lightweight hydration, while Water Balm helps seal in moisture and prepare the skin for smoother-looking makeup application.</p>
12094<p><strong>Includes:</strong> Water Elixir + Water Balm<br><strong>Kit price:</strong> $109<br><strong>Separate value:</strong> $130<br><strong>You save:</strong> $21</p>
12095<hr>
12096<p class="h2">Full Product Description</h2>
12097<p>When skin feels oily on the surface but tight underneath, adding more heavy creams is not always the answer. The Hydration Heroes Skin Prep Kit gives your skin two clear hydration steps without building an overly complicated routine.</p>
12098<p>First, <strong>Water Elixir</strong> adds lightweight hydration to skin that feels depleted, tight, or uncomfortable. Then, <strong>Water Balm</strong> helps seal in that hydration while serving as your final moisturizer and makeup-prep step.</p>
12099<p>Together, they help simplify what goes underneath sunscreen, foundation, concealer, and other complexion products.</p>
12100<p>Instead of layering several serums, moisturizers, facial oils, and primers, this two-product system gives each step a clear job:</p>
12101<ol>
12102<li>
12103<p><strong>Hydrate with Water Elixir</strong></p>
12104</li>
12105<li>
12106<p><strong>Seal and prep with Water Balm</strong></p>
12107</li>
12108</ol>
12109<p>The result is skin that feels softer, more comfortable, and better prepared for makeup.</p>
12110<hr>
12111<p class="h2">The Total Transformation</h1>
12112<p class="h2">Before</h2>
12113<p>Your skin may feel:</p>
12114<ul>
12115<li>
12116<p>Tight after cleansing</p>
12117</li>
12118<li>
12119<p>Dry underneath surface oil</p>
12120</li>
12121<li>
12122<p>Rough or uneven</p>
12123</li>
12124<li>
12125<p>Sticky from too many skincare layers</p>
12126</li>
12127<li>
12128<p>Dehydrated by midday</p>
12129</li>
12130<li>
12131<p>Difficult to prepare for foundation</p>
12132</li>
12133<li>
12134<p>Overloaded with serums, creams, oils, and primer</p>
12135</li>
12136</ul>
12137<p>Your makeup may:</p>
12138<ul>
12139<li>
12140<p>Catch on dry areas</p>
12141</li>
12142<li>
12143<p>Look uneven</p>
12144</li>
12145<li>
12146<p>Sit on top of the skin</p>
12147</li>
12148<li>
12149<p>Separate over heavily layered skincare</p>
12150</li>
12151<li>
12152<p>Pill when too many products are applied</p>
12153</li>
12154<li>
12155<p>Look dry even when your skin becomes oily later</p>
12156</li>
12157</ul>
12158<p class="h2">After</h2>
12159<p>With a consistent two-step routine, skin can feel:</p>
12160<ul>
12161<li>
12162<p>More hydrated</p>
12163</li>
12164<li>
12165<p>Softer and more comfortable</p>
12166</li>
12167<li>
12168<p>Less tight</p>
12169</li>
12170<li>
12171<p>Smoother to the touch</p>
12172</li>
12173<li>
12174<p>Cushioned without unnecessary layers</p>
12175</li>
12176<li>
12177<p>Better prepared for sunscreen and makeup</p>
12178</li>
12179</ul>
12180<p>Makeup can appear:</p>
12181<ul>
12182<li>
12183<p>Smoother</p>
12184</li>
12185<li>
12186<p>More even</p>
12187</li>
12188<li>
12189<p>Less heavy over dry-looking areas</p>
12190</li>
12191<li>
12192<p>Easier to blend</p>
12193</li>
12194<li>
12195<p>More natural on the skin</p>
12196</li>
12197</ul>
12198<p>Results can vary depending on your skin, sunscreen, makeup formulas, product amounts, and application method.</p>
12199<hr>
12200<p class="h2">
122003 Key Benefits</h1>
12201<p class="h2">1. Replenishes Lightweight Hydration</h2>
12202<p>Water Elixir gives thirsty, dehydrated skin a lightweight hydration step without beginning the routine with a heavy cream.</p>
12203<p>It is designed for skin that may feel:</p>
12204<ul>
12205<li>
12206<p>Tight</p>
12207</li>
12208<li>
12209<p>Depleted</p>
12210</li>
12211<li>
12212<p>Uncomfortable</p>
12213</li>
12214<li>
12215<p>Dry underneath surface oil</p>
12216</li>
12217<li>
12218<p>Rough under makeup</p>
12219</li>
12220</ul>
12221<p>This step helps reduce the urge to stack several hydrating serums before moisturizer.</p>
12222<p class="h2">2. Seals In Moisture and Softens the Skin</h2>
12223<p>Water Balm follows Water Elixir to help seal in hydration and support softer, smoother-feeling skin.</p>
12224<p>It works as:</p>
12225<ul>
12226<li>
12227<p>Your moisturizer</p>
12228</li>
12229<li>
12230<p>Your final skincare layer</p>
12231</li>
12232<li>
12233<p>Your makeup-prep step</p>
12234</li>
12235</ul>
12236<p>Water Balm can reduce the need for a separate primer in many routines, helping simplify the number of products sitting underneath foundation.</p>
12237<p class="h2">3. Creates a Simpler Makeup-Prep Routine</h2>
12238<p>Too many skincare and primer layers can create more opportunities for rolling, balling, lifting, or uneven makeup application.</p>
12239<p>Hydration Heroes gives you a clear order:</p>
12240<p><strong>Water Elixir → Water Balm → sunscreen → makeup</strong></p>
12241<p>Fewer overlapping layers mean fewer products competing underneath your foundation.</p>
12242<p>This kit does not guarantee zero pilling or compatibility with every sunscreen and makeup formula. It creates a simpler routine with fewer potential conflict points.</p>
12243<hr>
12244<p class="h2">What Is Included</h1>
12245<p class="h2">Water Elixir</h2>
12246<p>A lightweight facial hydration step used before moisturizer.</p>
12247<p class="h3">Its job:</h3>
12248<ul>
12249<li>
12250<p>Adds lightweight hydration</p>
12251</li>
12252<li>
12253<p>Helps skin feel less tight</p>
12254</li>
12255<li>
12256<p>Supports softer, more comfortable skin</p>
12257</li>
12258<li>
12259<p>Prepares the skin for Water Balm</p>
12260</li>
12261<li>
12262<p>Helps simplify multiple serum steps</p>
12263</li>
12264</ul>
12265<p class="h3">Use it when:</h3>
12266<ul>
12267<li>
12268<p>Your skin feels tight after cleansing</p>
12269</li>
12270<li>
12271<p>Your skin becomes oily but still feels dehydrated</p>
12272</li>
12273<li>
12274<p>Your makeup catches on dry-looking areas</p>
12275</li>
12276<li>
12277<p>Heavy hydration products feel like too much</p>
12278</li>
12279<li>
12280<p>You want one clear hydration step</p>
12281</li>
12282</ul>
12283<hr>
12284<p class="h2">Water Balm</h2>
12285<p>A moisturizer and final makeup-prep step used after Water Elixir.</p>
12286<p class="h3">Its job:</h3>
12287<ul>
12288<li>
12289<p>Helps seal in hydration</p>
12290</li>
12291<li>
12292<p>Softens the feel of dry or rough skin</p>
12293</li>
12294<li>
12295<p>Acts as the final moisturizer before sunscreen</p>
12296</li>
12297<li>
12298<p>Helps prepare the skin for makeup</p>
12299</li>
12300<li>
12301<p>Can reduce the need for a separate primer</p>
12302</li>
12303</ul>
12304<p class="h3">Use it when:</h3>
12305<ul>
12306<li>
12307<p>Your skin needs moisture without a complicated routine</p>
12308</li>
12309<li>
12310<p>Foundation looks uneven over your skincare</p>
12311</li>
12312<li>
12313<p>You are tired of layering moisturizer and primer</p>
12314</li>
12315<li>
12316<p>Your skin feels tight underneath makeup</p>
12317</li>
12318<li>
12319<p>You want a repeatable morning routine</p>
12320</li>
12321</ul>
12322<hr>
12323<p class="h2">Who It Is For</h1>
12324<p>Hydration Heroes Skin Prep Kit is ideal for:</p>
12325<ul>
12326<li>
12327<p>Dehydrated skin</p>
12328</li>
12329<li>
12330<p>Oily skin that still feels tight</p>
12331</li>
12332<li>
12333<p>Combination skin</p>
12334</li>
12335<li>
12336<p>Dry-looking makeup texture</p>
12337</li>
12338<li>
12339<p>Skin that feels tight after cleansing</p>
12340</li>
12341<li>
12342<p>Foundation that catches on dry areas</p>
12343</li>
12344<li>
12345<p>Skincare that feels too layered underneath makeup</p>
12346</li>
12347<li>
12348<p>Anyone simplifying a long morning routine</p>
12349</li>
12350<li>
12351<p>Anyone who wants hydration without several overlapping products</p>
12352</li>
12353<li>
12354<p>
12354Primer-fatigued makeup wearers</p>
12355</li>
12356</ul>
12357<hr>
12358<p class="h2">Who May Need a Different Routine</h1>
12359<p>This kit may not be the best first step if your skin is:</p>
12360<ul>
12361<li>
12362<p>Actively irritated</p>
12363</li>
12364<li>
12365<p>Raw or painful</p>
12366</li>
12367<li>
12368<p>Burning or stinging</p>
12369</li>
12370<li>
12371<p>Recovering from aggressive exfoliation</p>
12372</li>
12373<li>
12374<p>Experiencing a severe reaction</p>
12375</li>
12376<li>
12377<p>Extremely dry and in need of a richer barrier-support routine</p>
12378</li>
12379</ul>
12380<p>Do not use skincare products on actively irritated or damaged skin without appropriate guidance.</p>
12381<hr>
12382<p class="h2">How to Use</h1>
12383<p class="h2">Morning Routine</h2>
12384<ol>
12385<li>
12386<p>Begin with clean skin.</p>
12387</li>
12388<li>
12389<p>Apply a small amount of <strong>Water Elixir</strong>.</p>
12390</li>
12391<li>
12392<p>Press it gently into the skin.</p>
12393</li>
12394<li>
12395<p>Apply a thin layer of <strong>Water Balm</strong>.</p>
12396</li>
12397<li>
12398<p>Allow Water Balm to settle.</p>
12399</li>
12400<li>
12401<p>Apply sunscreen according to its directions.</p>
12402</li>
12403<li>
12404<p>Allow sunscreen to form its intended layer.</p>
12405</li>
12406<li>
12407<p>Apply makeup using light pressing or blending motions.</p>
12408</li>
12409</ol>
12410<p class="h3">Recommended order</h3>
12411<p><strong>Water Elixir → Water Balm → sunscreen → makeup</strong></p>
12412<p>Do not skip sunscreen.</p>
12413<hr>
12414<p class="h2">Evening Routine</h2>
12415<ol>
12416<li>
12417<p>Remove makeup and sunscreen.</p>
12418</li>
12419<li>
12420<p>Cleanse the skin.</p>
12421</li>
12422<li>
12423<p>Apply Water Elixir.</p>
12424</li>
12425<li>
12426<p>Follow with Water Balm.</p>
12427</li>
12428</ol>
12429<p class="h3">Recommended order</h3>
12430<p><strong>Cleanse → Water Elixir → Water Balm</strong></p>
12431<hr>
12432<p class="h2">Makeup-Prep Tips</h1>
12433<p>For the best makeup application:</p>
12434<ul>
12435<li>
12436<p>Use thin layers</p>
12437</li>
12438<li>
12439<p>Avoid applying more product than your skin needs</p>
12440</li>
12441<li>
12442<p>Press skincare into the skin instead of repeatedly rubbing</p>
12443</li>
12444<li>
12445<p>Allow Water Balm to settle before sunscreen</p>
12446</li>
12447<li>
12448<p>Allow sunscreen to settle before makeup</p>
12449</li>
12450<li>
12451<p>Apply foundation with light pressing or blending motions</p>
12452</li>
12453<li>
12454<p>Avoid repeatedly working over the same area</p>
12455</li>
12456<li>
12457<p>Test one routine change at a time</p>
12458</li>
12459</ul>
12460<p>If your makeup pills, do not replace every product at once.</p>
12461<p>Start by checking:</p>
12462<ul>
12463<li>
12464<p>How much skincare you applied</p>
12465</li>
12466<li>
12467<p>Whether you used a separate primer</p>
12468</li>
12469<li>
12470<p>Whether Water Balm had time to settle</p>
12471</li>
12472<li>
12473<p>Whether sunscreen had time to form its layer</p>
12474</li>
12475<li>
12476<p>Whether the pilling began before or after sunscreen</p>
12477</li>
12478<li>
12479<p>Whether repeated rubbing disturbed the layers underneath</p>
12480</li>
12481</ul>
12482<hr>
12483<p class="h2">Can Water Balm Replace Primer?</h1>
12484<p>For many makeup routines, Water Balm can serve as the final moisturizer and makeup-prep step, reducing the need for a separate primer.</p>
12485<p>A specialized primer may still be useful for someone seeking a specific makeup effect, such as:</p>
12486<ul>
12487<li>
12488<p>Strong mattifying</p>
12489</li>
12490<li>
12491<p>Pore filling</p>
12492</li>
12493<li>
12494<p>Added grip</p>
12495</li>
12496<li>
12497<p>Targeted blurring</p>
12498</li>
12499</ul>
12500<p>Water Balm is not positioned as another layer to add on top of moisturizer and primer. Its purpose is to help simplify overlapping steps where appropriate.</p>
12501<hr>
12502<p class="h2">Why This Kit Works as a System</h1>
12503<p>Each product has a separate job.</p>
12504<p class="h3">Water Elixir</h3>
12505<p><strong>Hydrates</strong></p>
12506<p class="h3">Water Balm</h3>
12507<p><strong>Seals and prepares</strong></p>
12508<p>Using them together creates a simple two-step system instead of asking one product to do everything.</p>
12509<p>This makes the routine easier to:</p>
12510<ul>
12511<li>
12512<p>Understand</p>
12513</li>
12514<li>
12515<p>Repeat</p>
12516</li>
12517<li>
12518<p>Adjust</p>
12519</li>
12520<li>
12521<p>Travel with</p>
12522</li>
12523<li>
12524<p>Use underneath makeup</p>
12525</li>
12526<li>
12527<p>Troubleshoot when another formula changes</p>
12528</li>
12529</ul>
12530<hr>
12531<p class="h2">Frequently Asked Questions</h1>
12532<p class="h2">Is this kit for dry skin?</h2>
12533<p>Yes. It is designed for skin that feels dry, tight, depleted, or dehydrated.</p>
12534<p>For extremely dry or compromised skin, a richer barrier-support product may al
12534so be appropriate.</p>
12535<p class="h2">Is this kit for oily skin?</h2>
12536<p>It can be.</p>
12537<p>Some oily skin is also dehydrated. You may notice oil on the surface while the skin still feels tight or uncomfortable underneath.</p>
12538<p>Water Elixir provides lightweight hydration, while Water Balm helps seal it in.</p>
12539<p class="h2">Will it make my skin greasy?</h2>
12540<p>Use thin layers and adjust the amount based on your skin.</p>
12541<p>Applying too much of any skincare product can make the surface feel heavy or slow to settle.</p>
12542<p class="h2">Can I use this under makeup?</h2>
12543<p>Yes.</p>
12544<p>The kit is designed to hydrate and prepare the skin before sunscreen and makeup.</p>
12545<p class="h2">What order do I use the products?</h2>
12546<p>Use:</p>
12547<p><strong>Water Elixir first, then Water Balm.</strong></p>
12548<p>In the morning, follow with sunscreen before makeup.</p>
12549<p class="h2">Do I still need sunscreen?</h2>
12550<p>Yes.</p>
12551<p>Hydration Heroes does not replace sunscreen.</p>
12552<p class="h2">Do I still need primer?</h2>
12553<p>Not always.</p>
12554<p>Water Balm can serve as the final moisturizer and makeup-prep step for many routines. You may not need a separate primer unless you prefer one for a specific makeup finish.</p>
12555<p class="h2">Will this stop all makeup pilling?</h2>
12556<p>No product can guarantee zero pilling.</p>
12557<p>Pilling may involve:</p>
12558<ul>
12559<li>
12560<p>Product amount</p>
12561</li>
12562<li>
12563<p>Application method</p>
12564</li>
12565<li>
12566<p>Sunscreen</p>
12567</li>
12568<li>
12569<p>Foundation</p>
12570</li>
12571<li>
12572<p>
12572Primer</p>
12573</li>
12574<li>
12575<p>Timing</p>
12576</li>
12577<li>
12578<p>Surface buildup</p>
12579</li>
12580<li>
12581<p>Formula interaction</p>
12582</li>
12583</ul>
12584<p>This kit helps simplify the products underneath makeup, creating fewer potential conflict points.</p>
12585<p class="h2">Can I use this with vitamin C or other serums?</h2>
12586<p>It may be used with other skincare products, but adding more layers can affect how the routine behaves under makeup.</p>
12587<p>Introduce one change at a time and follow the directions for each product.</p>
12588<p class="h2">Can I use it with tretinoin or retinoids?</h2>
12589<p>Follow the directions provided with your treatment and consult your healthcare professional if you have questions about combining products.</p>
12590<p>Do not apply products to actively irritated, raw, or painful skin.</p>
12591<p class="h2">Is this a morning or evening kit?</h2>
12592<p>It can be used morning and evening.</p>
12593<p>In the morning, finish with sunscreen.</p>
12594<p class="h2">Why You Will Love It</h1>
12595<ul>
12596<li>
12597<p>Two full-size products</p>
12598</li>
12599<li>
12600<p>Clear product order</p>
12601</li>
12602<li>
12603<p>Lightweight hydration</p>
12604</li>
12605<li>
12606<p>Moisture-sealing support</p>
12607</li>
12608<li>
12609<p>Makeup-prep benefits</p>
12610</li>
12611<li>
12612<p>Fewer overlapping skincare steps</p>
12613</li>
12614<li>
12615<p>Can reduce the need for a separate primer</p>
12616</li>
12617<li>
12618<p>Easy to use morning and evening</p>
12619</li>
12620<li>
12621<p>Suitable for dry, combination, oily-but-dehydrated, and makeup-wearing customers</p>
12622</li>
12623</ul>
12624<p class="h2">Final Product Summary</h1>
12625<p>The <strong>Hydration Heroes Skin Prep Kit</strong> is a two-step facial hydration and makeup-prep routine featuring <strong>Water Elixir and Water Balm</strong>.</p>
12626<p>Water Elixir provides lightweight hydration. Water Balm helps seal in moisture and acts as the final moisturizer and makeup-prep step.</p>
12627<p>Together, they help skin feel softer, smoother, and more comfortable while simplifying the products used underneath sunscreen and makeup.</p>
12628<p><strong>Use in this order:</strong></p>
12629<p><strong>Water Elixir → Water Balm → sunscreen → makeup</strong></p>
12630        </div>
12631      </div>
12632    
12633    
12634
12635        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
12636          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/hydration-heroes-skincare-starter-kit');
12637        });"></div>
12638        <div
12639          id="current-variant-template--19743130189877__product-grid-4659586302005-110" 
12640          class="current-variant hidden"
12641        >
12642          
12643            32311641112629
12644          
12645        </div>
12646    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
12647    
12648      <div class="card-info x-highlight-icon mt-2.5">
12649        <div 
12650  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
12651  x-data="{setPosition(el) {
12652    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
12653    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
12654    elRect = el.getBoundingClientRect();
12655    let spacingLeft = elRect.left - parentEl.left;
12656    if (spacingLeft < 0) {
12657      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
12658    }
12659    let spacingRight = parentEl.right - elRect.right;
12660    if (spacingRight < 0) {
12661      el.style.setProperty('--left-tooltip', spacingRight + 'px');
12662    } 
12663  }}"
12664  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
12665>
12666    �
12667    �
12668    �
12669    �</div>
12670      </div>
12671    
12672    
12673      <template x-if="$store.xQuickView">
12674        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
12675              
12676<form method="post" action="/cart/add" id="product-form-choose-option4659586302005210" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="32311641112629">
12677                  
12678                  
12679                  <button
12680                    type="submit"
12681                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
12682                    data-id="template--19743130189877__product-grid-4659586302005-110"
12683                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
12684                    
12685                    
12686                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
12687                    
12688                      aria-label="Add to cart"
12689                    
12690                    
12691                  >
12692                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12693                      
12694
12695                          <span class="flex items-center justify-center">
12696                            
12697<div class="flex justify-center ">
12698  
12699    
12700      
12701        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
12702      
12703    
12704  
12705  
12706    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
12707      
12708      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
12709        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
12710      </svg>
12711      
12712    </span>
12713  
12714</div>
12715                          </span>
12716                    </span>
12717                    <div
12718                      class="flex gap-x-2 items-center justify-center"
12719                      role="alert"
12720                      x-cloak
12721                      x-show="errorMessage"
12722                    >
12723                      Sold out
12724                    </div>
12725                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12726                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
12727    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12728  </svg>
12729
12730                    </div>
12731                  </button><input type="hidden" name="product-id" value="4659586302005" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
12732            </div><button 
12733            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/hydration-heroes-skincare-starter-kit', $el, 'template--19743130189877__product-grid-4659586302005-110')" 
12734            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/hydration-heroes-skincare-starter-kit', $el, 'template--19743130189877__product-grid-4659586302005-110')" 
12735            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12736            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
12737            aria-label="Button quickview"
12738            x-customer-event-data="{
12739    &quot;product&quot;: {
12740      &quot;title&quot;: &quot;Hydration Heroes Facial Skin Prep Kit&quot;,
12741      &quot;listName&quot;: &quot;Shop All&quot;,
12742      &quot;sku&quot;: &quot;4659586302005&quot;,
12743      &quot;currencyCode&quot;: &quot;USD&quot;,
12744      &quot;price&quot;: 12900,
12745      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
12746    }
12747  }"
12748            x-show="$store.xQuickView.enabled"
12749          >
12750            <span class="flex justify-center items-center">
12751              
12752<div class="flex justify-center ">
12753  
12754    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12755  
12756  
12757    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
12758      
12759      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
12760        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
12761      </svg>
12762      
12763    </span>
12764  
12765</div>
12766            </span>
12767          </button>
12768        </div>
12769      </template>
12770    
12771  </div>
12772</div>
12773                    </div>
12774                    
12775
12776                    
12777                    
12778                    <div class="grid-item">
12779                      
12780                      
12781
12782<div 
12783  
12784    x-data="xProductCard('template--19743130189877__product-grid-111', '/collections/shop-all/products/barrier-support-skincare-kit', '7191444357173')"  
12785  
12786  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
12787  x-slide-index="-1"
12788>
12789  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
12790  >
12791    
12792    <a 
12793      
12794        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
12795      
12796      href="/collections/shop-all/products/barrier-support-skincare-kit"
12797       
12798        x-data="{ lastWindowWidth: 0 }"
12799        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
12800        x-labels-data="[
12801    
12802{
12803      &quot;variant_id&quot;: 42284895928373,
12804      &quot;product_id&quot;: 7191444357173,
12805      &quot;available&quot;: false,
12806      &quot;title&quot;: &quot;Sensitive Skin Prep Skincare Kit for Reactive Skin&quot;,
12807      &quot;compare_at_price&quot;: 0,
12808      &quot;price&quot;: 19500,
12809      &quot;price_with_currency&quot;: &quot;$ 195.00&quot;,
12810      &quot;sale_amount&quot;: &quot;$ -195.00&quot;,
12811      &quot;collections&quot;: &quot;||285551132725||318067736629||262726549557||318067245109||184227590||316678209589||303513370677||&quot;,
12812      &quot;inventory_management&quot;: &quot;shopify&quot;,
12813      &quot;qty&quot;: -4,
12814      &quot;container&quot;: &quot;card&quot;,
12815      &quot;can_show_preorder&quot;: false,
12816      &quot;diff_day_create&quot;: 1684787300,
12817      &quot;diff_day_publish&quot;: 1711739175
12818      
12819      }
12820    ]"
12821       
12822      aria-label="Sensitive Skin Prep Skincare Kit for Reactive Skin"
12823      id="7191444357173-template--19743130189877__product-grid"
12824      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
12825      <div
12826        id="x-slideshow-card-product-template--19743130189877__product-grid-111--1"
12827        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
12828        @click='$store.xCustomerEvent.fire("product_selected", $el)'
12829        x-customer-event-data="{
12830    &quot;product&quot;: {
12831      &quot;title&quot;: &quot;Sensitive Skin Prep Skincare Kit for Reactive Skin&quot;,
12832      &quot;listName&quot;: &quot;Shop All&quot;,
12833      &quot;sku&quot;: &quot;7191444357173&quot;,
12834      &quot;currencyCode&quot;: &quot;USD&quot;,
12835      &quot;price&quot;: 19500,
12836      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
12837    }
12838  }"
12839        x-cloak
12840        
12841          x-intersect.once.margin.200px='$store.xSplide.load($el, {
12842            "drag": true,
12843            "pagination": true,
12844            "arrows": false,
12845            "pauseOnFocus": false,
12846            "pauseOnHover": false,
12847            "perMove": 1,
12848            "perPage": 1,
12849            "focus": "center",
12850            "mediaQuery": "min",
12851            "rewind": true,
12852            
12853            "breakpoints": {
12854              1024: {
12855                
12856                  "destroy": true
12857                
12858              }
12859            },
12860            
12861              "playOnHover": true,
12862            
12863            
12864            "classes": {
12865              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
12866              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
12867            },
12868            "type": "fade",
12869          })'>
12870        <div 
12871          id="image-product-template--19743130189877__product-grid-111--1"
12872          class="splide__track overflow-hidden max-h-full h-full w-full"
12873        >
12874        <div class="w-full h-full splide__list">
12875            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
12876            >
12877              
12878              <picture>
12879                <img
12880                  srcset="
12881                  //www.soniaroselli.com/cdn/shop/files/sensitive_skin_skincare_kit.png?v=1784677089&width=250 250w,
12882                  //www.soniaroselli.com/cdn/shop/files/sensitive_skin_skincare_kit.png?v=1784677089&width=350 350w,
12883                  //www.soniaroselli.com/cdn/shop/files/sensitive_skin_skincare_kit.png?v=1784677089&width=450 450w,
12884                  //www.soniaroselli.com/cdn/shop/files/sensitive_skin_skincare_kit.png?v=1784677089&width=750 750w,
12885                  //www.soniaroselli.com/cdn/shop/files/sensitive_skin_skincare_kit.png?v=1784677089&width=900 900w,
12886                  //www.soniaroselli.com/cdn/shop/files/sensitive_skin_skincare_kit.png?v=1784677089&width=1100 1100w,
12887                  //www.soniaroselli.com/cdn/shop/files/sensitive_skin_skincare_kit.png?v=1784677089&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/sensitive_skin_skincare_kit.png?v=1784677089 2048w" 
12888                  src="//www.soniaroselli.com/cdn/shop/files/sensitive_skin_skincare_kit.png?v=1784677089&width=1500"
12889                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
12890                  alt="Three Sonia Roselli skincare products arranged on a white background: a Water Oil skin prep bottle with a gold pump and clear cap, an Intense Barrier Cream jar, and a Water Elixir skin prep pump bottle."
12891                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
12892                  loading="lazy"
12893                  width="2048"
12894                  height="2048"
12895                  onload="requestAnimationFrame(() => {
12896                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12897                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
12898                  })"
12899                />
12900              </picture>
12901              
12902            </div><style data-shopify>
12903                  #image-product-template--19743130189877__product-grid-111--1 .media-slide:not(:first-child) {
12904                    height: 100%;
12905                  }
12906                </style>
12907                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
12908                  
12909                  <picture>
12910                    <img
12911                      srcset="//www.soniaroselli.com/cdn/shop/files/01-sensitive-skin-kit-hook-skin-used-to-tolerate-everything-redness-closeup.png?v=1789396494&width=250 250w,
12912                        //www.soniaroselli.com/cdn/shop/files/01-sensitive-skin-kit-hook-skin-used-to-tolerate-everything-redness-closeup.png?v=1789396494&width=350 350w,
12913                        //www.soniaroselli.com/cdn/shop/files/01-sensitive-skin-kit-hook-skin-used-to-tolerate-everything-redness-closeup.png?v=1789396494&width=450 450w,
12914                        //www.soniaroselli.com/cdn/shop/files/01-sensitive-skin-kit-hook-skin-used-to-tolerate-everything-redness-closeup.png?v=1789396494&width=750 750w,
12915                        //www.soniaroselli.com/cdn/shop/files/01-sensitive-skin-kit-hook-skin-used-to-tolerate-everything-redness-closeup.png?v=1789396494&width=900 900w,
12916                        //www.soniaroselli.com/cdn/shop/files/01-sensitive-skin-kit-hook-skin-used-to-tolerate-everything-redness-closeup.png?v=1789396494&width=1100 1100w,
12917                        //www.soniaroselli.com/cdn/shop/files/01-sensitive-skin-kit-hook-skin-used-to-tolerate-everything-redness-closeup.png?v=1789396494&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/01-sensitive-skin-kit-hook-skin-used-to-tolerate-everything-redness-closeup.png?v=1789396494 1080w"
12918                      src="//www.soniaroselli.com/cdn/shop/files/01-sensitive-skin-kit-hook-skin-used-to-tolerate-everything-redness-closeup.png?v=1789396494&width=1500"
12919                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
12920                      alt="Close-up of a person&#39;s cheek and nose area with peeling skin and overlaid white text reading, &#39;Your skin used to tolerate everything. Now? Dry."
12921                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
12922                      loading="lazy"
12923                      width="1080"
12924                      height="1080"
12925                      onload="requestAnimationFrame(() => {
12926                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12927                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
12928                      })"
12929                    />
12930                  </picture>
12931                  
12932                </div></div>
12933        </div></div>
12934        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
12935              x-show="$store.xQuickView" x-cloak
12936            > 
12937              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
12938                class="w-full hide-icon lg:pl-4 lg:pr-4" 
12939                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
12940                x-cloak
12941              >
12942                
12943<form method="post" action="/cart/add" id="product-form-choose-option7191444357173211" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="42284895928373">
12944                    
12945                                                                
12946                    <button
12947                      type="submit"
12948                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-7191444357173-111"
12949                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
12950                      
12951                      
12952                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"disabled
12953                        aria-label="Sold out"
12954                    >
12955                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12956                        
12957Sold out
12958
12959                      </span>
12960                      <div
12961                        class="flex gap-x-2 items-center justify-center"
12962                        role="alert"
12963                        x-cloak
12964                        x-show="errorMessage"
12965                      >
12966                        Sold out
12967                      </div>
12968                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12969                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
12970    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12971  </svg>
12972
12973                      </div>
12974                    </button>
12975                    <button 
12976                      type="submit"
12977                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
12978                      
12979                      
12980                      data-id="template--19743130189877__product-grid-7191444357173-111"
12981                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"disabled
12982                        aria-label="Sold out"x-customer-event-data="{
12983    &quot;product&quot;: {
12984      &quot;title&quot;: &quot;Sensitive Skin Prep Skincare Kit for Reactive Skin&quot;,
12985      &quot;listName&quot;: &quot;Shop All&quot;,
12986      &quot;sku&quot;: &quot;7191444357173&quot;,
12987      &quot;currencyCode&quot;: &quot;USD&quot;,
12988      &quot;price&quot;: 19500,
12989      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
12990    }
12991  }"
12992                      
12993                    >
12994                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
12995    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
12996  </svg></span>
12997                      <span class="block w-5 h-5" x-show="loading" x-cloak>
12998                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
12999    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13000  </svg>
13001
13002                      </span>
13003                    </button><input type="hidden" name="product-id" value="7191444357173" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
13004              </div>
13005            </div><div
13006            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
13007            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
13008            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
13009            >
13010            <div>
13011              <button
13012                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13013                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/barrier-support-skincare-kit', $el, 'template--19743130189877__product-grid-7191444357173-111')" 
13014                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/barrier-support-skincare-kit', $el, 'template--19743130189877__product-grid-7191444357173-111')" 
13015                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
13016                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
13017                x-customer-event-data="{
13018    &quot;product&quot;: {
13019      &quot;title&quot;: &quot;Sensitive Skin Prep Skincare Kit for Reactive Skin&quot;,
13020      &quot;listName&quot;: &quot;Shop All&quot;,
13021      &quot;sku&quot;: &quot;7191444357173&quot;,
13022      &quot;currencyCode&quot;: &quot;USD&quot;,
13023      &quot;price&quot;: 19500,
13024      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
13025    }
13026  }"
13027                aria-label="Button quickview"
13028              >
13029                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
13030    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
13031  </svg>
13032</span>
13033                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
13034                  
13035<div class="flex justify-center ">
13036  
13037    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
13038  
13039  
13040    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
13041      
13042      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
13043        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
13044      </svg>
13045      
13046    </span>
13047  
13048</div>
13049                </span>
13050              </button>
13051              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/barrier-support-skincare-kit", $el, "template--19743130189877__product-grid-7191444357173-111"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13052                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
13053                aria-label="Button quickview"
13054                x-customer-event-data="{
13055    &quot;product&quot;: {
13056      &quot;title&quot;: &quot;Sensitive Skin Prep Skincare Kit for Reactive Skin&quot;,
13057      &quot;listName&quot;: &quot;Shop All&quot;,
13058      &quot;sku&quot;: &quot;7191444357173&quot;,
13059      &quot;currencyCode&quot;: &quot;USD&quot;,
13060      &quot;price&quot;: 19500,
13061      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
13062    }
13063  }"
13064              >
13065                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
13066    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
13067  </svg>
13068</span>
13069              </button>
13070            </div>
13071          </div>
13072        </div>
13073      
13074    </a>
13075    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
13076      
13077      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-7191444357173">
13078        <a href="/collections/shop-all/products/barrier-support-skincare-kit"
13079          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
13080          @click='$store.xCustomerEvent.fire("product_selected", $el)'
13081          x-customer-event-data="{
13082    &quot;product&quot;: {
13083      &quot;title&quot;: &quot;Sensitive Skin Prep Skincare Kit for Reactive Skin&quot;,
13084      &quot;listName&quot;: &quot;Shop All&quot;,
13085      &quot;sku&quot;: &quot;7191444357173&quot;,
13086      &quot;currencyCode&quot;: &quot;USD&quot;,
13087      &quot;price&quot;: 19500,
13088      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
13089    }
13090  }"
13091        >
13092          Sensitive Skin Prep Skincare Kit for Reactive Skin
13093        </a>
13094      </p>
13095      
13096        
13097 
13098
13099
13100      
13101
13102  
13103<div 
13104  class="x-review-product other 
13105    
13106      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
13107  "
13108>
13109  
13110<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.83 out of 5.0 stars">
13111        
13112      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
13113        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
13114      </svg>
13115    
13116      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
13117        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
13118      </svg>
13119    
13120      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
13121        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
13122      </svg>
13123    
13124      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
13125        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
13126      </svg>
13127    
13128      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
13129        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
13130      </svg>
13131    
13132      </div> 
13133      <p class="rating-count leading-none caption ml-1 text-review-count">(18)
13134      </p>
13135</div>
13136
13137<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
13138        
13139        
13140          <div class=" price leading-none ">
13141  <div class="target-price hidden">19500</div>
13142  <div class="target-compare-at-price hidden"></div>
13143  
13144    
13145  
13146  
13147<p class="price">
13148        $ 195.00
13149      </p>
13150    
13151  
13152</div>
13153
13154        
13155        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
13156      </div>
13157      
13158      <template x-if="localStorage.getItem('selectedStore')">
13159        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7191444357173', [285551132725, 318067736629, 262726549557, 318067245109, 184227590, 316678209589, 303513370677])">
13160            
13161<div 
13162  class="text-availability-notice"
13163  x-data='{ 
13164    locations: [],
13165    pickupLocations: [],
13166    pickupAvailabilites: []
13167  }'
13168  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
13169>
13170  <style data-shopify>
13171    .text-availability-notice {
13172      font-size: 0.7363125rem;
13173    }
13174    @media (min-width: 768px) {
13175      .text-availability-notice {
13176        font-size: 0.818125rem;
13177      }
13178    }
13179  </style>
13180  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
13181    <span class="flex h-4 w-4 relative">
13182  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13183    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13184    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13185  </svg>
13186
13187</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
13188  </div>
13189  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
13190    <span class="flex h-4 w-4 relative">
13191  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13192    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13193    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13194  </svg>
13195
13196</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
13197  </div>
13198</div></div>
13199      </template>
13200      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
13201    </div>
13202  </div>
13203  <div
13204    id="x-product-template-7191444357173-template--19743130189877__product-grid-111"
13205    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
13206  >
13207    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
13208      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
13209        
13210        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-7191444357173">
13211          <a href="/collections/shop-all/products/barrier-support-skincare-kit"
13212            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
13213            @click='$store.xCustomerEvent.fire("product_selected", $el)'
13214            x-customer-event-data="{
13215    &quot;product&quot;: {
13216      &quot;title&quot;: &quot;Sensitive Skin Prep Skincare Kit for Reactive Skin&quot;,
13217      &quot;listName&quot;: &quot;Shop All&quot;,
13218      &quot;sku&quot;: &quot;7191444357173&quot;,
13219      &quot;currencyCode&quot;: &quot;USD&quot;,
13220      &quot;price&quot;: 19500,
13221      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
13222    }
13223  }"
13224          >
13225            Sensitive Skin Prep Skincare Kit for Reactive Skin
13226          </a>
13227        </p>
13228        
13229          
13230 
13231
13232
13233        
13234
13235  
13236<div 
13237  class="x-review-product other 
13238    
13239      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
13240  "
13241>
13242  
13243<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.83 out of 5.0 stars">
13244        
13245      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
13246        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
13247      </svg>
13248    
13249      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
13250        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
13251      </svg>
13252    
13253      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
13254        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
13255      </svg>
13256    
13257      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
13258        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
13259      </svg>
13260    
13261      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
13262        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
13263      </svg>
13264    
13265      </div> 
13266      <p class="rating-count leading-none caption ml-1 text-review-count">(18)
13267      </p>
13268</div>
13269
13270<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
13271          
13272          
13273            <div class=" price leading-none ">
13274  <div class="target-price hidden">19500</div>
13275  <div class="target-compare-at-price hidden"></div>
13276  
13277    
13278  
13279  
13280<p class="price">
13281        $ 195.00
13282      </p>
13283    
13284  
13285</div>
13286
13287          
13288          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
13289        </div>
13290        
13291        <template x-if="localStorage.getItem('selectedStore')">
13292          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7191444357173', [285551132725, 318067736629, 262726549557, 318067245109, 184227590, 316678209589, 303513370677])"><div 
13293  class="text-availability-notice"
13294  x-data='{ 
13295    locations: [],
13296    pickupLocations: [],
13297    pickupAvailabilites: []
13298  }'
13299  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
13300>
13301  <style data-shopify>
13302    .text-availability-notice {
13303      font-size: 0.7363125rem;
13304    }
13305    @media (min-width: 768px) {
13306      .text-availability-notice {
13307        font-size: 0.818125rem;
13308      }
13309    }
13310  </style>
13311  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
13312    <span class="flex h-4 w-4 relative">
13313  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13314    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13315    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13316  </svg>
13317
13318</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
13319  </div>
13320  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
13321    <span class="flex h-4 w-4 relative">
13322  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13323    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13324    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13325  </svg>
13326
13327</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
13328  </div>
13329</div></div>
13330        </template>
13331      </div>
13332    </div>
13333    
13334      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
13335        <div class="rte line-clamp-3">
13336          <p class="h2">Sensitive Skin Prep Kit</h1>
13337<p class="h2">Barrier-supporting skincare for sensitive, reactive-feeling skin.</h2>
13338<p>When your skin seems to react to everything, more is not the answer.</p>
13339<p>The Sensitive Skin Prep Kit is Sonia Roselli Beauty’s four-step skin prep routine for makeup wearers whose skin feels sensitive, reactive, dry, tight, or easily uncomfortable.</p>
13340<p>It layers hydration, nourishment, cushion, and richer moisture to help skin feel comfortable before makeup.</p>
13341<p>No exfoliation required.</p>
13342<p><strong>$195</strong></p>
13343<p>Free shipping on every order.</p>
13344<p><strong>CTA: Start With Sensitive Skin Prep</strong></p>
13345<p class="h2">If your skin reacts to everything, start here.</h1>
13346<p>You try something new.</p>
13347<p>Your skin feels tight.</p>
13348<p>Something stings.</p>
13349<p>Your face suddenly feels uncomfortable.</p>
13350<p>So you start taking things out of your routine.</p>
13351<p>And exfoliation?</p>
13352<p>That can feel like the last thing you want to try again.</p>
13353<p>When skin already feels reactive, I do not want you throwing more at it.</p>
13354<p>Start with hydration.</p>
13355<p>
13355Add nourishment.</p>
13356<p>Support the skin’s moisture barrier.</p>
13357<p>Give your skin a routine that feels comfortable.</p>
13358<p>Then add more only when your skin is ready.</p>
13359<p><strong>Comfort first. Add later.</strong></p>
13360<p class="h2">What is the Sensitive Skin Prep Kit?</h1>
13361<p>The Sensitive Skin Prep Kit is a four-product barrier-support skincare routine for makeup wearers with sensitive or reactive-feeling skin.</p>
13362<p>It includes:</p>
13363<p><strong>Water Elixir</strong><br>Lightweight hydration for skin that feels dry, tight, or thirsty.</p>
13364<p><strong>Water Oil</strong><br>Nourishing facial oil that helps skin feel softer and more supple.</p>
13365<p><strong>Water Balm</strong><br>Cushiony daily moisture that helps skin feel soft, hydrated, and comfortable.</p>
13366<p><strong>Intense Barrier Cream</strong><br>Richer moisture for skin that feels dry, stressed, or easily uncomfortable.</p>
13367<p>All four skincare products are made in Japan.</p>
13368<p>Together, they give sensitive-feeling skin a simple way to hydrate, nourish, moisturize, and support the skin barrier without making exfoliation the first step.</p>
13369<p class="h2">Sensitive skin needs a different kind of skin prep.</h1>
13370<p>Your foundation only knows the skin you put it on.</p>
13371<p>If that skin feels tight, dry, rough, or uncomfortable, makeup may not sit the way you want it to.</p>
13372<p>Foundation can catch around dry-looking areas.</p>
13373<p>It can look patchy.</p>
13374<p>It can sit on top instead of looking like skin.</p>
13375<p>And adding more makeup usually does not solve what is happening underneath it.</p>
13376<p>The Sensitive Skin Prep Kit starts with the skin.</p>
13377<p>Hydrate it.</p>
13378<p>Nourish it.</p>
13379<p>Give it comfortable layers of moisture.</p>
13380<p>Then apply your makeup.</p>
13381<p><strong>Great skincare. Better makeup.</strong></p>
13382<p class="h2">What it does as skincare</h1>
13383<p>The Sensitive Skin Prep Kit helps create a simple routine for skin that needs moisture and comfort.</p>
13384<p>Use it to:</p>
13385<ul>
13386<li>
13387<p>Hydrate dry or tight-feeling skin</p>
13388</li>
13389<li>
13390<p>Add nourishing moisture</p>
13391</li>
13392<li>
13393<p>Help skin feel soft and supple</p>
13394</li>
13395<li>
13396<p>Support the skin’s moisture barrier</p>
13397</li>
13398<li>
13399<p>Add richer moisture where skin needs more comfort</p>
13400</li>
13401<li>
13402<p>Simplify your routine when everything else feels like too much</p>
13403</li>
13404</ul>
13405<p>No aggressive routine.</p>
13406<p>No need to keep adding products because you think more must be better.</p>
13407<p>Start with what your skin is asking for.</p>
13408<p class="h2">Why makeup wearers care</h1>
13409<p>Sensitive skin prep is not about covering everything with more foundation.</p>
13410<p>It is about improving the canvas underneath it.</p>
13411<p>When skin feels dry or uncomfortable, makeup can emphasize the areas you were trying to hide.</p>
13412<p>It may cling.</p>
13413<p>Look heavy.</p>
13414<p>Or make dry-looking texture more obvious.</p>
13415<p>Hydrated, comfortable-feeling skin gives your foundation a better surface to sit on.</p>
13416<p>The goal is not perfect skin.</p>
13417<p>The goal is skin that feels better before makeup ever touches it.</p>
13418<p>And makeup that looks more like skin when it does.</p>
13419<p class="h2">Why there is no exfoliator in the Sensitive Skin Prep Kit</h1>
13420<p>Because not everyone should start with exfoliation.</p>
13421<p>If your skin feels reactive or easily uncomfortable, adding another exfoliating step may not be what it needs right now.</p>
13422<p>The Sensitive Skin Prep Kit takes a barrier-first approach.</p>
13423<p>Start with hydration.</p>
13424<p>
13424Add nourishment.</p>
13425<p>Support comfortable-feeling skin.</p>
13426<p>Pay attention to how your skin responds.</p>
13427<p>Then decide what comes next.</p>
13428<p>You do not need to force your skin through someone else’s routine.</p>
13429<p class="h2">Your four-step sensitive skin prep routine</h1>
13430<p class="h2">Step 1: Water Elixir</h2>
13431<p class="h3">Start with lightweight hydration.</h3>
13432<p>Water Elixir gives dry or tight-feeling skin its first layer of hydration.</p>
13433<p>Use it before your richer skincare to create a hydrated foundation for the rest of your routine.</p>
13434<p class="h3">Why makeup wearers care</h3>
13435<p>When skin feels thirsty, foundation can make that dryness more obvious.</p>
13436<p>Hydrating the skin first gives your makeup a better place to start.</p>
13437<p class="h2">Step 2: Water Oil</h2>
13438<p class="h3">Add nourishment.</h3>
13439<p>Water Oil adds a nourishing layer that helps skin feel softer and more supple.</p>
13440<p>Use it when your skin is asking for more than water alone.</p>
13441<p class="h3">Why makeup wearers care</h3>
13442<p>Dry-feeling skin can grab foundation in certain areas.</p>
13443<p>Adding nourishment before makeup can help the skin underneath feel softer and more comfortable.</p>
13444<p class="h2">Step 3: Water Balm</h2>
13445<p class="h3">Add cushiony moisture.</h3>
13446<p>Water Balm gives skin another layer of hydration and moisture without turning skin prep into a complicated routine.</p>
13447<p>Skin feels soft, cushioned, and comfortable.</p>
13448<p class="h3">Why makeup wearers care</h3>
13449<p>Foundation often looks different on properly hydrated skin.</p>
13450<p>Instead of trying to fix dry-looking makeup with another layer of foundation, start underneath it.</p>
13451<p class="h2">Step 4: Intense Barrier Cream</h2>
13452<p class="h3">Seal with richer moisture.</h3>
13453<p>Intense Barrier Cream gives dry, stressed-feeling skin a richer final layer of comfort.</p>
13454<p>Use it when your skin needs more moisture than a lightweight routine can provide.</p>
13455<p class="h3">Why makeup wearers care</h3>
13456<p>If foundation keeps catching around dry-looking areas, the answer may not be another foundation.</p>
13457<p>Your skin may simply need more support underneath it.</p>
13458<p class="h2">Who is the Sensitive Skin Prep Kit for?</h1>
13459<p>This kit may be your starting point if you find yourself saying:</p>
13460<p><strong>“My skin reacts to everything.”</strong></p>
13461<p><strong>“Everything feels like too much.”</strong></p>
13462<p><strong>“My skin feels tight after I wash it.”</strong></p>
13463<p><strong>“I am scared to exfoliate again.”</strong></p>
13464<p><strong>“I never know what my skin is going to react to.”</strong></p>
13465<p><strong>“My makeup looks worse when my skin feels irritated.”</strong></p>
13466<p><strong>“I just want a simple place to start.”</strong></p>
13467<p>You do not need a shelf full of products.</p>
13468<p>You need to understand what your skin is asking for.</p>
13469<p class="h2">Sensitive Skin Prep Kit vs. Makeup Prep Kit</h1>
13470<p>Both are skincare for makeup wearers.</p>
13471<p>They solve different problems.</p>
13472<p class="h2">Choose the Sensitive Skin Prep Kit if:</h2>
13473<p>Your biggest concern is how your <strong>skin feels</strong>.</p>
13474<p>Your skin feels sensitive or reactive.</p>
13475<p>It feels dry or tight.</p>
13476<p>It becomes uncomfortable easily.</p>
13477<p>You are hesitant to exfoliate.</p>
13478<p>You want to focus on hydration, nourishment, moisture, and barrier support first.</p>
13479<p><strong>Start with comfort.</strong></p>
13480<p class="h2">Choose the Makeup Prep Kit if:</h2>
13481<p>Your biggest concern is how your <strong>makeup looks</strong>.</p>
13482<p>Foundation sits on top of your skin.</p>
13483<p>It looks cakey.</p>
13484<p>It catches around flaky areas.</p>
13485<p>It looks like paint.</p>
13486<p>You want a simple routine that includes exfoliation, hydration, and moisture before makeup.</p>
13487<p><strong>Start with the canvas.</strong></p>
13488<p class="h2">Why Sonia takes a different approach to reactive skin</h1>
13489<p>I have spent my career looking at skin before I ever reach for foundation.</p>
13490<p>I am a licensed esthetician and celebrity makeup artist.</p>
13491<p>I have worked on real faces since 1990.</p>
13492<p>And I have reactive, rosacea-prone skin myself.</p>
13493<p>So I understand why trying a new product can feel like a gamble when your skin reacts easily.</p>
13494<p>More is not always better.</p>
13495<p>Sometimes the smartest thing you can do is simplify.</p>
13496<p>Hydrate.</p>
13497<p>Nourish.</p>
13498<p>Pay attention.</p>
13499<p>Then decide what your skin actually needs next.</p>
13500<p>That is how I approach skin as a makeup artist.</p>
13501<p>And it is how I approach my own.</p>
13502<p class="h2">Skincare for makeup wearers</h1>
13503<p>Sonia Roselli Beauty makes skincare for people who wear makeup.</p>
13504<p>
13504Because skincare and makeup are not two separate conversations.</p>
13505<p>The condition of your skin affects what happens when foundation, concealer, and powder go on top of it.</p>
13506<p>That is why our products are designed in two ways.</p>
13507<p>They have a job to do as skincare.</p>
13508<p>And they have to make sense for someone who wears makeup.</p>
13509<p>Because makeup looks better when skin feels better.</p>
13510<p class="h2">Made in Japan</h1>
13511<p>Water Elixir, Water Oil, Water Balm, and Intense Barrier Cream are all made in Japan.</p>
13512<p>Together, they make up Sonia Roselli Beauty’s sensitive skin prep routine.</p>
13513<p>Four skincare steps.</p>
13514<p>One clear purpose.</p>
13515<p>Hydrate, nourish, moisturize, and support skin that needs a gentler place to start.</p>
13516<p class="h2">Frequently Asked Questions</h1>
13517<p class="h2">What is the Sonia Roselli Sensitive Skin Prep Kit?</h2>
13518<p>The Sensitive Skin Prep Kit is a four-product skincare routine for makeup wearers whose skin feels sensitive, reactive, dry, tight, or easily uncomfortable.</p>
13519<p>It includes Water Elixir, Water Oil, Water Balm, and Intense Barrier Cream.</p>
13520<p>The routine focuses on hydration, nourishment, moisture, comfort, and barrier support rather than beginning with exfoliation.</p>
13521<p class="h2">What products are included in the Sensitive Skin Prep Kit?</h2>
13522<p>The Sensitive Skin Prep Kit includes four full-size Sonia Roselli Beauty skincare products:</p>
13523<p>Water Elixir</p>
13524<p>Water Oil</p>
13525<p>Water Balm</p>
13526<p>Intense Barrier Cream</p>
13527<p>All four products are made in Japan.</p>
13528<p class="h2">Is this a barrier support skincare kit?</h2>
13529<p>Yes.</p>
13530<p>Barrier support is an important part of the Sensitive Skin Prep Kit.</p>
13531<p>The routine combines lightweight hydration, nourishing oil, cushiony moisture, and richer moisture for skin that feels dry, stressed, sensitive, or reactive.</p>
13532<p class="h2">Is the Sensitive Skin Prep Kit for sensitive skin?</h2>
13533<p>The Sensitive Skin Prep Kit is Sonia Roselli Beauty’s skin prep route for people whose skin feels sensitive or reactive.</p>
13534<p>If you have a diagnosed skin condition or known ingredient sensitivities, review the individual ingredient lists and speak with your qualified skincare or medical professional when appropriate.</p>
13535<p class="h2">Is the Sensitive Skin Prep Kit safe for rosacea?</h2>
13536<p>We do not make medical claims about rosacea.</p>
13537<p>Sonia personally has reactive, rosacea-prone skin, and her experience with reactive skin informs how she approaches skincare.</p>
13538<p>If you have rosacea or another diagnosed skin condition, review the individual product ingredients and speak with your dermatologist or qualified medical professional about what is appropriate for your skin.</p>
13539<p class="h2">Does the Sensitive Skin Prep Kit include an exfoliator?</h2>
13540<p>No.</p>
13541<p>The Sensitive Skin Prep Kit does not include Sexapeel.</p>
13542<p>This routine is designed to give reactive-feeling skin a barrier-first starting point with hydration, nourishment, and moisture.</p>
13543<p>Exfoliation can be considered later based on what your skin tolerates.</p>
13544<p class="h2">Can I use the Sensitive Skin Prep Kit before makeup?</h2>
13545<p>Yes.</p>
13546<p>The products are skincare first, but the routine was designed with makeup wearers in mind.</p>
13547<p>Hydrated, comfortable-feeling skin creates a better canvas for foundation and concealer than skin that feels dry, tight, or stressed.</p>
13548<p class="h2">Is the Sensitive Skin Prep Kit a makeup primer?</h2>
13549<p>No.</p>
13550<p>The Sensitive Skin Prep Kit is skincare.</p>
13551<p>It hydrates, nourishes, moisturizes, and supports the skin underneath your makeup.</p>
13552<p>That skin prep can help create a better surface before foundation and concealer are applied.</p>
13553<p class="h2">What is the difference between the Sensitive Skin Prep Kit and the Makeup Prep Kit?</h2>
13554<p>The Sensitive Skin Prep Kit is designed for people whose main concern is sensitive, reactive, dry, tight, or easily uncomfortable skin.</p>
13555<p>It does not include exfoliation.</p>
13556<p>The Makeup Prep Kit is designed for people whose main concern is foundation that looks cakey, flaky, heavy, or like it is sitting on top of the skin.</p>
13557<p>It includes exfoliation as part of the prep routine.</p>
13558<p class="h2">What was the Barrier Support Skincare Kit?</h2>
13559<p>Sensitive Skin Prep Kit is the current name for Sonia Roselli Beauty’s sensitive-skin, barrier-support skin prep routine.</p>
13560<p>The new name makes its purpose clearer.</p>
13561<p>It is skincare designed for makeup wearers who need a gentler place to start.</p>
13562<p class="h2">How much is the Sensitive Skin Prep Kit?</h2>
13563<p>The Sensitive Skin Prep Kit is <strong>$195</strong>.</p>
13564<p>Free shipping is included on every Sonia Roselli Beauty order.</p>
13565<p class="h2">When your skin says enough, listen.</h1>
13566<p>You do not need another aggressive step.</p>
13567<p>You do not need to force exfoliation.</p>
13568<p>And you do not need to keep buying products hoping the next one will finally make sense.</p>
13569<p>Start with hydration.</p>
13570<p>
13570Add nourishment.</p>
13571<p>Support the skin underneath your makeup.</p>
13572<p>Learn what your skin likes.</p>
13573<p>Then add more when it makes sense.</p>
13574<p class="h2">Sensitive Skin Prep Kit</h2>
13575<p>Four Japanese-made skincare essentials for sensitive, reactive-feeling skin and the makeup that goes on top of it.</p>
13576<p><strong>$195</strong></p>
13577<p>Free shipping on every kit order.</p>
13578<p><strong>CTA: Start With Sensitive Skin Prep</strong></p>
13579        </div>
13580      </div>
13581    
13582    
13583
13584        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
13585          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/barrier-support-skincare-kit');
13586        });"></div>
13587        <div
13588          id="current-variant-template--19743130189877__product-grid-7191444357173-111" 
13589          class="current-variant hidden"
13590        >
13591          
13592            42284895928373
13593          
13594        </div>
13595    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
13596    
13597      <div class="card-info x-highlight-icon mt-2.5">
13598        <div 
13599  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
13600  x-data="{setPosition(el) {
13601    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
13602    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
13603    elRect = el.getBoundingClientRect();
13604    let spacingLeft = elRect.left - parentEl.left;
13605    if (spacingLeft < 0) {
13606      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
13607    }
13608    let spacingRight = parentEl.right - elRect.right;
13609    if (spacingRight < 0) {
13610      el.style.setProperty('--left-tooltip', spacingRight + 'px');
13611    } 
13612  }}"
13613  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
13614>
13615    �
13616    �
13617    �
13618    �</div>
13619      </div>
13620    
13621    
13622      <template x-if="$store.xQuickView">
13623        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
13624              
13625<form method="post" action="/cart/add" id="product-form-choose-option7191444357173211" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="42284895928373">
13626                  
13627                  
13628                  <button
13629                    type="submit"
13630                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
13631                    data-id="template--19743130189877__product-grid-7191444357173-111"
13632                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
13633                    
13634                    
13635                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
13636                    
13637                      disabled
13638                      aria-label="Sold out"
13639                    
13640                    
13641                  >
13642                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13643                      
13644Sold out
13645
13646                    </span>
13647                    <div
13648                      class="flex gap-x-2 items-center justify-center"
13649                      role="alert"
13650                      x-cloak
13651                      x-show="errorMessage"
13652                    >
13653                      Sold out
13654                    </div>
13655                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
13655calc(50%-10px)]" x-show="loading" x-cloak>
13656                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
13657    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13658  </svg>
13659
13660                    </div>
13661                  </button><input type="hidden" name="product-id" value="7191444357173" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
13662            </div><button 
13663            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/barrier-support-skincare-kit', $el, 'template--19743130189877__product-grid-7191444357173-111')" 
13664            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/barrier-support-skincare-kit', $el, 'template--19743130189877__product-grid-7191444357173-111')" 
13665            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13666            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
13667            aria-label="Button quickview"
13668            x-customer-event-data="{
13669    &quot;product&quot;: {
13670      &quot;title&quot;: &quot;Sensitive Skin Prep Skincare Kit for Reactive Skin&quot;,
13671      &quot;listName&quot;: &quot;Shop All&quot;,
13672      &quot;sku&quot;: &quot;7191444357173&quot;,
13673      &quot;currencyCode&quot;: &quot;USD&quot;,
13674      &quot;price&quot;: 19500,
13675      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
13676    }
13677  }"
13678            x-show="$store.xQuickView.enabled"
13679          >
13680            <span class="flex justify-center items-center">
13681              
13682<div class="flex justify-center ">
13683  
13684    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
13685  
13686  
13687    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
13688      
13689      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
13690        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
13691      </svg>
13692      
13693    </span>
13694  
13695</div>
13696            </span>
13697          </button>
13698        </div>
13699      </template>
13700    
13701  </div>
13702</div>
13703                    </div>
13704                    
13705
13706                    
13707                    
13708                    <div class="grid-item">
13709                      
13710                      
13711
13712<div 
13713  
13714    x-data="xProductCard('template--19743130189877__product-grid-112', '/collections/shop-all/products/the-start-simple-skincare-kit', '7710122672181')"  
13715  
13716  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
13717  x-slide-index="-1"
13718>
13719  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
13720  >
13721    
13722    <a 
13723      
13724        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
13725      
13726      href="/collections/shop-all/products/the-start-simple-skincare-kit"
13727       
13728        x-data="{ lastWindowWidth: 0 }"
13729        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
13730        x-labels-data="[
13731    
13732{
13733      &quot;variant_id&quot;: 43933913055285,
13734      &quot;product_id&quot;: 7710122672181,
13735      &quot;available&quot;: true,
13736      &quot;title&quot;: &quot;Skin Prep Starter Kit – Exfoliate, Hydrate, Seal&quot;,
13737      &quot;compare_at_price&quot;: 16900,
13738      &quot;price&quot;: 16900,
13739      &quot;price_with_currency&quot;: &quot;$ 169.00&quot;,
13740      &quot;sale_amount&quot;: &quot;$ 0.00&quot;,
13741      &quot;collections&quot;: &quot;||285551132725||282862551093||308033716277||318067736629||318067015733||318153621557||262726549557||184227590||316678209589||303513370677||316648489013||317110845493||&quot;,
13742      &quot;inventory_management&quot;: &quot;shopify&quot;,
13743      &quot;qty&quot;: 1985,
13744      &quot;container&quot;: &quot;card&quot;,
13745      &quot;can_show_preorder&quot;: false,
13746      &quot;diff_day_create&quot;: 1725481010,
13747      &quot;diff_day_publish&quot;: 1728407961
13748      
13749      }
13750    ]"
13751       
13752      aria-label="Skin Prep Starter Kit – Exfoliate, Hydrate, Seal"
13753      id="7710122672181-template--19743130189877__product-grid"
13754      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
13754or-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
13755      <div
13756        id="x-slideshow-card-product-template--19743130189877__product-grid-112--1"
13757        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
13758        @click='$store.xCustomerEvent.fire("product_selected", $el)'
13759        x-customer-event-data="{
13760    &quot;product&quot;: {
13761      &quot;title&quot;: &quot;Skin Prep Starter Kit – Exfoliate, Hydrate, Seal&quot;,
13762      &quot;listName&quot;: &quot;Shop All&quot;,
13763      &quot;sku&quot;: &quot;7710122672181&quot;,
13764      &quot;currencyCode&quot;: &quot;USD&quot;,
13765      &quot;price&quot;: 16900,
13766      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
13767    }
13768  }"
13769        x-cloak
13770        
13771          x-intersect.once.margin.200px='$store.xSplide.load($el, {
13772            "drag": true,
13773            "pagination": true,
13774            "arrows": false,
13775            "pauseOnFocus": false,
13776            "pauseOnHover": false,
13777            "perMove": 1,
13778            "perPage": 1,
13779            "focus": "center",
13780            "mediaQuery": "min",
13781            "rewind": true,
13782            
13783            "breakpoints": {
13784              1024: {
13785                
13786                  "destroy": true
13787                
13788              }
13789            },
13790            
13791              "playOnHover": true,
13792            
13793            
13794            "classes": {
13795              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
13796              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
13797            },
13798            "type": "fade",
13799          })'>
13800        <div 
13801          id="image-product-template--19743130189877__product-grid-112--1"
13802          class="splide__track overflow-hidden max-h-full h-full w-full"
13803        >
13804        <div class="w-full h-full splide__list">
13805            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
13806            >
13807              
13808              <picture>
13809                <img
13810                  srcset="
13811                  //www.soniaroselli.com/cdn/shop/files/the_skin_prep_starter_kit.png?v=1784675085&width=250 250w,
13812                  //www.soniaroselli.com/cdn/shop/files/the_skin_prep_starter_kit.png?v=1784675085&width=350 350w,
13813                  //www.soniaroselli.com/cdn/shop/files/the_skin_prep_starter_kit.png?v=1784675085&width=450 450w,
13814                  //www.soniaroselli.com/cdn/shop/files/the_skin_prep_starter_kit.png?v=1784675085&width=750 750w,
13815                  //www.soniaroselli.com/cdn/shop/files/the_skin_prep_starter_kit.png?v=1784675085&width=900 900w,
13816                  //www.soniaroselli.com/cdn/shop/files/the_skin_prep_starter_kit.png?v=1784675085&width=1100 1100w,
13817                  //www.soniaroselli.com/cdn/shop/files/the_skin_prep_starter_kit.png?v=1784675085&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/the_skin_prep_starter_kit.png?v=1784675085 2048w" 
13818                  src="//www.soniaroselli.com/cdn/shop/files/the_skin_prep_starter_kit.png?v=1784675085&width=1500"
13819                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
13820                  alt="Three skincare products from Sonia Roselli arranged against a black background: a white jar labeled Water Balm, a tall white bottle labeled Gommage Peeling Gel, and a white pump bottle labeled Water Elixir, with gold text and accents."
13821                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
13822                  loading="lazy"
13823                  width="2048"
13824                  height="2048"
13825                  onload="requestAnimationFrame(() => {
13826                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13827                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
13828                  })"
13829                />
13830              </picture>
13831              
13832            </div><style data-shopify>
13833                  #image-product-template--19743130189877__product-grid-112--1 .media-slide:not(:first-child) {
13834                    height: 100%;
13835                  }
13836                </style>
13837                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
13838                  
13839                  <picture>
13840                    <img
13841                      srcset="//www.soniaroselli.com/cdn/shop/files/skin_prep_starter_kit_2.png?v=1784675111&width=250 250w,
13842                        //www.soniaroselli.com/cdn/shop/files/skin_prep_starter_kit_2.png?v=1784675111&width=350 350w,
13843                        //www.soniaroselli.com/cdn/shop/files/skin_prep_starter_kit_2.png?v=1784675111&width=450 450w,
13844                        //www.soniaroselli.com/cdn/shop/files/skin_prep_starter_kit_2.png?v=1784675111&width=750 750w,
13845                        //www.soniaroselli.com/cdn/shop/files/skin_prep_starter_kit_2.png?v=1784675111&width=900 900w,
13846                        //www.soniaroselli.com/cdn/shop/files/skin_prep_starter_kit_2.png?v=1784675111&width=1100 1100w,
13847                        //www.soniaroselli.com/cdn/shop/files/skin_prep_starter_kit_2.png?v=1784675111&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/skin_prep_starter_kit_2.png?v=1784675111 2048w"
13848                      src="//www.soniaroselli.com/cdn/shop/files/skin_prep_starter_kit_2.png?v=1784675111&width=1500"
13849                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
13850                      alt="Three Sonia Roselli skincare products arranged on a draped cream satin fabric background: a Water Balm jar, a Cloud-Make Peeling Gel bottle, and a Water Elixir Glow Spray bottle with a metallic gold collar."
13851                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
13852                      loading="lazy"
13853                      width="2048"
13854                      height="2048"
13855                      onload="requestAnimationFrame(() => {
13856                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13857                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
13858                      })"
13859                    />
13860                  </picture>
13861                  
13862                </div></div>
13863        </div></div>
13864        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
13865              x-show="$store.xQuickView" x-cloak
13866            > 
13867              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
13868                class="w-full hide-icon lg:pl-4 lg:pr-4" 
13869                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
13870                x-cloak
13871              >
13872                
13873<form method="post" action="/cart/add" id="product-form-choose-option7710122672181212" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="43933913055285">
13874                    
13875                                                                
13876                    <button
13877                      type="submit"
13878                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-7710122672181-112"
13879                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
13880                      
13881                      
13882                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
13883                    >
13884                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13885                        
13886
13887                            <span class="flex items-center justify-center">
13888                              
13889<div class="flex justify-center ">
13890  
13891    
13892      
13893        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
13894      
13895    
13896  
13897  
13898    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
13899      
13900      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
13901        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
13902      </svg>
13903      
13904    </span>
13905  
13906</div>
13907                            </span>
13908                      </span>
13909                      <div
13910                        class="flex gap-x-2 items-center justify-center"
13911                        role="alert"
13912                        x-cloak
13913                        x-show="errorMessage"
13914                      >
13915                        Sold out
13916                      </div>
13917                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
13918                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
13919    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13920  </svg>
13921
13922                      </div>
13923                    </button>
13924                    <button 
13925                      type="submit"
13926                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
13927                      
13928                      
13929                      data-id="template--19743130189877__product-grid-7710122672181-112"
13930                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
13931    &quot;product&quot;: {
13932      &quot;title&quot;: &quot;Skin Prep Starter Kit – Exfoliate, Hydrate, Seal&quot;,
13933      &quot;listName&quot;: &quot;Shop All&quot;,
13934      &quot;sku&quot;: &quot;7710122672181&quot;,
13935      &quot;currencyCode&quot;: &quot;USD&quot;,
13936      &quot;price&quot;: 16900,
13937      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
13938    }
13939  }"
13940                      
13941                    >
13942                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
13943    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
13944  </svg></span>
13945                      <span class="block w-5 h-5" x-show="loading" x-cloak>
13946                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
13947    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13948  </svg>
13949
13950                      </span>
13951                    </button><input type="hidden" name="product-id" value="7710122672181" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
13952              </div>
13953            </div><div
13954            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
13955            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
13956            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
13957            >
13958            <div>
13959              <button
13960                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13961                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/the-start-simple-skincare-kit', $el, 'template--19743130189877__product-grid-7710122672181-112')" 
13962                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/the-start-simple-skincare-kit', $el, 'template--19743130189877__product-grid-7710122672181-112')" 
13963                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
13964                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
13965                x-customer-event-data="{
13966    &quot;product&quot;: {
13967      &quot;title&quot;: &quot;Skin Prep Starter Kit – Exfoliate, Hydrate, Seal&quot;,
13968      &quot;listName&quot;: &quot;Shop All&quot;,
13969      &quot;sku&quot;: &quot;7710122672181&quot;,
13970      &quot;currencyCode&quot;: &quot;USD&quot;,
13971      &quot;price&quot;: 16900,
13972      &quot;vendor&quot;: &quot;
13972Sonia Roselli Skincare&quot;
13973    }
13974  }"
13975                aria-label="Button quickview"
13976              >
13977                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
13978    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
13979  </svg>
13980</span>
13981                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
13982                  
13983<div class="flex justify-center ">
13984  
13985    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
13986  
13987  
13988    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
13989      
13990      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
13991        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
13992      </svg>
13993      
13994    </span>
13995  
13996</div>
13997                </span>
13998              </button>
13999              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/the-start-simple-skincare-kit", $el, "template--19743130189877__product-grid-7710122672181-112"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
14000                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
14001                aria-label="Button quickview"
14002                x-customer-event-data="{
14003    &quot;product&quot;: {
14004      &quot;title&quot;: &quot;Skin Prep Starter Kit – Exfoliate, Hydrate, Seal&quot;,
14005      &quot;listName&quot;: &quot;Shop All&quot;,
14006      &quot;sku&quot;: &quot;7710122672181&quot;,
14007      &quot;currencyCode&quot;: &quot;USD&quot;,
14008      &quot;price&quot;: 16900,
14009      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
14010    }
14011  }"
14012              >
14013                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
14014    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
14015  </svg>
14016</span>
14017              </button>
14018            </div>
14019          </div>
14020        </div>
14021      
14022    </a>
14023    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
14024      
14025      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-7710122672181">
14026        <a href="/collections/shop-all/products/the-start-simple-skincare-kit"
14027          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
14028          @click='$store.xCustomerEvent.fire("product_selected", $el)'
14029          x-customer-event-data="{
14030    &quot;product&quot;: {
14031      &quot;title&quot;: &quot;Skin Prep Starter Kit – Exfoliate, Hydrate, Seal&quot;,
14032      &quot;listName&quot;: &quot;Shop All&quot;,
14033      &quot;sku&quot;: &quot;7710122672181&quot;,
14034      &quot;currencyCode&quot;: &quot;USD&quot;,
14035      &quot;price&quot;: 16900,
14036      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
14037    }
14038  }"
14039        >
14040          Skin Prep Starter Kit – Exfoliate, Hydrate, Seal
14041        </a>
14042      </p>
14043      
14044        
14045 
14046
14047
14048      
14049
14050  
14051<div 
14052  class="x-review-product other 
14053    
14054      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
14055  "
14056>
14057  
14058<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.92 out of 5.0 stars">
14059        
14060      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14061        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14062      </svg>
14063    
14064      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14065        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14066      </svg>
14067    
14068      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14069        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14070      </svg>
14071    
14072      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14073        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14074      </svg>
14075    
14076      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14077        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14078      </svg>
14079    
14080      </div> 
14081      <p class="rating-count leading-none caption ml-1 text-review-count">(12)
14082      </p>
14083</div>
14084
14085<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
14086        
14087        
14088          <div class=" price leading-none ">
14089  <div class="target-price hidden">16900</div>
14090  <div class="target-compare-at-price hidden">16900</div>
14091  
14092    
14093  
14094  
14095<p class="price">
14096        $ 169.00
14097      </p>
14098    
14099  
14100</div>
14101
14102        
14103        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
14104      </div>
14105      
14106      <template x-if="localStorage.getItem('selectedStore')">
14107        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7710122672181', [285551132725, 282862551093, 308033716277, 318067736629, 318067015733, 318153621557, 262726549557, 184227590, 316678209589, 303513370677, 316648489013, 317110845493])">
14108            
14109<div 
14110  class="text-availability-notice"
14111  x-data='{ 
14112    locations: [],
14113    pickupLocations: [],
14114    pickupAvailabilites: []
14115  }'
14116  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
14117>
14118  <style data-shopify>
14119    .text-availability-notice {
14120      font-size: 0.7363125rem;
14121    }
14122    @media (min-width: 768px) {
14123      .text-availability-notice {
14124        font-size: 0.818125rem;
14125      }
14126    }
14127  </style>
14128  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
14129    <span class="flex h-4 w-4 relative">
14130  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14131    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14132    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14133  </svg>
14134
14135</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
14136  </div>
14137  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
14138    <span class="flex h-4 w-4 relative">
14139  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14140    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14141    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14142  </svg>
14143
14144</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
14145  </div>
14146</div></div>
14147      </template>
14148      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
14149    </div>
14150  </div>
14151  <div
14152    id="x-product-template-7710122672181-template--19743130189877__product-grid-112"
14153    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
14154  >
14155    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
14156      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
14157        
14158        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-7710122672181">
14159          <a href="/collections/shop-all/products/the-start-simple-skincare-kit"
14160            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
14161            @click='$store.xCustomerEvent.fire("product_selected", $el)'
14162            x-customer-event-data="{
14163    &quot;product&quot;: {
14164      &quot;title&quot;: &quot;Skin Prep Starter Kit – Exfoliate, Hydrate, Seal&quot;,
14165      &quot;listName&quot;: &quot;Shop All&quot;,
14166      &quot;sku&quot;: &quot;7710122672181&quot;,
14167      &quot;currencyCode&quot;: &quot;USD&quot;,
14168      &quot;price&quot;: 16900,
14169      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
14170    }
14171  }"
14172          >
14173            Skin Prep Starter Kit – Exfoliate, Hydrate, Seal
14174          </a>
14175        </p>
14176        
14177          
14178 
14179
14180
14181        
14182
14183  
14184<div 
14185  class="x-review-product other 
14186    
14187      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
14188  "
14189>
14190  
14191<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.92 out of 5.0 stars">
14192        
14193      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14194        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14195      </svg>
14196    
14197      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14198        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14199      </svg>
14200    
14201      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14202        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14203      </svg>
14204    
14205      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14206        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14207      </svg>
14208    
14209      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14210        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14211      </svg>
14212    
14213      </div> 
14214      <p class="rating-count leading-none caption ml-1 text-review-count">(12)
14215      </p>
14216</div>
14217
14218<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
14219          
14220          
14221            <div class=" price leading-none ">
14222  <div class="target-price hidden">16900</div>
14223  <div class="target-compare-at-price hidden">16900</div>
14224  
14225    
14226  
14227  
14228<p class="price">
14229        $ 169.00
14230      </p>
14231    
14232  
14233</div>
14234
14235          
14236          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
14237        </div>
14238        
14239        <template x-if="localStorage.getItem('selectedStore')">
14240          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7710122672181', [285551132725, 282862551093, 308033716277, 318067736629, 318067015733, 318153621557, 262726549557, 184227590, 316678209589, 303513370677, 316648489013, 317110845493])"><div 
14241  class="text-availability-notice"
14242  x-data='{ 
14243    locations: [],
14244    pickupLocations: [],
14245    pickupAvailabilites: []
14246  }'
14247  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
14248>
14249  <style data-shopify>
14250    .text-availability-notice {
14251      font-size: 0.7363125rem;
14252    }
14253    @media (min-width: 768px) {
14254      .text-availability-notice {
14255        font-size: 0.818125rem;
14256      }
14257    }
14258  </style>
14259  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
14260    <span class="flex h-4 w-4 relative">
14261  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14262    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14263    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14264  </svg>
14265
14266</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
14267  </div>
14268  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
14269    <span class="flex h-4 w-4 relative">
14270  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14271    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14272    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14273  </svg>
14274
14275</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
14276  </div>
14277</div></div>
14278        </template>
14279      </div>
14280    </div>
14281    
14282      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
14283        <div class="rte line-clamp-3">
14284          <p class="h2">Skin Prep Starter Kit</h2>
14285<p>Formulated by Esthetician and pro makeup artist Sonia Roselli with 35 years of experience.</p>
14286<p>✔ 30-Day Money-Back Guarantee   ✔ Free shipping on all orders $75+</p>
14287<p class="h3">Product Description</h3>
14288<p>The clearest fix for foundation that pills, settles, or looks cakey by noon: exfoliate, hydrate, seal — in that order. Sexapeel Gommage removes the buildup causing texture and patchiness. Water Elixir hydrates the dehydration causing settling. Water Balm seals it all in and replaces your primer. Three steps, one real logic, better makeup every day.</p>
14289<p class="h3">Key Ingredients</h3>
14290<ul>
14291<li>
14292<strong>Mandelic Acid &amp; PHAs (Gommage)</strong> — gently lift dead skin and buildup for a smoother canvas</li>
14293<li>
14294<strong>Palmitoyl Tripeptide-5 (Elixir &amp; Balm)</strong> — supports firmer, smoother-looking skin over time</li>
14295<li>
14296<strong>Hyaluronic Acid &amp; Amino Acids (Elixir)</strong> — flood skin with lasting hydration</li>
14297<li>
14298<strong>Ceramide 3 (Balm)</strong> — supports a more comfortable, resilient-feeling barrier</li>
14299<li>
14300<strong>Hydrolyzed Silk (Balm)</strong> — smooths texture for a second-skin makeup finish</li>
14301</ul>
14302<p class="h3">Full Ingredients</h3>
14303<p><strong>Sexapeel Gommage Peeling Gel:</strong> Water, Butylene Glycol, Carbomer, Mandelic Acid, Gluconic Acid, Lactobionic Acid, Hyaluronic Acid, Moringa Oleifera Seed Oil, Squalane, Aloe Vera Extract, Hydrolyzed Collagen, Propanediol, Sodium Hydroxide, Sodium Chloride, 1,2-Hexanediol, Disodium EDTA, Phenoxyethanol.</p>
14304<p><strong>Water Elixir:</strong> Water, Glycerin, Butylene Glycol, Rosa Centifolia Flower Water, Pentylene Glycol, Phytosteryl/Octyldodecyl Lauroyl Glutamate, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Palmitoyl Tripeptide-5, Hydrogenated Lecithin, Malic Acid, Sodium Dilauramidoglutamide Lysine, Prunus Mume Fruit Extract, Sodium PCA, Betaine, Sorbitol, Glycine, Alanine, Proline, Serine, Threonine, Arginine, Lysine, Glutamic Acid, Glycosyl Trehalose, Hydrogenated Starch Hydrolysate, Sodium Hyaluronate, Oryza Sativa (Rice) Lees Extract, Lactobacillus/Soymilk Ferment Filtrate, Glycine Max (Soybean) Seed Extract, Hydrolyzed Silk, Xanthan Gum, Polyglyceryl-10 Laurate, Tocopherol, 1,2-Hexanediol, Disodium Succinate, Phenoxyethanol.</p>
14305<p><strong>Water Balm:</strong> Water, Butylene Glycol, Dimethicone, Cetyl Ethylhexanoate, Glycerin, Rosa Damascena Flower Water, Cyclopentasiloxane, Dimethicone/PEG-10/15 Crosspolymer, Betaine, Serine, Sodium PCA, Hydrolyzed Silk, Behenyl Alcohol, Sorbitol, Oryza Sativa (Rice) Lees Extract, Polyglyceryl-10 Pentastearate, Saxifraga Sarmentosa Extract, Glycosphingolipids, Ginkgo Biloba Leaf Extract, Acer Saccharum Extract, Hydrolyzed Rice Extract, Lactobacillus/Soy Milk Ferment Filtrate, Camellia Sinensis Leaf Extract, Sodium Stearoyl Lactylate, Ceramide 3, Glycine, Prunus Persica Leaf Extract, Glutamic Acid, Hydrogenated Lecithin, Glycine Soja Seed Extract, Alanine, Arginine, Lysine, Natto Gum, Threonine, Lysolecithin, Proline, Prunus Mume Fruit Extract, Sodium Chloride, Phenoxyethanol.</p>
14306<p class="h3">Return Policy</h3>
14307<p>Not the right fit? Return it within 30 days for a full refund. No questions asked.</p>
14308<p class="h3">For Better Results</h3>
14309<p>Ready to build out your full routine?</p>
14310<ul>
14311<li>
14312<strong>Complete Makeup Prep Kit (Primary Upgrade)</strong> — Adds Wrinkle Smoothing Peptide Eye Gel for a dedicated eye-area solution.</li>
14313<li>
14314<strong>Pro Makeup Prep Kit (Pro Upgrade)</strong> — Adds Water Oil, Eye Gel, and a complimentary Skin Prep Brush.</li>
14315</ul>
14316<p class="h3">How to Use the Essential Makeup Prep Kit</h3>
14317<ol>
14318<li>
14319<strong>Exfoliate.</strong> Sexapeel Gommage, 1–3x/week, to remove the buildup causing texture and patchiness.</li>
14320<li>
14321<strong>Hydrate.</strong> Water Elixir, morning and night, to fix the dehydration causing settling.</li>
14322<li>
14323<strong>Seal.</strong> Water Balm, morning and night, to lock it in and prep for makeup.</li>
14324</ol>
14325<p class="h3">FAQ</h3>
14326<p><strong>
14326Why does this sequence — exfoliate, hydrate, seal — actually matter?</strong><br>Makeup problems like pilling, settling, and cakey texture trace back to two causes: dead skin buildup and dehydration. This kit removes the buildup, fixes the dehydration, then seals it all in — addressing both root causes in one purchase.</p>
14327<p><strong>Will this stop my foundation from settling into fine lines?</strong><br>Yes. Removing buildup and hydrating skin first gives foundation an even, hydrated surface to sit on instead of clinging to dry patches or texture.</p>
14328<p><strong>How long until I see results?</strong><br>Skin feels smoother and more hydrated immediately. The exfoliation benefit builds over 3–4 weeks of consistent use — this is a daily-better routine, not a one-time fix.</p>
14329<p><strong>Is this kit safe for sensitive or rosacea-prone skin?</strong><br>Yes. All three products are formulated for reactive, sensitive, and rosacea-prone skin. The Gommage Gel is fragrance-free.</p>
14330<p><strong>How often do I use each product?</strong><br>Sexapeel Gommage: 1–3x/week. Water Elixir and Water Balm: daily, morning and night.</p>
14331<p><strong>What's the difference between this and the Complete Makeup Prep Kit?</strong><br>The Complete Makeup Prep Kit adds the Wrinkle Smoothing Peptide Eye Gel, specifically for concealer that creases or settles into fine lines around the eyes.</p>
14332<p><strong>Do I need a separate primer if I use this kit?</strong><br>No. Water Balm is formulated to replace a separate primer step, on top of hydrating and prepping skin.</p>
14333<p><strong>How much do I save with this kit?</strong><br>$172 retail value for $163 — a $9 savings, with more available on Auto Replenish.</p>
14334<p><strong>I already own some of these products — should I still buy the kit?</strong><br>If you're missing just one or two, buying individually may make more sense. This kit is built for starting the full three-step system at once.</p>
14335<p><strong>Can I use Sexapeel Gommage and Water Elixir on the same day?</strong><br>Yes — on exfoliation nights, use Sexapeel Gommage first, then follow with Water Elixir and Water Balm.</p>
14336        </div>
14337      </div>
14338    
14339    
14340
14341        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
14342          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/the-start-simple-skincare-kit');
14343        });"></div>
14344        <div
14345          id="current-variant-template--19743130189877__product-grid-7710122672181-112" 
14346          class="current-variant hidden"
14347        >
14348          
14349            43933913055285
14350          
14351        </div>
14352    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
14353    
14354      <div class="card-info x-highlight-icon mt-2.5">
14355        <div 
14356  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
14357  x-data="{setPosition(el) {
14358    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
14359    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
14360    elRect = el.getBoundingClientRect();
14361    let spacingLeft = elRect.left - parentEl.left;
14362    if (spacingLeft < 0) {
14363      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
14364    }
14365    let spacingRight = parentEl.right - elRect.right;
14366    if (spacingRight < 0) {
14367      el.style.setProperty('--left-tooltip', spacingRight + 'px');
14368    } 
14369  }}"
14370  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
14371>
14372    �
14373    �
14374    �
14375    �</div>
14376      </div>
14377    
14378    
14379      <template x-if="$store.xQuickView">
14380        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
14381              
14382<form method="post" action="/cart/add" id="product-form-choose-option7710122672181212" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="43933913055285">
14383                  
14384                  
14385                  <button
14386                    type="submit"
14387                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
14388                    data-id="template--19743130189877__product-grid-7710122672181-112"
14389                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
14390                    
14391                    
14392                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
14393                    
14394                      aria-label="Add to cart"
14395                    
14396                    
14397                  >
14398                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14399                      
14400
14401                          <span class="flex items-center justify-center">
14402                            
14403<div class="flex justify-center ">
14404  
14405    
14406      
14407        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
14408      
14409    
14410  
14411  
14412    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
14413      
14414      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
14415        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
14416      </svg>
14417      
14418    </span>
14419  
14420</div>
14421                          </span>
14422                    </span>
14423                    <div
14424                      class="flex gap-x-2 items-center justify-center"
14425                      role="alert"
14426                      x-cloak
14427                      x-show="errorMessage"
14428                    >
14429                      Sold out
14430                    </div>
14431                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
14432                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
14433    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14434  </svg>
14435
14436                    </div>
14437                  </button><input type="hidden" name="product-id" value="7710122672181" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
14438            </div><button 
14439            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/the-start-simple-skincare-kit', $el, 'template--19743130189877__product-grid-7710122672181-112')" 
14440            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/the-start-simple-skincare-kit', $el, 'template--19743130189877__product-grid-7710122672181-112')" 
14441            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
14442            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
14443            aria-label="Button quickview"
14444            x-customer-event-data="{
14445    &quot;product&quot;: {
14446      &quot;title&quot;: &quot;Skin Prep Starter Kit – Exfoliate, Hydrate, Seal&quot;,
14447      &quot;listName&quot;: &quot;Shop All&quot;,
14448      &quot;sku&quot;: &quot;7710122672181&quot;,
14449      &quot;currencyCode&quot;: &quot;USD&quot;,
14450      &quot;price&quot;: 16900,
14451      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
14452    }
14453  }"
14454            x-show="$store.xQuickView.enabled"
14455          >
14456            <span class="flex justify-center items-center">
14457              
14458<div class="flex justify-center ">
14459  
14460    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
14461  
14462  
14463    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
14464      
14465      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
14466        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
14467      </svg>
14468      
14469    </span>
14470  
14471</div>
14472            </span>
14473          </button>
14474        </div>
14475      </template>
14476    
14477  </div>
14478</div>
14479                    </div>
14480                    
14481
14482                    
14483                    
14484                    <div class="grid-item">
14485                      
14486                      
14487
14488<div 
14489  
14490    x-data="xProductCard('template--19743130189877__product-grid-113', '/collections/shop-all/products/overnight-recovery-skincare-kit', '7710123229237')"  
14491  
14492  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
14493  x-slide-index="-1"
14494>
14495  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
14496  >
14497    
14498    <a 
14499      
14500        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
14501      
14502      href="/collections/shop-all/products/overnight-recovery-skincare-kit"
14503       
14504        x-data="{ lastWindowWidth: 0 }"
14505        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
14506        x-labels-data="[
14507    
14508{
14509      &quot;variant_id&quot;: 43933914923061,
14510      &quot;product_id&quot;: 7710123229237,
14511      &quot;available&quot;: false,
14512      &quot;title&quot;: &quot;Overnight Recovery Kit&quot;,
14513      &quot;compare_at_price&quot;: 0,
14514      &quot;price&quot;: 30900,
14515      &quot;price_with_currency&quot;: &quot;$ 309.00&quot;,
14516      &quot;sale_amount&quot;: &quot;$ -309.00&quot;,
14517      &quot;collections&quot;: &quot;||285551132725||308033716277||318067736629||262726549557||184227590||316678209589||317110845493||&quot;,
14518      &quot;inventory_management&quot;: &quot;shopify&quot;,
14519      &quot;qty&quot;: -4,
14520      &quot;container&quot;: &quot;card&quot;,
14521      &quot;can_show_preorder&quot;: false,
14522      &quot;diff_day_create&quot;: 1725481183,
14523      &quot;diff_day_publish&quot;: 1728278330
14524      
14525      }
14526    ]"
14527       
14528      aria-label="Overnight Recovery Kit"
14529      id="7710123229237-template--19743130189877__product-grid"
14530      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
14531      <div
14532        id="x-slideshow-card-product-template--19743130189877__product-grid-113--1"
14533        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
14534        @click='$store.xCustomerEvent.fire("product_selected", $el)'
14535        x-customer-event-data="{
14536    &quot;product&quot;: {
14537      &quot;title&quot;: &quot;Overnight Recovery Kit&quot;,
14538      &quot;listName&quot;: &quot;Shop All&quot;,
14539      &quot;sku&quot;: &quot;7710123229237&quot;,
14540      &quot;currencyCode&quot;: &quot;USD&quot;,
14541      &quot;price&quot;: 30900,
14542      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
14543    }
14544  }"
14545        x-cloak
14546        
14547          x-intersect.once.margin.200px='$store.xSplide.load($el, {
14548            "drag": true,
14549            "pagination": true,
14550            "arrows": false,
14551            "pauseOnFocus": false,
14552            "pauseOnHover": false,
14553            "perMove": 1,
14554            "perPage": 1,
14555            "focus": "center",
14556            "mediaQuery": "min",
14557            "rewind": true,
14558            
14559            "breakpoints": {
14560              1024: {
14561                
14562                  "destroy": true
14563                
14564              }
14565            },
14566            
14567              "playOnHover": true,
14568            
14569            
14570            "classes": {
14571              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
14572              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
14573            },
14574            "type": "fade",
14575          })'>
14576        <div 
14577          id="image-product-template--19743130189877__product-grid-113--1"
14578          class="splide__track overflow-hidden max-h-full h-full w-full"
14579        >
14580        <div class="w-full h-full splide__list">
14581            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
14582            >
14583              
14584              <picture>
14585                <img
14586                  srcset="
14587                  //www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit.png?v=1786662045&width=250 250w,
14588                  //www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit.png?v=1786662045&width=350 350w,
14589                  //www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit.png?v=1786662045&width=450 450w,
14590                  //www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit.png?v=1786662045&width=750 750w,
14591                  //www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit.png?v=1786662045&width=900 900w,
14592                  //www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit.png?v=1786662045&width=1100 1100w,
14593                  //www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit.png?v=1786662045&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit.png?v=1786662045 1856w" 
14594                  src="//www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit.png?v=1786662045&width=1500"
14595                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
14596                  alt="Five Sonia Roselli skincare bottles and jars arranged on a white surface with strong black shadows against a white background. The products include Water Balm, Intense Barrier Cream, Japanese Cleansing Oil, Water Elixir, and a yellow-toned serum or oil, each labeled with the Sonia Roselli brand."
14597                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
14598                  loading="lazy"
14599                  width="1856"
14600                  height="1856"
14601                  onload="requestAnimationFrame(() => {
14602                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
14603                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
14604                  })"
14605                />
14606              </picture>
14607              
14608            </div><style data-shopify>
14609                  #image-product-template--19743130189877__product-grid-113--1 .media-slide:not(:first-child) {
14610                    height: 100%;
14611                  }
14612                </style>
14613                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
14614                  
14615                  <picture>
14616                    <img
14617                      srcset="//www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit_silk.png?v=1786662169&width=250 250w,
14618                        //www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit_silk.png?v=1786662169&width=350 350w,
14619                        //www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit_silk.png?v=1786662169&width=450 450w,
14620                        //www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit_silk.png?v=1786662169&width=750 750w,
14621                        //www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit_silk.png?v=1786662169&width=900 900w,
14622                        //www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit_silk.png?v=1786662169&width=1100 1100w,
14623                        //www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit_silk.png?v=1786662169&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit_silk.png?v=1786662169 1856w"
14624                      src="//www.soniaroselli.com/cdn/shop/files/overnight_skin_prep_kit_silk.png?v=1786662169&width=1500"
14625                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
14626                      alt="Five Sonia Roselli skincare bottles and jars arranged together on a draped cream fabric backdrop. The set includes a pink pump bottle, a white pump bottle, a yellow oil bottle, and two white cream jars."
14627                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
14628                      loading="lazy"
14629                      width="1856"
14630                      height="1856"
14631                      onload="requestAnimationFrame(() => {
14632                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
14633                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
14634                      })"
14635                    />
14636                  </picture>
14637                  
14638                </div></div>
14639        </div></div>
14640        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
14641              x-show="$store.xQuickView" x-cloak
14642            > 
14643              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
14644                class="w-full hide-icon lg:pl-4 lg:pr-4" 
14645                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
14646                x-cloak
14647              >
14648                
14649<form method="post" action="/cart/add" id="product-form-choose-option7710123229237213" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="43933914923061">
14650                    
14651                                                                
14652                    <button
14653                      type="submit"
14654                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-7710123229237-113"
14655                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
14656                      
14657                      
14658                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"disabled
14659                        aria-label="Sold out"
14660                    >
14661                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14662                        
14663Sold out
14664
14665                      </span>
14666                      <div
14667                        class="flex gap-x-2 items-center justify-center"
14668                        role="alert"
14669                        x-cloak
14670                        x-show="errorMessage"
14671                      >
14672                        Sold out
14673                      </div>
14674                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
14675                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
14676    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14677  </svg>
14678
14679                      </div>
14680                    </button>
14681                    <button 
14682                      type="submit"
14683                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
14684                      
14685                      
14686                      data-id="template--19743130189877__product-grid-7710123229237-113"
14687                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"disabled
14688                        aria-label="Sold out"x-customer-event-data="{
14689    &quot;product&quot;: {
14690      &quot;title&quot;: &quot;Overnight Recovery Kit&quot;,
14691      &quot;listName&quot;: &quot;Shop All&quot;,
14692      &quot;sku&quot;: &quot;7710123229237&quot;,
14693      &quot;currencyCode&quot;: &quot;USD&quot;,
14694      &quot;price&quot;: 30900,
14695      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
14696    }
14697  }"
14698                      
14699                    >
14700                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
14701    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
14702  </svg></span>
14703                      <span class="block w-5 h-5" x-show="loading" x-cloak>
14704                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
14705    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14706  </svg>
14707
14708                      </span>
14709                    </button><input type="hidden" name="product-id" value="7710123229237" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
14710              </div>
14711            </div><div
14712            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
14713            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
14714            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
14715            >
14716            <div>
14717              <button
14718                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
14719                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/overnight-recovery-skincare-kit', $el, 'template--19743130189877__product-grid-7710123229237-113')" 
14720                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/overnight-recovery-skincare-kit', $el, 'template--19743130189877__product-grid-7710123229237-113')" 
14721                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
14722                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
14723                x-customer-event-data="{
14724    &quot;product&quot;: {
14725      &quot;title&quot;: &quot;Overnight Recovery Kit&quot;,
14726      &quot;listName&quot;: &quot;Shop All&quot;,
14727      &quot;sku&quot;: &quot;7710123229237&quot;,
14728      &quot;currencyCode&quot;: &quot;USD&quot;,
14729      &quot;price&quot;: 30900,
14730      &quot;vendor&quot;: &quot;
14730Sonia Roselli Skincare&quot;
14731    }
14732  }"
14733                aria-label="Button quickview"
14734              >
14735                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
14736    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
14737  </svg>
14738</span>
14739                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
14740                  
14741<div class="flex justify-center ">
14742  
14743    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
14744  
14745  
14746    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
14747      
14748      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
14749        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
14750      </svg>
14751      
14752    </span>
14753  
14754</div>
14755                </span>
14756              </button>
14757              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/overnight-recovery-skincare-kit", $el, "template--19743130189877__product-grid-7710123229237-113"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
14758                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
14759                aria-label="Button quickview"
14760                x-customer-event-data="{
14761    &quot;product&quot;: {
14762      &quot;title&quot;: &quot;Overnight Recovery Kit&quot;,
14763      &quot;listName&quot;: &quot;Shop All&quot;,
14764      &quot;sku&quot;: &quot;7710123229237&quot;,
14765      &quot;currencyCode&quot;: &quot;USD&quot;,
14766      &quot;price&quot;: 30900,
14767      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
14768    }
14769  }"
14770              >
14771                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
14772    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
14773  </svg>
14774</span>
14775              </button>
14776            </div>
14777          </div>
14778        </div>
14779      
14780    </a>
14781    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
14782      
14783      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-7710123229237">
14784        <a href="/collections/shop-all/products/overnight-recovery-skincare-kit"
14785          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
14786          @click='$store.xCustomerEvent.fire("product_selected", $el)'
14787          x-customer-event-data="{
14788    &quot;product&quot;: {
14789      &quot;title&quot;: &quot;Overnight Recovery Kit&quot;,
14790      &quot;listName&quot;: &quot;Shop All&quot;,
14791      &quot;sku&quot;: &quot;7710123229237&quot;,
14792      &quot;currencyCode&quot;: &quot;USD&quot;,
14793      &quot;price&quot;: 30900,
14794      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
14795    }
14796  }"
14797        >
14798          Overnight Recovery Kit
14799        </a>
14800      </p>
14801      
14802        
14803 
14804
14805
14806      
14807
14808  
14809<div 
14810  class="x-review-product other 
14811    
14812      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
14813  "
14814>
14815  
14816<div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars">
14817        
14818      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14819        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14820      </svg>
14821    
14822      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14823        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14824      </svg>
14825    
14826      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14827        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14828      </svg>
14829    
14830      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14831        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14832      </svg>
14833    
14834      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14835        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14836      </svg>
14837    
14838      </div> 
14839      <p class="rating-count leading-none caption ml-1 text-review-count">(7)
14840      </p>
14841</div>
14842
14843<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
14844        
14845        
14846          <div class=" price leading-none ">
14847  <div class="target-price hidden">30900</div>
14848  <div class="target-compare-at-price hidden"></div>
14849  
14850    
14851  
14852  
14853<p class="price">
14854        $ 309.00
14855      </p>
14856    
14857  
14858</div>
14859
14860        
14861        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
14862      </div>
14863      
14864      <template x-if="localStorage.getItem('selectedStore')">
14865        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7710123229237', [285551132725, 308033716277, 318067736629, 262726549557, 184227590, 316678209589, 317110845493])">
14866            
14867<div 
14868  class="text-availability-notice"
14869  x-data='{ 
14870    locations: [],
14871    pickupLocations: [],
14872    pickupAvailabilites: []
14873  }'
14874  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
14875>
14876  <style data-shopify>
14877    .text-availability-notice {
14878      font-size: 0.7363125rem;
14879    }
14880    @media (min-width: 768px) {
14881      .text-availability-notice {
14882        font-size: 0.818125rem;
14883      }
14884    }
14885  </style>
14886  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
14887    <span class="flex h-4 w-4 relative">
14888  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14889    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14890    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14891  </svg>
14892
14893</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
14894  </div>
14895  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
14896    <span class="flex h-4 w-4 relative">
14897  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14898    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14899    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14900  </svg>
14901
14902</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
14903  </div>
14904</div></div>
14905      </template>
14906      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
14907    </div>
14908  </div>
14909  <div
14910    id="x-product-template-7710123229237-template--19743130189877__product-grid-113"
14911    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
14912  >
14913    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
14914      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
14915        
14916        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-7710123229237">
14917          <a href="/collections/shop-all/products/overnight-recovery-skincare-kit"
14918            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
14919            @click='$store.xCustomerEvent.fire("product_selected", $el)'
14920            x-customer-event-data="{
14921    &quot;product&quot;: {
14922      &quot;title&quot;: &quot;Overnight Recovery Kit&quot;,
14923      &quot;listName&quot;: &quot;Shop All&quot;,
14924      &quot;sku&quot;: &quot;7710123229237&quot;,
14925      &quot;currencyCode&quot;: &quot;USD&quot;,
14926      &quot;price&quot;: 30900,
14927      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
14928    }
14929  }"
14930          >
14931            Overnight Recovery Kit
14932          </a>
14933        </p>
14934        
14935          
14936 
14937
14938
14939        
14940
14941  
14942<div 
14943  class="x-review-product other 
14944    
14945      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
14946  "
14947>
14948  
14949<div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars">
14950        
14951      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14952        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14953      </svg>
14954    
14955      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14956        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14957      </svg>
14958    
14959      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14960        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14961      </svg>
14962    
14963      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14964        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14965      </svg>
14966    
14967      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
14968        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
14969      </svg>
14970    
14971      </div> 
14972      <p class="rating-count leading-none caption ml-1 text-review-count">(7)
14973      </p>
14974</div>
14975
14976<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
14977          
14978          
14979            <div class=" price leading-none ">
14980  <div class="target-price hidden">30900</div>
14981  <div class="target-compare-at-price hidden"></div>
14982  
14983    
14984  
14985  
14986<p class="price">
14987        $ 309.00
14988      </p>
14989    
14990  
14991</div>
14992
14993          
14994          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
14995        </div>
14996        
14997        <template x-if="localStorage.getItem('selectedStore')">
14998          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7710123229237', [285551132725, 308033716277, 318067736629, 262726549557, 184227590, 316678209589, 317110845493])"><div 
14999  class="text-availability-notice"
15000  x-data='{ 
15001    locations: [],
15002    pickupLocations: [],
15003    pickupAvailabilites: []
15004  }'
15005  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
15006>
15007  <style data-shopify>
15008    .text-availability-notice {
15009      font-size: 0.7363125rem;
15010    }
15011    @media (min-width: 768px) {
15012      .text-availability-notice {
15013        font-size: 0.818125rem;
15014      }
15015    }
15016  </style>
15017  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
15018    <span class="flex h-4 w-4 relative">
15019  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15020    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15021    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15022  </svg>
15023
15024</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
15025  </div>
15026  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
15027    <span class="flex h-4 w-4 relative">
15028  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15029    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15030    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15031  </svg>
15032
15033</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
15034  </div>
15035</div></div>
15036        </template>
15037      </div>
15038    </div>
15039    
15040      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
15041        <div class="rte line-clamp-3">
15042          <p class="h2">
15043<meta charset="utf-8">The best makeup skin prep starts the night before.<meta charset="utf-8">
15044</h1>
15045<p>If you wake up with skin that looks dull, feels tight, or makes makeup harder than 
15045it should be, your nighttime routine may be missing the right layers. This five-step evening ritual cleanses, hydrates, nourishes, comforts, and seals in moisture so skin feels softer, smoother, and better prepared for morning.</p>
15046<p class="h3">Wake up to skin that feels like you actually did your skincare.</h3>
15047<p>You did your routine last night.</p>
15048<p>So why does your skin still feel tight in the morning?</p>
15049<p>Why does it look dull?</p>
15050<p>Why does foundation still grab onto dry areas and make your skin look worse?</p>
15051<p>More products are not necessarily the answer.</p>
15052<p>The right nighttime layers, in the right order, are.</p>
15053<p>The <strong>Overnight Recovery Kit</strong> is the complete five-step evening routine I recommend when you want your nighttime skincare to actually show up in the way your skin looks and feels the next morning.</p>
15054<p>Cleanse. Hydrate. Smooth the look of the eye area. Add nourishing lipids. Seal it all in.</p>
15055<p>Then go to bed.</p>
15056<p>By morning, skin feels softer, more comfortable, and better prepared for whatever comes next. Including makeup.</p>
15057<p class="h3">Why nighttime matters for your makeup</h3>
15058<p>Most people think skin prep starts five minutes before foundation.</p>
15059<p>It does not.</p>
15060<p>Some of the best makeup prep happens the night before.</p>
15061<p>When skin feels dry, tight, or rough in the morning, foundation has a harder surface to sit on. It can catch on dry-looking areas. Concealer can make the under-eye look more textured. Makeup can look heavier than you wanted.</p>
15062<p>A thoughtful evening routine gives your skin a better starting point.</p>
15063<p>You wake up with skin that feels more comfortable and looks smoother. Morning prep gets easier. Makeup has a better canvas.</p>
15064<p class="h3">The five-step evening routine</h3>
15065<p><strong>1. Japanese Cleansing Oil</strong><br>Melts away makeup, SPF, and the day’s buildup without leaving skin feeling stripped.</p>
15066<p>This is where the routine starts. You cannot properly layer skincare over yesterday.</p>
15067<p><strong>2. Water Elixir</strong><br>A lightweight hydrating essence with multi-weight hyaluronic acid, nano ceramides, amino acids, and Japanese Onsen minerals.</p>
15068<p>It gives skin the water it has been asking for without leaving a heavy, sticky layer behind.</p>
15069<p><strong>3. Wrinkle Smoothing Peptide Eye Gel</strong><br>A peptide-rich eye gel that hydrates and helps the under-eye look smoother.</p>
15070<p>Use it at night as your dedicated eye step. In the morning, a smoother-looking, well-hydrated under-eye gives concealer a better surface to sit on.</p>
15071<p><strong>4. Water Oil</strong><br>A lightweight facial oil with squalane, sea buckthorn, rice bran oil, ceramides, fatty acids, and an oil-compatible peptide.</p>
15072<p>This is the nourishing step for skin that can still feel dry even after you moisturize.</p>
15073<p>It adds the lipid-rich layer that water alone cannot provide.</p>
15074<p><strong>5. Intense Barrier Cream</strong><br>The richest step in the routine.</p>
15075<p>It surrounds skin in lasting moisture and helps support a softer, more comfortable-looking moisture barrier overnight.</p>
15076<p>This is why Water Balm is not included in this kit. Intense Barrier Cream takes the final sealing position in this dedicated evening routine.</p>
15077<p class="h3">This kit is for you if...</h3>
15078<p>You wake up and your skin still feels tight.</p>
15079<p>Your face looks dull in the morning even though you used skincare the night before.</p>
15080<p>Foundation tends to catch on dry-looking areas.</p>
15081<p>Your under-eye looks more textured once concealer goes on.</p>
15082<p>Your skin needs more than a lightweight moisturizer at night.</p>
15083<p>You are tired of buying individual products without knowing what order to use them in.</p>
15084<p>You want one complete nighttime routine instead of another shelf full of experiments.</p>
15085<p class="h3">What makes this different from buying another night cream?</h3>
15086<p>A night cream is one step.</p>
15087<p>This is the routine around it.</p>
15088<p>You first remove makeup, SPF, and buildup.</p>
15089<p>Then you add hydration.</p>
15090<p>Then targeted eye care.</p>
15091<p>Then nourishing oils and lipids.</p>
15092<p>Then you finish with richer moisture.</p>
15093<p>Each product has a job. Each layer has a place.</p>
15094<p>That is the difference between owning skincare and having a rout
15094ine that makes sense.</p>
15095<p class="h3">How to use the Overnight Recovery Kit</h3>
15096<p>Use every evening in this order:</p>
15097<p><strong>Step 1:</strong> Massage Japanese Cleansing Oil onto dry skin to dissolve makeup, SPF, and buildup. Add water to emulsify, then rinse.</p>
15098<p><strong>Step 2:</strong> Apply Water Elixir to freshly cleansed skin.</p>
15099<p><strong>Step 3:</strong> Gently tap Wrinkle Smoothing Peptide Eye Gel around the orbital area with your ring finger.</p>
15100<p><strong>Step 4:</strong> Press Water Oil into the face and neck.</p>
15101<p><strong>Step 5:</strong> Finish with Intense Barrier Cream to seal in your nighttime layers.</p>
15102<p>That’s it.</p>
15103<p>No twelve-step routine required.</p>
15104<p class="h3">The morning payoff</h3>
15105<p>The goal is not to wake up looking like someone else.</p>
15106<p>It is to wake up and notice that your own skin feels better.</p>
15107<p>Softer.</p>
15108<p>More comfortable.</p>
15109<p>Less tight.</p>
15110<p>Smoother-looking.</p>
15111<p>And when you wear makeup, you begin with a better canvas before foundation ever touches your face.</p>
15112<p class="h3">Created from 35 years of working on real faces</h3>
15113<p>I have been a professional makeup artist since 1990 and I am a licensed esthetician.</p>
15114<p>After working on thousands of faces, I learned something the beauty industry tends to separate into two different conversations.</p>
15115<p>Skincare and makeup affect each other.</p>
15116<p>The condition of the skin underneath changes how makeup looks on top.</p>
15117<p>That is why I do not start with foundation.</p>
15118<p>I start with the skin.</p>
15119<p>The Overnight Recovery Kit brings that same professional thinking into your nighttime routine. Five products. A specific order. A clear reason for every step.</p>
15120<p class="h3">What’s included</h3>
15121<p><strong>Japanese Cleansing Oil</strong><br>Removes makeup, SPF, and daily buildup.</p>
15122<p><strong>Water Elixir</strong><br>Lightweight hydration and moisture support.</p>
15123<p><strong>Wrinkle Smoothing Peptide Eye Gel</strong><br>Hydrates and smooths the look of the eye area.</p>
15124<p><strong>Water Oil</strong><br>Adds lightweight nourishment for softer, more supple-looking skin.</p>
15125<p><strong>Intense Barrier Cream</strong><br>Finishes the routine with rich, lasting moisture and barrier support.</p>
15126<p class="h3">A note about fragrance</h3>
15127<p>Water Elixir, Water Oil, Wrinkle Smoothing Peptide Eye Gel, and Intense Barrier Cream are fragrance-free.</p>
15128<p>Japanese Cleansing Oil is <strong>not fragrance-free</strong>. Its noticeable scent comes from eucalyptus, bergamot, and citrus ingredients in the formula.</p>
15129<p class="h3">One routine. One decision.</h3>
15130<p><strong>Go to bed with the routine handled. Wake up with a better canvas.</strong></p>
15131<p> </p>
15132        </div>
15133      </div>
15134    
15135    
15136
15137        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
15138          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/overnight-recovery-skincare-kit');
15139        });"></div>
15140        <div
15141          id="current-variant-template--19743130189877__product-grid-7710123229237-113" 
15142          class="current-variant hidden"
15143        >
15144          
15145            43933914923061
15146          
15147        </div>
15148    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
15149    
15150      <div class="card-info x-highlight-icon mt-2.5">
15151        <div 
15152  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
15153  x-data="{setPosition(el) {
15154    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
15155    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
15156    elRect = el.getBoundingClientRect();
15157    let spacingLeft = elRect.left - parentEl.left;
15158    if (spacingLeft < 0) {
15159      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
15160    }
15161    let spacingRight = parentEl.right - elRect.right;
15162    if (spacingRight < 0) {
15163      el.style.setProperty('--left-tooltip', spacingRight + 'px');
15164    } 
15165  }}"
15166  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
15167>
15168    �
15169    �
15170    �
15171    �</div>
15172      </div>
15173    
15174    
15175      <template x-if="$store.xQuickView">
15176        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
15177              
15178<form method="post" action="/cart/add" id="product-form-choose-option7710123229237213" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="43933914923061">
15179                  
15180                  
15181                  <button
15182                    type="submit"
15183                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
15184                    data-id="template--19743130189877__product-grid-7710123229237-113"
15185                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
15186                    
15187                    
15188                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
15189                    
15190                      disabled
15191                      aria-label="Sold out"
15192                    
15193                    
15194                  >
15195                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
15196                      
15197Sold out
15198
15199                    </span>
15200                    <div
15201                      class="flex gap-x-2 items-center justify-center"
15202                      role="alert"
15203                      x-cloak
15204                      x-show="errorMessage"
15205                    >
15206                      Sold out
15207                    </div>
15208                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
15209                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
15210    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15211  </svg>
15212
15213                    </div>
15214                  </button><input type="hidden" name="product-id" value="7710123229237" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
15215            </div><button 
15216            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/overnight-recovery-skincare-kit', $el, 'template--19743130189877__product-grid-7710123229237-113')" 
15217            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/overnight-recovery-skincare-kit', $el, 'template--19743130189877__product-grid-7710123229237-113')" 
15218            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15219            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
15220            aria-label="Button quickview"
15221            x-customer-event-data="{
15222    &quot;product&quot;: {
15223      &quot;title&quot;: &quot;Overnight Recovery Kit&quot;,
15224      &quot;listName&quot;: &quot;Shop All&quot;,
15225      &quot;sku&quot;: &quot;7710123229237&quot;,
15226      &quot;currencyCode&quot;: &quot;USD&quot;,
15227      &quot;price&quot;: 30900,
15228      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
15229    }
15230  }"
15231            x-show="$store.xQuickView.enabled"
15232          >
15233            <span class="flex justify-center items-center">
15234              
15235<div class="flex justify-center ">
15236  
15237    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
15238  
15239  
15240    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
15241      
15242      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
15243        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
15244      </svg>
15245      
15246    </span>
15247  
15248</div>
15249            </span>
15250          </button>
15251        </div>
15252      </template>
15253    
15254  </div>
15255</div>
15256                    </div>
15257                    
15258
15259                    
15260                    
15261                    <div class="grid-item">
15262                      
15263                      
15264
15265<div 
15266  
15267    x-data="xProductCard('template--19743130189877__product-grid-114', '/collections/shop-all/products/complete-skin-prep-system', '7989500149813')"  
15268  
15269  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
15270  x-slide-index="-1"
15271>
15272  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
15273  >
15274    
15275    <a 
15276      
15277        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
15278      
15279      href="/collections/shop-all/products/complete-skin-prep-system"
15280       
15281        x-data="{ lastWindowWidth: 0 }"
15282        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
15283        x-labels-data="[
15284    
15285{
15286      &quot;variant_id&quot;: 44771210002485,
15287      &quot;product_id&quot;: 7989500149813,
15288      &quot;available&quot;: false,
15289      &quot;title&quot;: &quot;The Complete Skin Prep System&quot;,
15290      &quot;compare_at_price&quot;: 0,
15291      &quot;price&quot;: 46900,
15292      &quot;price_with_currency&quot;: &quot;$ 469.00&quot;,
15293      &quot;sale_amount&quot;: &quot;$ -469.00&quot;,
15294      &quot;collections&quot;: &quot;||285551132725||308033716277||318153621557||262726549557||316678209589||317110845493||317112942645||&quot;,
15295      &quot;inventory_management&quot;: &quot;shopify&quot;,
15296      &quot;qty&quot;: -4,
15297      &quot;container&quot;: &quot;card&quot;,
15298      &quot;can_show_preorder&quot;: false,
15299      &quot;diff_day_create&quot;: 1761859886,
15300      &quot;diff_day_publish&quot;: 1761956616
15301      
15302      }
15303    ]"
15304       
15305      aria-label="The Complete Skin Prep System"
15306      id="7989500149813-template--19743130189877__product-grid"
15307      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
15307or-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
15308      <div
15309        id="x-slideshow-card-product-template--19743130189877__product-grid-114--1"
15310        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
15311        @click='$store.xCustomerEvent.fire("product_selected", $el)'
15312        x-customer-event-data="{
15313    &quot;product&quot;: {
15314      &quot;title&quot;: &quot;The Complete Skin Prep System&quot;,
15315      &quot;listName&quot;: &quot;Shop All&quot;,
15316      &quot;sku&quot;: &quot;7989500149813&quot;,
15317      &quot;currencyCode&quot;: &quot;USD&quot;,
15318      &quot;price&quot;: 46900,
15319      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
15320    }
15321  }"
15322        x-cloak
15323        >
15324        <div 
15325          id="image-product-template--19743130189877__product-grid-114--1"
15326          class="splide__track overflow-hidden max-h-full h-full w-full"
15327        >
15328        <div class="w-full h-full splide__list">
15329            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
15330            >
15331              
15332              <picture>
15333                <img
15334                  srcset="
15335                  //www.soniaroselli.com/cdn/shop/files/complete-barrier-support-skincare-system-collection.png?v=1767745470&width=250 250w,
15336                  //www.soniaroselli.com/cdn/shop/files/complete-barrier-support-skincare-system-collection.png?v=1767745470&width=350 350w,
15337                  //www.soniaroselli.com/cdn/shop/files/complete-barrier-support-skincare-system-collection.png?v=1767745470&width=450 450w,
15338                  //www.soniaroselli.com/cdn/shop/files/complete-barrier-support-skincare-system-collection.png?v=1767745470&width=750 750w,
15339                  //www.soniaroselli.com/cdn/shop/files/complete-barrier-support-skincare-system-collection.png?v=1767745470&width=900 900w,
15340                  //www.soniaroselli.com/cdn/shop/files/complete-barrier-support-skincare-system-collection.png?v=1767745470&width=1100 1100w,
15341                  //www.soniaroselli.com/cdn/shop/files/complete-barrier-support-skincare-system-collection.png?v=1767745470&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/complete-barrier-support-skincare-system-collection.png?v=1767745470 969w" 
15342                  src="//www.soniaroselli.com/cdn/shop/files/complete-barrier-support-skincare-system-collection.png?v=1767745470&width=1500"
15343                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
15344                  alt="Complete Barrier Support System - 8-piece skincare routine with cleansing, exfoliation, and barrier repair"
15345                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-hover animate_transition_image"
15346                  loading="lazy"
15347                  width="969"
15348                  height="969"
15349                  onload="requestAnimationFrame(() => {
15350                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
15351                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
15352                  })"
15353                />
15354              </picture>
15355              
15356            </div></div>
15357        </div></div>
15358        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
15359              x-show="$store.xQuickView" x-cloak
15360            > 
15361              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
15362                class="w-full hide-icon lg:pl-4 lg:pr-4" 
15363                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
15364                x-cloak
15365              >
15366                
15367<form method="post" action="/cart/add" id="product-form-choose-option7989500149813214" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="44771210002485">
15368                    
15369                                                                
15370                    <button
15371                      type="submit"
15372                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-7989500149813-114"
15373                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
15374                      
15375                      
15376                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"disabled
15377                        aria-label="Sold out"
15378                    >
15379                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
15380                        
15381Sold out
15382
15383                      </span>
15384                      <div
15385                        class="flex gap-x-2 items-center justify-center"
15386                        role="alert"
15387                        x-cloak
15388                        x-show="errorMessage"
15389                      >
15390                        Sold out
15391                      </div>
15392                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
15393                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
15394    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15395  </svg>
15396
15397                      </div>
15398                    </button>
15399                    <button 
15400                      type="submit"
15401                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
15402                      
15403                      
15404                      data-id="template--19743130189877__product-grid-7989500149813-114"
15405                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"disabled
15406                        aria-label="Sold out"x-customer-event-data="{
15407    &quot;product&quot;: {
15408      &quot;title&quot;: &quot;The Complete Skin Prep System&quot;,
15409      &quot;listName&quot;: &quot;Shop All&quot;,
15410      &quot;sku&quot;: &quot;7989500149813&quot;,
15411      &quot;currencyCode&quot;: &quot;USD&quot;,
15412      &quot;price&quot;: 46900,
15413      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
15414    }
15415  }"
15416                      
15417                    >
15418                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
15419    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
15420  </svg></span>
15421                      <span class="block w-5 h-5" x-show="loading" x-cloak>
15422                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
15423    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15424  </svg>
15425
15426                      </span>
15427                    </button><input type="hidden" name="product-id" value="7989500149813" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
15428              </div>
15429            </div><div
15430            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
15431            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
15432            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
15433            >
15434            <div>
15435              <button
15436                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15437                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/complete-skin-prep-system', $el, 'template--19743130189877__product-grid-7989500149813-114')" 
15438                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/complete-skin-prep-system', $el, 'template--19743130189877__product-grid-7989500149813-114')" 
15439                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
15440                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
15441                x-customer-event-data="{
15442    &quot;product&quot;: {
15443      &quot;title&quot;: &quot;The Complete Skin Prep System&quot;,
15444      &quot;listName&quot;: &quot;Shop All&quot;,
15445      &quot;sku&quot;: &quot;7989500149813&quot;,
15446      &quot;currencyCode&quot;: &quot;USD&quot;,
15447      &quot;price&quot;: 46900,
15448      &quot;vendor&quot;: &quot;
15448Sonia Roselli Skincare&quot;
15449    }
15450  }"
15451                aria-label="Button quickview"
15452              >
15453                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
15454    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
15455  </svg>
15456</span>
15457                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
15458                  
15459<div class="flex justify-center ">
15460  
15461    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
15462  
15463  
15464    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
15465      
15466      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
15467        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
15468      </svg>
15469      
15470    </span>
15471  
15472</div>
15473                </span>
15474              </button>
15475              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/complete-skin-prep-system", $el, "template--19743130189877__product-grid-7989500149813-114"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15476                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
15477                aria-label="Button quickview"
15478                x-customer-event-data="{
15479    &quot;product&quot;: {
15480      &quot;title&quot;: &quot;The Complete Skin Prep System&quot;,
15481      &quot;listName&quot;: &quot;Shop All&quot;,
15482      &quot;sku&quot;: &quot;7989500149813&quot;,
15483      &quot;currencyCode&quot;: &quot;USD&quot;,
15484      &quot;price&quot;: 46900,
15485      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
15486    }
15487  }"
15488              >
15489                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
15490    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
15491  </svg>
15492</span>
15493              </button>
15494            </div>
15495          </div>
15496        </div>
15497      
15498    </a>
15499    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
15500      
15501      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-7989500149813">
15502        <a href="/collections/shop-all/products/complete-skin-prep-system"
15503          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
15504          @click='$store.xCustomerEvent.fire("product_selected", $el)'
15505          x-customer-event-data="{
15506    &quot;product&quot;: {
15507      &quot;title&quot;: &quot;The Complete Skin Prep System&quot;,
15508      &quot;listName&quot;: &quot;Shop All&quot;,
15509      &quot;sku&quot;: &quot;7989500149813&quot;,
15510      &quot;currencyCode&quot;: &quot;USD&quot;,
15511      &quot;price&quot;: 46900,
15512      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
15513    }
15514  }"
15515        >
15516          The Complete Skin Prep System
15517        </a>
15518      </p>
15519      
15520        
15521 
15522
15523
15524      
15525
15526  
15527<div 
15528  class="x-review-product other 
15529    
15530      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
15531  "
15532>
15533  
15534<div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
15535        
15536      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
15537        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
15538      </svg>
15539    
15540      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
15541        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
15542      </svg>
15543    
15544      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
15545        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
15546      </svg>
15547    
15548      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
15549        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
15550      </svg>
15551    
15552      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
15553        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
15554      </svg>
15555    
15556      </div> 
15557      <p class="rating-count leading-none caption ml-1 text-review-count"> (0)
15558      </p>
15559</div>
15560
15561<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
15562        
15563        
15564          <div class=" price leading-none ">
15565  <div class="target-price hidden">46900</div>
15566  <div class="target-compare-at-price hidden"></div>
15567  
15568    
15569  
15570  
15571<p class="price">
15572        $ 469.00
15573      </p>
15574    
15575  
15576</div>
15577
15578        
15579        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
15580      </div>
15581      
15582      <template x-if="localStorage.getItem('selectedStore')">
15583        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7989500149813', [285551132725, 308033716277, 318153621557, 262726549557, 316678209589, 317110845493, 317112942645])">
15584            
15585<div 
15586  class="text-availability-notice"
15587  x-data='{ 
15588    locations: [],
15589    pickupLocations: [],
15590    pickupAvailabilites: []
15591  }'
15592  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
15593>
15594  <style data-shopify>
15595    .text-availability-notice {
15596      font-size: 0.7363125rem;
15597    }
15598    @media (min-width: 768px) {
15599      .text-availability-notice {
15600        font-size: 0.818125rem;
15601      }
15602    }
15603  </style>
15604  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
15605    <span class="flex h-4 w-4 relative">
15606  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15607    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15608    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15609  </svg>
15610
15611</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
15612  </div>
15613  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
15614    <span class="flex h-4 w-4 relative">
15615  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15616    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15617    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15618  </svg>
15619
15620</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
15621  </div>
15622</div></div>
15623      </template>
15624      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
15625    </div>
15626  </div>
15627  <div
15628    id="x-product-template-7989500149813-template--19743130189877__product-grid-114"
15629    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
15630  >
15631    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
15632      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
15633        
15634        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-7989500149813">
15635          <a href="/collections/shop-all/products/complete-skin-prep-system"
15636            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
15637            @click='$store.xCustomerEvent.fire("product_selected", $el)'
15638            x-customer-event-data="{
15639    &quot;product&quot;: {
15640      &quot;title&quot;: &quot;The Complete Skin Prep System&quot;,
15641      &quot;listName&quot;: &quot;Shop All&quot;,
15642      &quot;sku&quot;: &quot;7989500149813&quot;,
15643      &quot;currencyCode&quot;: &quot;USD&quot;,
15644      &quot;price&quot;: 46900,
15645      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
15646    }
15647  }"
15648          >
15649            The Complete Skin Prep System
15650          </a>
15651        </p>
15652        
15653          
15654 
15655
15656
15657        
15658
15659  
15660<div 
15661  class="x-review-product other 
15662    
15663      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
15664  "
15665>
15666  
15667<div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
15668        
15669      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
15670        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
15671      </svg>
15672    
15673      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
15674        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
15675      </svg>
15676    
15677      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
15678        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
15679      </svg>
15680    
15681      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
15682        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
15683      </svg>
15684    
15685      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
15686        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
15687      </svg>
15688    
15689      </div> 
15690      <p class="rating-count leading-none caption ml-1 text-review-count"> (0)
15691      </p>
15692</div>
15693
15694<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
15695          
15696          
15697            <div class=" price leading-none ">
15698  <div class="target-price hidden">46900</div>
15699  <div class="target-compare-at-price hidden"></div>
15700  
15701    
15702  
15703  
15704<p class="price">
15705        $ 469.00
15706      </p>
15707    
15708  
15709</div>
15710
15711          
15712          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
15713        </div>
15714        
15715        <template x-if="localStorage.getItem('selectedStore')">
15716          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7989500149813', [285551132725, 308033716277, 318153621557, 262726549557, 316678209589, 317110845493, 317112942645])"><div 
15717  class="text-availability-notice"
15718  x-data='{ 
15719    locations: [],
15720    pickupLocations: [],
15721    pickupAvailabilites: []
15722  }'
15723  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
15724>
15725  <style data-shopify>
15726    .text-availability-notice {
15727      font-size: 0.7363125rem;
15728    }
15729    @media (min-width: 768px) {
15730      .text-availability-notice {
15731        font-size: 0.818125rem;
15732      }
15733    }
15734  </style>
15735  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
15736    <span class="flex h-4 w-4 relative">
15737  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15738    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15739    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15740  </svg>
15741
15742</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
15743  </div>
15744  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
15745    <span class="flex h-4 w-4 relative">
15746  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15747    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15748    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15749  </svg>
15750
15751</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
15752  </div>
15753</div></div>
15754        </template>
15755      </div>
15756    </div>
15757    
15758      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
15759        <div class="rte line-clamp-3">
15760          <p class="h2"><span>SKINCARE FOR MAKEUP WEARERS</span></h2>
15761<p class="h2"><span>Complete Skin Prep System</span></h1>
15762<p class="isSelectedEnd"><strong><span>Done experimenting? This is the whole system.</span></strong></p>
15763<p class="isSelectedEnd"><span>If you keep changing foundation but seeing the same cakiness, flaking, pilling or makeup that seems to sit on top of your skin, your makeup may not be the problem.</span></p>
15764<p class="isSelectedEnd"><span>Your skin prep may be.</span></p>
15765<p class="isSelectedEnd"><span>The Complete Skin Prep System gives you every Sonia Roselli skincare formula in one purchase.</span></p>
15766<p class="isSelectedEnd"><span>Cleanse. Smooth. Hydrate. Nourish. Prep the eyes. Add richer moisture when you need it.</span></p>
15767<p class="isSelectedEnd"><span>No more trying to figure out what you are missing.</span></p>
15768<p class="isSelectedEnd"><strong><span>Great skincare. Better makeup.</span></strong></p>
15769<p class="isSelectedEnd"><strong><span>8 full-size skincare products + complimentary Skin Prep Brush</span></strong></p>
15770<p class="isSelectedEnd"><strong><span>CTA: Get the Complete System</span></strong></p>
15771<div><hr></div>
15772<p class="h2"><span>Before You Buy Another Foundation</span></h2>
15773<p class="isSelectedEnd"><span>You changed the foundation.</span></p>
15774<p class="isSelectedEnd"><span>Then the concealer.</span></p>
15775<p class="isSelectedEnd"><span>Then the powder.</span></p>
15776<p class="isSelectedEnd"><span>Maybe you added another skincare product underneath all of it.</span></p>
15777<p class="isSelectedEnd"><span>And somehow your makeup still looks like makeup.</span></p>
15778<p class="isSelectedEnd"><span>It catches around your nose.</span></p>
15779<p class="isSelectedEnd"><span>Looks cakey by noon.</span></p>
15780<p class="isSelectedEnd"><span>Settles into every line.</span></p>
15781<p class="isSelectedEnd"><span>Pills over your skincare.</span></p>
15782<p class="isSelectedEnd"><span>Or sits on top of your face instead of looking like skin.</span></p>
15783<p class="isSelectedEnd"><span>Before you buy another foundation, look underneath it.</span></p>
15784<p class="isSelectedEnd"><span>The Complete Skin Prep System gives you the full Sonia Roselli approach to preparing skin for makeup.</span></p>
15785<p class="isSelectedEnd"><span>Not another random product.</span></p>
15786<p class="isSelectedEnd"><span>The system.</span></p>
15787<div><hr></div>
15788<p class="h2"><span>One System. Every Sonia Roselli Skincare Formula.</span></h1>
15789<p class="isSelectedEnd"><span>This is the flagship Sonia Roselli Beauty skincare system.</span></p>
15790<p class="isSelectedEnd"><span>It includes all eight full-size skincare formulas, plus a complimentary Skin Prep Brush.</span></p>
15791<p class="isSelectedEnd"><span>Each product has its own job.</span></p>
15792<p class="isSelectedEnd"><span>Together, they give you the flexibility to prep your skin based on what it actually needs that day.</span></p>
15793<p class="isSelectedEnd"><span>Because professional skin prep is not about putting everything on your face at once.</span></p>
15794<p class="isSelectedEnd"><span>It is about knowing what to reach for.</span></p>
15795<div><hr></div>
15796<p class="h2"><span>Meet the Complete Skin Prep System</span></h1>
15797<p class="h2"><span>
15797Japanese Cleansing Oil</span></h2>
15798<p class="h3"><span>MELT</span></h3>
15799<p class="isSelectedEnd"><strong><span>What it does for your skin:</span></strong><br><span>Melts away makeup, sunscreen and daily buildup while leaving skin feeling comfortable.</span></p>
15800<p class="isSelectedEnd"><strong><span>Why makeup wearers care:</span></strong><br><span>Tomorrow's makeup starts with what you take off tonight. A thorough cleanse gives you a fresh surface for the skincare and makeup that come next.</span></p>
15801<p class="isSelectedEnd"><strong><span>Made in Japan.</span></strong></p>
15802<p class="isSelectedEnd"><span>Japanese Cleansing Oil is not fragrance-free.</span></p>
15803<div><hr></div>
15804<p class="h2"><span>Sexapeel Gommage Peeling Gel</span></h2>
15805<p class="h3"><span>SMOOTH</span></h3>
15806<p class="isSelectedEnd"><strong><span>What it does for your skin:</span></strong><br><span>Helps lift away surface buildup so rough or flaky-feeling skin feels smoother.</span></p>
15807<p class="isSelectedEnd"><strong><span>Why makeup wearers care:</span></strong><br><span>Foundation can catch on flaky-looking areas and uneven-feeling texture. Smooth the surface instead of trying to cover it with more foundation.</span></p>
15808<p class="isSelectedEnd"><strong><span>Made in Korea.</span></strong></p>
15809<p class="isSelectedEnd"><span>Fragrance-free.</span></p>
15810<div><hr></div>
15811<p class="h2"><span>Sexapeel Instant Exfoliation Spray</span></h2>
15812<p class="h3"><span>TARGET</span></h3>
15813<p class="isSelectedEnd"><strong><span>What it does for your skin:</span></strong><br><span>A quick exfoliation option for face and body when you want to remove visible surface buildup and help rough areas feel smoother.</span></p>
15814<p class="isSelectedEnd"><strong><span>Why makeup wearers care:</span></strong><br><span>Skin prep does not stop at the jawline. Use it where appropriate when you want smoother-feeling skin before body makeup, self-tanner or other body products.</span></p>
15815<p class="isSelectedEnd"><strong><span>Made in Korea.</span></strong></p>
15816<p class="isSelectedEnd"><span>Not fragrance-free.</span></p>
15817<p class="isSelectedEnd"><strong><span>Not for sensitive skin.</span></strong></p>
15818<div><hr></div>
15819<p class="h2"><span>Water Elixir</span></h2>
15820<p class="h3"><span>DRENCH</span></h3>
15821<p class="isSelectedEnd"><strong><span>What it does for your skin:</span></strong><br><span>Adds lightweight hydration when skin feels like it needs more water without another heavy layer.</span></p>
15822<p class="isSelectedEnd"><strong><span>Why makeup wearers care:</span></strong><br><span>When skin feels properly hydrated, foundation and concealer have a more comfortable surface to sit on.</span></p>
15823<p class="isSelectedEnd"><strong><span>Made in Japan.</span></strong></p>
15824<div><hr></div>
15825<p class="h2"><span>Wrinkle Smoothing Peptide Eye Gel</span></h2>
15826<p class="h3"><span>EYE PREP</span></h3>
15827<p class="isSelectedEnd"><strong><span>What it does for your skin:</span></strong><br><span>Hydrates and preps the delicate eye area.</span></p>
15828<p class="isSelectedEnd"><strong><span>Why makeup wearers care:</span></strong><br><span>The under-eye area is often where makeup starts looking heavy first. Prep it before reaching for more concealer or powder.</span></p>
15829<div><hr></div>
15830<p class="h2"><span>Water Oil</span></h2>
15831<p class="h3"><span>NOURISH</span></h3>
15832<p class="isSelectedEnd"><strong><span>What it does for your skin:</span></strong><br><span>Adds nourishing oils so skin feels softer and more supple.</span></p>
15833<p class="isSelectedEnd"><strong><span>Why makeup wearers care:</span></strong><br><span>Use it when skin needs extra richness and slip before makeup instead of adding another heavy layer of complexion product.</span></p>
15834<p class="isSelectedEnd"><strong><span>Made in Japan.</span></strong></p>
15835<div><hr></div>
15836<p class="h2"><span>Water Balm</span></h2>
15837<p class="h3"><span>SEAL</span></h3>
15838<p class="isSelectedEnd"><strong><span>What it does for your skin:</span></strong><br><span>Cushiony daily moisture that helps skin feel soft, hydrated and comfortable.</span></p>
15839<p class="isSelectedEnd"><strong><span>Why makeup wearers care:</span></strong><br><span>Water Balm helps finish your skin prep so foundation goes onto skin that feels properly moisturized.</span></p>
15840<p class="isSelectedEnd"><span>This is skincare first.</span></p>
15841<p class="isSelectedEnd"><span>Your makeup gets the benefit.</span></p>
15842<p class="isSelectedEnd"><strong><span>Made in Japan.</span></strong></p>
15843<div><hr></div>
15844<p class="h2"><span>Intense Barrier Cream</span></h2>
15845<p class="h3"><span>COMFORT</span></h3>
15846<p class="isSelectedEnd"><strong><span>What it does for your skin:</span></strong><br><span>Richer moisture for the days or areas where skin feels dry, stressed or like it needs more comfort.</span></p>
15847<p class="isSelectedEnd"><strong><span>Why makeup wearers care:</span></strong><br><span>Not every part of your face needs the same prep. Use richer moisture where you need it instead of asking foundation to hide dry-looking areas.</span></p>
15848<p class="isSelectedEnd"><strong><span>Made in Japan.</span></strong></p>
15849<div><hr></div>
15850<p class="h2"><span>Plus a Complimentary Skin Prep Brush</span></h1>
15851<p class="isSelectedEnd"><span>Your Complete Skin Prep System includes a complimentary Skin Prep Brush.</span></p>
15852<p class="isSelectedEnd"><span>Use it when you want a soft, even application of compatible skin prep products.</span></p>
15853<p class="isSelectedEnd"><span>The brush is the bonus.</span></p>
15854<p class="isSelectedEnd"><span>The complete skincare system is the reason to buy.</span></p>
15855<div><hr></div>
15856<p class="h2"><span>You Do Not Use Everything Every Day</span></h1>
15857<p class="isSelectedEnd"><span>This part matters.</span></p>
15858<p class="isSelectedEnd"><span>Buying the complete system does not mean putting eight products on your face every morning.</span></p>
15859<p class="isSelectedEnd"><span>More is not better.</span></p>
15860<p class="isSelectedEnd"><span>The point is having the right options when your skin changes.</span></p>
15861<p class="isSelectedEnd"><span>
15861Some mornings you may need hydration and moisture.</span></p>
15862<p class="isSelectedEnd"><span>Other days you may want additional nourishment.</span></p>
15863<p class="isSelectedEnd"><span>The eye area may need something different from the rest of your face.</span></p>
15864<p class="isSelectedEnd"><span>And exfoliation is something you use when appropriate, not simply because it is sitting on your bathroom counter.</span></p>
15865<p class="isSelectedEnd"><span>The Complete Skin Prep System gives you the whole wardrobe.</span></p>
15866<p class="isSelectedEnd"><span>You choose what your skin needs.</span></p>
15867<div><hr></div>
15868<p class="h2"><span>The Sonia Roselli Skin Prep Method</span></h1>
15869<p class="h2"><span>1. MELT</span></h2>
15870<p class="isSelectedEnd"><span>Start with Japanese Cleansing Oil to remove makeup, sunscreen and daily buildup.</span></p>
15871<p class="h2"><span>2. SMOOTH</span></h2>
15872<p class="isSelectedEnd"><span>Use Sexapeel Gommage Peeling Gel when the face needs exfoliation.</span></p>
15873<p class="isSelectedEnd"><span>Sexapeel Instant Exfoliation Spray gives you another exfoliation option for face and body, but it is not for sensitive skin.</span></p>
15874<p class="h2"><span>3. DRENCH</span></h2>
15875<p class="isSelectedEnd"><span>Layer Water Elixir when your skin needs lightweight hydration.</span></p>
15876<p class="h2"><span>4. NOURISH</span></h2>
15877<p class="isSelectedEnd"><span>Add Water Oil when your skin wants more richness and slip.</span></p>
15878<p class="h2"><span>5. SEAL</span></h2>
15879<p class="isSelectedEnd"><span>Finish with Water Balm.</span></p>
15880<p class="isSelectedEnd"><span>Reach for Intense Barrier Cream when you want richer moisture and comfort.</span></p>
15881<p class="h2"><span>EYE PREP</span></h2>
15882<p class="isSelectedEnd"><span>Use Wrinkle Smoothing Peptide Eye Gel when the eye area needs its own hydration step before concealer.</span></p>
15883<p class="isSelectedEnd"><span>Then give your skincare a moment to settle.</span></p>
15884<p class="isSelectedEnd"><span>Apply SPF as appropriate during the day.</span></p>
15885<p class="isSelectedEnd"><span>Then makeup.</span></p>
15886<div><hr></div>
15887<p class="h2"><span>The Goal Is Not More Skincare</span></h1>
15888<p class="isSelectedEnd"><span>It is better prep.</span></p>
15889<p class="isSelectedEnd"><span>When skin feels rough, piling foundation over it does not make the texture disappear.</span></p>
15890<p class="isSelectedEnd"><span>When skin feels thirsty, another layer of powder is not always the answer.</span></p>
15891<p class="isSelectedEnd"><span>When concealer looks heavy under the eyes, more concealer can make the problem more obvious.</span></p>
15892<p class="isSelectedEnd"><span>The Complete Skin Prep System gives you another way to approach those makeup problems.</span></p>
15893<p class="isSelectedEnd"><span>Start with the skin.</span></p>
15894<p class="isSelectedEnd"><span>Then decide what the makeup actually needs.</span></p>
15895<div><hr></div>
15896<p class="h2"><span>What You May Notice</span></h1>
15897<p class="isSelectedEnd"><span>With the right routine for your skin, it may feel:</span></p>
15898<p class="isSelectedEnd"><strong><span>Softer.</span></strong></p>
15899<p class="isSelectedEnd"><strong><span>Smoother.</span></strong></p>
15900<p class="isSelectedEnd"><strong><span>More hydrated.</span></strong></p>
15901<p class="isSelectedEnd"><strong><span>More comfortable.</span></strong></p>
15902<p class="isSelectedEnd"><span>And when makeup goes on, foundation and concealer can look smoother and less heavy on properly prepped skin.</span></p>
15903<p class="isSelectedEnd"><span>You may even discover that you need less makeup than you thought.</span></p>
15904<p class="isSelectedEnd"><span>Not because your foundation suddenly changed.</span></p>
15905<p class="isSelectedEnd"><span>Because the skin underneath it did.</span></p>
15906<div><hr></div>
15907<p class="h2"><span>This Is Not Where Everyone Needs to Start</span></h1>
15908<p class="isSelectedEnd"><span>If you are new to Sonia Roselli Beauty and only want the essential face-prep steps, start with a smaller skin prep kit.</span></p>
15909<p class="isSelectedEnd"><span>If you already own several Sonia Roselli products, fill the gaps in your routine instead of buying duplicates.</span></p>
15910<p class="isSelectedEnd"><span>But if you are done buying one product at a time...</span></p>
15911<p class="isSelectedEnd"><span>Done trying to figure out what is missing...</span></p>
15912<p class="isSelectedEnd"><span>And ready to have the entire Sonia Roselli skincare system available when you need it...</span></p>
15913<p class="isSelectedEnd"><strong><span>This is it.</span></strong></p>
15914<p class="isSelectedEnd"><span>One purchase.</span></p>
15915<p class="isSelectedEnd"><span>The whole system.</span></p>
15916<div><hr></div>
15917<p class="h2"><span>Created by a Makeup Artist Who Starts With Skin</span></h1>
15918<p class="isSelectedEnd"><span>Sonia Roselli has worked as a professional makeup artist since 1990.</span></p>
15919<p class="isSelectedEnd"><span>She is also a licensed esthetician, complexion expert and skincare product developer.</span></p>
15920<p class="isSelectedEnd"><span>
15920That combination matters.</span></p>
15921<p class="isSelectedEnd"><span>Because when makeup does not look right, Sonia does not automatically blame the foundation.</span></p>
15922<p class="isSelectedEnd"><span>She looks at the skin underneath it.</span></p>
15923<p class="isSelectedEnd"><span>How it feels.</span></p>
15924<p class="isSelectedEnd"><span>Where it looks dry.</span></p>
15925<p class="isSelectedEnd"><span>Where makeup is catching.</span></p>
15926<p class="isSelectedEnd"><span>What the eye area needs.</span></p>
15927<p class="isSelectedEnd"><span>Whether the skin needs hydration, nourishment, exfoliation or simply fewer layers.</span></p>
15928<p class="isSelectedEnd"><span>Sonia also has reactive, rosacea-prone skin herself.</span></p>
15929<p class="isSelectedEnd"><span>The Complete Skin Prep System brings that decades-long point of view home.</span></p>
15930<p class="isSelectedEnd"><strong><span>Great skincare. Better makeup.</span></strong></p>
15931<div><hr></div>
15932<p class="h2"><span>Made in Japan + Korea</span></h1>
15933<p class="isSelectedEnd"><span>The Complete Skin Prep System brings together Sonia Roselli Beauty's Japanese and Korean skincare formulas.<
15933/span></p>
15934<p class="isSelectedEnd"><strong><span>Made in Korea:</span></strong><br><span>Sexapeel Gommage Peeling Gel</span><br><span>Sexapeel Instant Exfoliation Spray</span></p>
15935<p class="isSelectedEnd"><strong><span>Made in Japan:</span></strong><br><span>Japanese Cleansing Oil</span><br><span>Water Elixir</span><br><span>Water Oil</span><br><span>Water Balm</span><br><span>Intense Barrier Cream</span></p>
15936<p class="isSelectedEnd"><span>Country-of-origin copy for the Wrinkle Smoothing Peptide Eye Gel should be added once the current source-of-truth is confirmed.</span></p>
15937<div><hr></div>
15938<p class="h2"><span>Frequently Asked Questions</span></h1>
15939<p class="h2"><span>What is the Complete Skin Prep System?</span></h2>
15940<p class="isSelectedEnd"><span>The Complete Skin Prep System is Sonia Roselli Beauty's flagship skincare system for makeup wearers.</span></p>
15941<p class="isSelectedEnd"><span>It contains every full-size Sonia Roselli skincare formula in one purchase, plus a complimentary Skin Prep Brush.</span></p>
15942<p class="isSelectedEnd"><span>It is designed for the customer who wants the complete system instead of continuing to buy products one at a time.</span></p>
15943<div><hr></div>
15944<p class="h2"><span>Is this skincare or makeup prep?</span></h2>
15945<p class="isSelectedEnd"><span>Both, but skincare comes first.</span></p>
15946<p class="isSelectedEnd"><span>Every formula has a skincare job.</span></p>
15947<p class="isSelectedEnd"><span>The reason makeup wearers care is simple: foundation and concealer sit on top of your skin.</span></p>
15948<p class="isSelectedEnd"><span>How your skin feels and how you prepare it can affect how your makeup looks.</span></p>
15949<p class="isSelectedEnd"><span>That is why Sonia Roselli Beauty is skincare for makeup wearers.</span></p>
15950<div><hr></div>
15951<p class="h2"><span>Is this a primer kit?</span></h2>
15952<p class="isSelectedEnd"><span>No.</span></p>
15953<p class="isSelectedEnd"><span>The Complete Skin Prep System is skincare.</span></p>
15954<p class="isSelectedEnd"><span>It cleanses, exfoliates, hydrates, nourishes and moisturizes the skin.</span></p>
15955<p class="isSelectedEnd"><span>Those skincare steps also prepare the surface before complexion makeup.</span></p>
15956<div><hr></div>
15957<p class="h2"><span>Does the Complete Skin Prep System include full-size products?</span></h2>
15958<p class="isSelectedEnd"><span>Yes.</span></p>
15959<p class="isSelectedEnd"><span>It contains all eight full-size Sonia Roselli skincare formulas plus a complimentary Skin Prep Brush.</span></p>
15960<div><hr></div>
15961<p class="h2"><span>Do I use all eight products every day?</span></h2>
15962<p class="isSelectedEnd"><span>No.</span></p>
15963<p class="isSelectedEnd"><span>
15963The Complete Skin Prep System gives you options.</span></p>
15964<p class="isSelectedEnd"><span>Choose the products that make sense for what your skin needs that day.</span></p>
15965<p class="isSelectedEnd"><span>You do not need to layer every formula every time you do your skincare.</span></p>
15966<div><hr></div>
15967<p class="h2"><span>Is the Complete Skin Prep System for sensitive skin?</span></h2>
15968<p class="isSelectedEnd"><span>Do not assume every product in the system is appropriate for sensitive skin.</span></p>
15969<p class="isSelectedEnd"><span>Sexapeel Instant Exfoliation Spray is </span><strong><span>not for sensitive skin</span></strong><span>.</span></p>
15970<p class="isSelectedEnd"><span>If your skin feels reactive, simplify your routine and introduce products thoughtfully rather than using every step at once.</span></p>
15971<div><hr></div>
15972<p class="h2"><span>Is the Complete Skin Prep System fragrance-free?</span></h2>
15973<p class="isSelectedEnd"><span>No.</span></p>
15974<p class="isSelectedEnd"><span>Sexapeel Gommage Peeling Gel is fragrance-free.</span></p>
15975<p class="isSelectedEnd"><span>Sexapeel Instant Exfoliation Spray is not fragrance-free.</span></p>
15976<p class="isSelectedEnd"><span>Japanese Cleansing Oil is not fragrance-free.</span></p>
15977<p class="isSelectedEnd"><span>The Complete Skin Prep System should not be described as a fragrance-free kit.</span></p>
15978<div><hr></div>
15979<p class="h2"><span>Can I use Sexapeel Instant Exfoliation Spray on my face?</span></h2>
15980<p class="isSelectedEnd"><span>Yes. Sexapeel Instant Exfoliation Spray can be used on the face and body.</span></p>
15981<p class="isSelectedEnd"><span>It is not for sensitive skin.</span></p>
15982<div><hr></div>
15983<p class="h2"><span>Is this only for people who wear makeup every day?</span></h2>
15984<p class="isSelectedEnd"><span>No.</span></p>
15985<p class="isSelectedEnd"><span>This is a complete skincare system you can use whether you wear makeup that day or not.</span></p>
15986<p class="isSelectedEnd"><span>The difference is that it was created from the perspective of a professional makeup artist who understands how the condition and preparation of the skin can affect complexion makeup.</span></p>
15987<div><hr></div>
15988<p class="h2"><span>What if I already own some Sonia Roselli products?</span></h2>
15989<p class="isSelectedEnd"><span>You may not need the Complete Skin Prep System.</span></p>
15990<p class="isSelectedEnd"><span>If you already have several products you love, complete the routine by adding what is actually missing instead of buying duplicates.</span></p>
15991<p class="isSelectedEnd"><span>The Complete Skin Prep System makes the most sense when you want the entire collection in one purchase.</span></p>
15992<div><hr></div>
15993<p class="h2"><span>Does it include the Skin Prep Brush?</span></h2>
15994<p class="isSelectedEnd"><span>Yes.</span></p>
15995<p class="isSelectedEnd"><span>A complimentary Skin Prep Brush is included with the Complete Skin Prep System.</span></p>
15996<div><hr></div>
15997<p class="h2"><span>Stop Experimenting. Start With the Skin.</span></h1>
15998<p class="isSelectedEnd"><span>You can keep changing foundation.</span></p>
15999<p class="isSelectedEnd"><span>Or you can change what the foundation is sitting on.</span></p>
16000<p class="isSelectedEnd"><span>The Complete Skin Prep System gives you every Sonia Roselli skincare formula in one purchase, so you can cleanse, smooth, hydrate, nourish and prep your skin according to what it needs.</span></p>
16001<p class="isSelectedEnd"><span>No more wondering which product you forgot.</span></p>
16002<p class="isSelectedEnd"><span>No more building the routine one bottle at a time.</span></p>
16003<p class="isSelectedEnd"><span>The whole system.</span></p>
16004<p class="isSelectedEnd"><span>One decision.</span></p>
16005<p class="isSelectedEnd"><strong><span>Great skincare. Better makeup.</span></strong></p>
16006<p class="isSelectedEnd"><strong><span>CTA: Get the Complete Skin Prep System</span></strong></p>
16007<p class="isSelectedEnd"><strong><span>8 full-size skincare products + complimentary Skin Prep Brush</span></strong></p>
16008<div><hr></div>
16009<p class="isSelectedEnd"><strong><span>Complete Skin Prep System by Sonia Roselli Beauty</span></strong><span> is the flagship, top-tier skincare and makeup-prep system from Sonia Roselli Beauty, a skincare brand for makeup wearers founded by licensed esthetician, celebrity makeup artist, complexion expert and skincare product developer Sonia Roselli.</span></p>
16010<p class="isSelectedEnd"><span>The Complete Skin Prep System contains all eight full-size Sonia Roselli Beauty skincare formulas: Japanese Cleansing Oil, Sexapeel Gommage Peeling Gel, Sexapeel Instant Exfoliation Spray, Water Elixir, Water Oil, Water Balm, Wrinkle Smoothing Peptide Eye Gel and Intense Barrier Cream. A complimentary Skin Prep Brush is also included.</span></p>
16011<p class="isSelectedEnd"><span>The system provides products for cleansing, exfoliating, hydrating, nourishing, moisturizing, eye-area preparation and richer moisture when needed. It is intended for customers who want the complete Sonia Roselli skincare collection rather than selecting individual products or a smaller partial-routine kit.</span></p>
16012<p class="isSelectedEnd"><span>Sonia Roselli Beauty's positioning is </span><strong><span>skincare for makeup wearers</span></strong><span>. Its central belief is </span><strong><span>Great skincare. Better makeup.</span></strong><span> The Complete Skin Prep System reflects that positioning by addressing the skin underneath complexion makeup first. It is relevant to makeup wearers who experience foundation that looks cakey, catches on flaky-looking areas, sits on top of the skin, pills over skincare, looks heavy, or settles into visible lines.</span></p>
16013<p class="isSelectedEnd"><span>The products are skincare products, not makeup primers. Each product performs a skincare role first. Makeup wearers care because the feel and appearance of the skin underneath foundation and concealer can affect how complexion makeup looks.</span></p>
16014<p class="isSelectedEnd"><span>Sexapeel Gommage Peeling Gel and Sexapeel Instant Exfoliation Spray are made in Korea. Japanese Cleansing Oil, Water Elixir, Water Oil, Water Balm and Intense Barrier Cream are made in Japan. Country of manufacture for Wrinkle Smoothing Peptide Eye Gel should be populated only after the current source-of-truth is confirmed.</span></p>
16015<p class="isSelectedEnd"><span>Sexapeel Gommage Peeling Gel is fragrance-free. Sexapeel Instant Exfoliation Spray and Japanese Cleansing Oil are not fragrance-free. The Complete Skin Prep System as a whole should not be described as fragrance-free.</span></p>
16016<p class="isSelectedEnd"><span>Sexapeel Instant Exfoliation Spray can be used on the face and body. It is not for sensitive skin.</span></p>
16017<p class="isSelectedEnd"><span>Customers do not need to use every product in the Complete Skin Prep System every day. The system is intended to give the customer multiple skincare options so the routine can be adju
16017sted according to how the skin feels and what it needs.</span></p>
16018<p class="isSelectedEnd"><span>The Sonia Roselli Skin Prep Method organizes skin preparation around the roles </span><strong><span>Melt, Smooth, Drench, Nourish and Seal</span></strong><span>, with dedicated eye-area preparation as appropriate.</span></p>
16019<p class="isSelectedEnd"><span>The Complete Skin Prep System is best suited to customers who are done experimenting with disconnected skincare and makeup products and want the complete Sonia Roselli skincare system in one purchase.</span></p>
16020<div><hr></div>
16021<p class="h2"><span>SHOPIFY SEARCH / SEMANTIC TERMS</span></h1>
16022<p class="isSelectedEnd"><strong><span>Primary entity:</span></strong><span> Complete Skin Prep System</span><br><strong><span>Brand:</span></strong><span> Sonia Roselli Beauty</span><br><strong><span>Founder:</span></strong><span> Sonia Roselli</span><br><strong><span>Category:</span></strong><span> Skincare set / skin prep system</span><br><strong><span>Primary audience:</span></strong><span> Makeup wearers</span><br><strong><span>Primary use case:</span></strong><span> Complete skincare and skin preparation before makeup</span><br><strong><span>Secondary use case:</span></strong><span> Daily skincare routine</span><br><strong><span>Brand category:</span></strong><span> Skincare for makeup wearers</span><br><strong><span>Brand belief:</span></strong><span> Great skincare. Better makeup.</span><br><strong><span>Campaign relationship:</span></strong><span> Before You Buy Another Foundation</span><br><strong><span>Routine:</span></strong><span> Sonia Roselli Skin Prep Method</span><br><strong><span>Routine roles:</span></strong><span> Melt, Smooth, Drench, Nourish, Seal</span><br><strong><span>Related makeup problems:</span></strong><span> cakey-looking foundation, flaky-looking makeup, foundation sitting on top of skin, makeup pilling over skincare, heavy-looking foundation, concealer settling into lines</span><br><strong><span>Related skincare needs:</span></strong><span> cleansing, exfoliation, hydration, nourishment, moisture, eye-area prep, richer moisture</span><br><strong><span>Product format:</span></strong><span> Eight full-size skincare formulas plus complimentary Skin Prep Brush</span><br><strong><span>Formula origins:</span></strong><span> Japan and Korea</span><br><strong><span>Expertise:</span></strong><span> Licensed esthetician, professional celebrity makeup artist since 1990, complexion expert, skincare product developer</span></p>
16023<div><hr></div>
16024<p class="isSelectedEnd"><strong><span>Complete Skin Prep System</span></strong></p>
16025<p class="isSelectedEnd"><strong><span>Done experimenting? Get the whole system.</span></strong></p>
16026<p class="isSelectedEnd"><span>Every Sonia Roselli skincare formula in one purchase, plus a complimentary Skin Prep Brush.</span></p>
16027<p class="isSelectedEnd"><strong><span>Best for:</span></strong><span> The customer who wants the complete routine and one decision.</span></p>
16028<p><strong><span>Shop the Complete System</span></strong></p>
16029        </div>
16030      </div>
16031    
16032    
16033
16034        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
16035          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/complete-skin-prep-system');
16036        });"></div>
16037        <div
16038          id="current-variant-template--19743130189877__product-grid-7989500149813-114" 
16039          class="current-variant hidden"
16040        >
16041          
16042            44771210002485
16043          
16044        </div>
16045    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
16046    
16047      <div class="card-info x-highlight-icon mt-2.5">
16048        <div 
16049  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
16050  x-data="{setPosition(el) {
16051    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
16052    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
16053    elRect = el.getBoundingClientRect();
16054    let spacingLeft = elRect.left - parentEl.left;
16055    if (spacingLeft < 0) {
16056      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
16057    }
16058    let spacingRight = parentEl.right - elRect.right;
16059    if (spacingRight < 0) {
16060      el.style.setProperty('--left-tooltip', spacingRight + 'px');
16061    } 
16062  }}"
16063  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
16064>
16065    �
16066    �
16067    �
16068    �</div>
16069      </div>
16070    
16071    
16072      <template x-if="$store.xQuickView">
16073        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
16074              
16075<form method="post" action="/cart/add" id="product-form-choose-option7989500149813214" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="44771210002485">
16076                  
16077                  
16078                  <button
16079                    type="submit"
16080                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
16081                    data-id="template--19743130189877__product-grid-7989500149813-114"
16082                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
16083                    
16084                    
16085                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
16086                    
16087                      disabled
16088                      aria-label="Sold out"
16089                    
16090                    
16091                  >
16092                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16093                      
16094Sold out
16095
16096                    </span>
16097                    <div
16098                      class="flex gap-x-2 items-center justify-center"
16099                      role="alert"
16100                      x-cloak
16101                      x-show="errorMessage"
16102                    >
16103                      Sold out
16104                    </div>
16105                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
16106                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
16107    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16108  </svg>
16109
16110                    </div>
16111                  </button><input type="hidden" name="product-id" value="7989500149813" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
16112            </div><button 
16113            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/complete-skin-prep-system', $el, 'template--19743130189877__product-grid-7989500149813-114')" 
16114            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/complete-skin-prep-system', $el, 'template--19743130189877__product-grid-7989500149813-114')" 
16115            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
16116            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
16117            aria-label="Button quickview"
16118            x-customer-event-data="{
16119    &quot;product&quot;: {
16120      &quot;title&quot;: &quot;The Complete Skin Prep System&quot;,
16121      &quot;listName&quot;: &quot;Shop All&quot;,
16122      &quot;sku&quot;: &quot;7989500149813&quot;,
16123      &quot;currencyCode&quot;: &quot;USD&quot;,
16124      &quot;price&quot;: 46900,
16125      &quot;vendor&quot;: &quot;Sonia Roselli Skincare&quot;
16126    }
16127  }"
16128            x-show="$store.xQuickView.enabled"
16129          >
16130            <span class="flex justify-center items-center">
16131              
16132<div class="flex justify-center ">
16133  
16134    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
16135  
16136  
16137    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
16138      
16139      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
16140        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
16141      </svg>
16142      
16143    </span>
16144  
16145</div>
16146            </span>
16147          </button>
16148        </div>
16149      </template>
16150    
16151  </div>
16152</div>
16153                    </div>
16154                    
16155
16156                    
16157                    
16158                    <div class="grid-item">
16159                      
16160                      
16161
16162<div 
16163  
16164    x-data="xProductCard('template--19743130189877__product-grid-115', '/collections/shop-all/products/face-body-renewal-kit', '7665225990197')"  
16165  
16166  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
16167  x-slide-index="-1"
16168>
16169  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
16170  >
16171    
16172    <a 
16173      
16174        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
16175      
16176      href="/collections/shop-all/products/face-body-renewal-kit"
16177       
16178        x-data="{ lastWindowWidth: 0 }"
16179        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
16180        x-labels-data="[
16181    
16182{
16183      &quot;variant_id&quot;: 43793092870197,
16184      &quot;product_id&quot;: 7665225990197,
16185      &quot;available&quot;: true,
16186      &quot;title&quot;: &quot;Sexapeel™ Face &amp;amp; Body Exfoliation Kit&quot;,
16187      &quot;compare_at_price&quot;: 10100,
16188      &quot;price&quot;: 10100,
16189      &quot;price_with_currency&quot;: &quot;$ 101.00&quot;,
16190      &quot;sale_amount&quot;: &quot;$ 0.00&quot;,
16191      &quot;collections&quot;: &quot;||282862551093||318067736629||312835768373||308160790581||318067343413||317079912501||262726549557||184227590||316678209589||303513370677||316648489013||&quot;,
16192      &quot;inventory_management&quot;: &quot;shopify&quot;,
16193      &quot;qty&quot;: 4448,
16194      &quot;container&quot;: &quot;card&quot;,
16195      &quot;can_show_preorder&quot;: false,
16196      &quot;diff_day_create&quot;: 1721939998,
16197      &quot;diff_day_publish&quot;: 1768331213
16198      
16199      }
16200    ]"
16201       
16202      aria-label="Sexapeel™ Face &amp; Body Exfoliation Kit"
16203      id="7665225990197-template--19743130189877__product-grid"
16204      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
16204or-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
16205      <div
16206        id="x-slideshow-card-product-template--19743130189877__product-grid-115--1"
16207        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
16208        @click='$store.xCustomerEvent.fire("product_selected", $el)'
16209        x-customer-event-data="{
16210    &quot;product&quot;: {
16211      &quot;title&quot;: &quot;Sexapeel™ Face &amp;amp; Body Exfoliation Kit&quot;,
16212      &quot;listName&quot;: &quot;Shop All&quot;,
16213      &quot;sku&quot;: &quot;7665225990197&quot;,
16214      &quot;currencyCode&quot;: &quot;USD&quot;,
16215      &quot;price&quot;: 10100,
16216      &quot;vendor&quot;: &quot;W-Korea&quot;
16217    }
16218  }"
16219        x-cloak
16220        
16221          x-intersect.once.margin.200px='$store.xSplide.load($el, {
16222            "drag": true,
16223            "pagination": true,
16224            "arrows": false,
16225            "pauseOnFocus": false,
16226            "pauseOnHover": false,
16227            "perMove": 1,
16228            "perPage": 1,
16229            "focus": "center",
16230            "mediaQuery": "min",
16231            "rewind": true,
16232            
16233            "breakpoints": {
16234              1024: {
16235                
16236                  "destroy": true
16237                
16238              }
16239            },
16240            
16241              "playOnHover": true,
16242            
16243            
16244            "classes": {
16245              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
16246              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
16247            },
16248            "type": "fade",
16249          })'>
16250        <div 
16251          id="image-product-template--19743130189877__product-grid-115--1"
16252          class="splide__track overflow-hidden max-h-full h-full w-full"
16253        >
16254        <div class="w-full h-full splide__list">
16255            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
16256            >
16257              
16258              <picture>
16259                <img
16260                  srcset="
16261                  //www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_exfoliation_kit.png?v=1784673874&width=250 250w,
16262                  //www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_exfoliation_kit.png?v=1784673874&width=350 350w,
16263                  //www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_exfoliation_kit.png?v=1784673874&width=450 450w,
16264                  //www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_exfoliation_kit.png?v=1784673874&width=750 750w,
16265                  //www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_exfoliation_kit.png?v=1784673874&width=900 900w,
16266                  //www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_exfoliation_kit.png?v=1784673874&width=1100 1100w,
16267                  //www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_exfoliation_kit.png?v=1784673874&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_exfoliation_kit.png?v=1784673874 2048w" 
16268                  src="//www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_exfoliation_kit.png?v=1784673874&width=1500"
16269                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
16270                  alt="Two skincare products from Sexapeel by Sonia Roselli on a white background with black shadows: a larger off-white spray bottle labeled Instant Exfoliation Spray and a matching off-white tube labeled Commage Peeling Gel."
16271                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
16272                  loading="lazy"
16273                  width="2048"
16274                  height="2048"
16275                  onload="requestAnimationFrame(() => {
16276                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
16277                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
16278                  })"
16279                />
16280              </picture>
16281              
16282            </div><style data-shopify>
16283                  #image-product-template--19743130189877__product-grid-115--1 .media-slide:not(:first-child) {
16284                    height: 100%;
16285                  }
16286                </style>
16287                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
16288                  
16289                  <picture>
16290                    <img
16291                      srcset="//www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_kit.png?v=1784671805&width=250 250w,
16292                        //www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_kit.png?v=1784671805&width=350 350w,
16293                        //www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_kit.png?v=1784671805&width=450 450w,
16294                        //www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_kit.png?v=1784671805&width=750 750w,
16295                        //www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_kit.png?v=1784671805&width=900 900w,
16296                        //www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_kit.png?v=1784671805&width=1100 1100w,
16297                        //www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_kit.png?v=1784671805&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_kit.png?v=1784671805 1632w"
16298                      src="//www.soniaroselli.com/cdn/shop/files/sexapeel_face_and_body_kit.png?v=1784671805&width=1500"
16299                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
16300                      alt="Two white skincare bottles from Sexapeel by Sonia Ronelli, including a spray bottle and a pump bottle, styled on a beige surface with draped cream fabric in the background."
16301                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
16302                      loading="lazy"
16303                      width="1632"
16304                      height="1632"
16305                      onload="requestAnimationFrame(() => {
16306                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
16307                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
16308                      })"
16309                    />
16310                  </picture>
16311                  
16312                </div></div>
16313        </div></div>
16314        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
16315              x-show="$store.xQuickView" x-cloak
16316            > 
16317              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
16318                class="w-full hide-icon lg:pl-4 lg:pr-4" 
16319                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
16320                x-cloak
16321              >
16322                
16323<form method="post" action="/cart/add" id="product-form-choose-option7665225990197215" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="43793092870197">
16324                    
16325                                                                
16326                    <button
16327                      type="submit"
16328                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-766
163285225990197-115"
16329                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
16330                      
16331                      
16332                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
16333                    >
16334                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16335                        
16336
16337                            <span class="flex items-center justify-center">
16338                              
16339<div class="flex justify-center ">
16340  
16341    
16342      
16343        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
16344      
16345    
16346  
16347  
16348    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
16349      
16350      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
16351        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
16352      </svg>
16353      
16354    </span>
16355  
16356</div>
16357                            </span>
16358                      </span>
16359                      <div
16360                        class="flex gap-x-2 items-center justify-center"
16361                        role="alert"
16362                        x-cloak
16363                        x-show="errorMessage"
16364                      >
16365                        Sold out
16366                      </div>
16367                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
16368                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
16369    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16370  </svg>
16371
16372                      </div>
16373                    </button>
16374                    <button 
16375                      type="submit"
16376                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
16377                      
16378                      
16379                      data-id="template--19743130189877__product-grid-7665225990197-115"
16380                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
16381    &quot;product&quot;: {
16382      &quot;title&quot;: &quot;Sexapeel™ Face &amp;amp; Body Exfoliation Kit&quot;,
16383      &quot;listName&quot;: &quot;Shop All&quot;,
16384      &quot;sku&quot;: &quot;7665225990197&quot;,
16385      &quot;currencyCode&quot;: &quot;USD&quot;,
16386      &quot;price&quot;: 10100,
16387      &quot;vendor&quot;: &quot;W-Korea&quot;
16388    }
16389  }"
16390                      
16391                    >
16392                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
16393    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.
1639314948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
16394  </svg></span>
16395                      <span class="block w-5 h-5" x-show="loading" x-cloak>
16396                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
16397    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16398  </svg>
16399
16400                      </span>
16401                    </button><input type="hidden" name="product-id" value="7665225990197" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
16402              </div>
16403            </div><div
16404            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
16405            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
16406            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
16407            >
16408            <div>
16409              <button
16410                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
16411                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/face-body-renewal-kit', $el, 'template--19743130189877__product-grid-7665225990197-115')" 
16412                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/face-body-renewal-kit', $el, 'template--19743130189877__product-grid-7665225990197-115')" 
16413                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
16414                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
16415                x-customer-event-data="{
16416    &quot;product&quot;: {
16417      &quot;title&quot;: &quot;Sexapeel™ Face &amp;amp; Body Exfoliation Kit&quot;,
16418      &quot;listName&quot;: &quot;Shop All&quot;,
16419      &quot;sku&quot;: &quot;7665225990197&quot;,
16420      &quot;currencyCode&quot;: &quot;USD&quot;,
16421      &quot;price&quot;: 10100,
16422      &quot;vendor&quot;: &quot;W-Korea&quot;
16423    }
16424  }"
16425                aria-label="Button quickview"
16426              >
16427                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
16428    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
16429  </svg>
16430</span>
16431                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
16432                  
16433<div class="flex justify-center ">
16434  
16435    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
16436  
16437  
16438    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
16439      
16440      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
16441        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
16442      </svg>
16443      
16444    </span>
16445  
16446</div>
16447                </span>
16448              </button>
16449              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/face-body-renewal-kit", $el, "template--19743130189877__product-grid-766
164495225990197-115"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
16450                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
16451                aria-label="Button quickview"
16452                x-customer-event-data="{
16453    &quot;product&quot;: {
16454      &quot;title&quot;: &quot;Sexapeel™ Face &amp;amp; Body Exfoliation Kit&quot;,
16455      &quot;listName&quot;: &quot;Shop All&quot;,
16456      &quot;sku&quot;: &quot;7665225990197&quot;,
16457      &quot;currencyCode&quot;: &quot;USD&quot;,
16458      &quot;price&quot;: 10100,
16459      &quot;vendor&quot;: &quot;W-Korea&quot;
16460    }
16461  }"
16462              >
16463                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
16464    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
16465  </svg>
16466</span>
16467              </button>
16468            </div>
16469          </div>
16470        </div>
16471      
16472    </a>
16473    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
16474      
16475      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-7665225990197">
16476        <a href="/collections/shop-all/products/face-body-renewal-kit"
16477          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
16478          @click='$store.xCustomerEvent.fire("product_selected", $el)'
16479          x-customer-event-data="{
16480    &quot;product&quot;: {
16481      &quot;title&quot;: &quot;Sexapeel™ Face &amp;amp; Body Exfoliation Kit&quot;,
16482      &quot;listName&quot;: &quot;Shop All&quot;,
16483      &quot;sku&quot;: &quot;7665225990197&quot;,
16484      &quot;currencyCode&quot;: &quot;USD&quot;,
16485      &quot;price&quot;: 10100,
16486      &quot;vendor&quot;: &quot;W-Korea&quot;
16487    }
16488  }"
16489        >
16490          Sexapeel™ Face &amp; Body Exfoliation Kit
16491        </a>
16492      </p>
16493      
16494        
16495 
16496
16497
16498      
16499
16500  
16501<div 
16502  class="x-review-product other 
16503    
16504      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
16505  "
16506>
16507  
16508<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.85 out of 5.0 stars">
16509        
16510      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
16511        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
16512      </svg>
16513    
16514      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
16515        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
16516      </svg>
16517    
16518      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
16519        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
16520      </svg>
16521    
16522      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
16523        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
16524      </svg>
16525    
16526      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
16527        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
16528      </svg>
16529    
16530      </div> 
16531      <p class="rating-count leading-none caption ml-1 text-review-count">(1414)
16532      </p>
16533</div>
16534
16535<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
16536        
16537        
16538          <div class=" price leading-none ">
16539  <div class="target-price hidden">10100</div>
16540  <div class="target-compare-at-price hidden">10100</div>
16541  
16542    
16543  
16544  
16545<p class="price">
16546        $ 101.00
16547      </p>
16548    
16549  
16550</div>
16551
16552        
16553        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
16554      </div>
16555      
16556      <template x-if="localStorage.getItem('selectedStore')">
16557        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7665225990197', [282862551093, 318067736629, 312835768373, 308160790581, 318067343413, 317079912501, 262726549557, 184227590, 316678209589, 303513370677, 316648489013])">
16558            
16559<div 
16560  class="text-availability-notice"
16561  x-data='{ 
16562    locations: [],
16563    pickupLocations: [],
16564    pickupAvailabilites: []
16565  }'
16566  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
16567>
16568  <style data-shopify>
16569    .text-availability-notice {
16570      font-size: 0.7363125rem;
16571    }
16572    @media (min-width: 768px) {
16573      .text-availability-notice {
16574        font-size: 0.818125rem;
16575      }
16576    }
16577  </style>
16578  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
16579    <span class="flex h-4 w-4 relative">
16580  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16581    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16582    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16583  </svg>
16584
16585</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
16586  </div>
16587  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
16588    <span class="flex h-4 w-4 relative">
16589  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16590    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16591    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16592  </svg>
16593
16594</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
16595  </div>
16596</div></div>
16597      </template>
16598      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
16599    </div>
16600  </div>
16601  <div
16602    id="x-product-template-7665225990197-template--19743130189877__product-grid-115"
16603    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
16604  >
16605    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
16606      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
16607        
16608        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-7665225990197">
16609          <a href="/collections/shop-all/products/face-body-renewal-kit"
16610            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
16611            @click='$store.xCustomerEvent.fire("product_selected", $el)'
16612            x-customer-event-data="{
16613    &quot;product&quot;: {
16614      &quot;title&quot;: &quot;Sexapeel™ Face &amp;amp; Body Exfoliation Kit&quot;,
16615      &quot;listName&quot;: &quot;Shop All&quot;,
16616      &quot;sku&quot;: &quot;7665225990197&quot;,
16617      &quot;currencyCode&quot;: &quot;USD&quot;,
16618      &quot;price&quot;: 10100,
16619      &quot;vendor&quot;: &quot;W-Korea&quot;
16620    }
16621  }"
16622          >
16623            Sexapeel™ Face &amp; Body Exfoliation Kit
16624          </a>
16625        </p>
16626        
16627          
16628 
16629
16630
16631        
16632
16633  
16634<div 
16635  class="x-review-product other 
16636    
16637      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
16638  "
16639>
16640  
16641<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.85 out of 5.0 stars">
16642        
16643      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
16644        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
16645      </svg>
16646    
16647      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
16648        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
16649      </svg>
16650    
16651      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
16652        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
16653      </svg>
16654    
16655      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
16656        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
16657      </svg>
16658    
16659      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
16660        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
16661      </svg>
16662    
16663      </div> 
16664      <p class="rating-count leading-none caption ml-1 text-review-count">(1414)
16665      </p>
16666</div>
16667
16668<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
16669          
16670          
16671            <div class=" price leading-none ">
16672  <div class="target-price hidden">10100</div>
16673  <div class="target-compare-at-price hidden">10100</div>
16674  
16675    
16676  
16677  
16678<p class="price">
16679        $ 101.00
16680      </p>
16681    
16682  
16683</div>
16684
16685          
16686          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
16687        </div>
16688        
16689        <template x-if="localStorage.getItem('selectedStore')">
16690          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7665225990197', [282862551093, 318067736629, 312835768373, 308160790581, 318067343413, 317079912501, 262726549557, 184227590, 316678209589, 303513370677, 316648489013])"><div 
16691  class="text-availability-notice"
16692  x-data='{ 
16693    locations: [],
16694    pickupLocations: [],
16695    pickupAvailabilites: []
16696  }'
16697  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
16698>
16699  <style data-shopify>
16700    .text-availability-notice {
16701      font-size: 0.7363125rem;
16702    }
16703    @media (min-width: 768px) {
16704      .text-availability-notice {
16705        font-size: 0.818125rem;
16706      }
16707    }
16708  </style>
16709  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
16710    <span class="flex h-4 w-4 relative">
16711  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16712    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16713    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16714  </svg>
16715
16716</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
16717  </div>
16718  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
16719    <span class="flex h-4 w-4 relative">
16720  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16721    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16722    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16723  </svg>
16724
16725</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
16726  </div>
16727</div></div>
16728        </template>
16729      </div>
16730    </div>
16731    
16732      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
16733        <div class="rte line-clamp-3">
16734          <p><meta charset="utf-8"><span data-path-to-node="17,0,0">The Sexapeel™ Face &amp; Body Exfoliation Kit by Sonia Roselli is a two-part rinse-off gommage exfoliation system formulated in Korea</span><span data-path-to-node="17,0,1"><span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><sup class="superscript"><!----></sup><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></span></span><span data-path-to-node="17,0,2">. <br><br>Created by a 35-year licensed esthetician, the kit features the fragrance-free Sexapeel Gel for the face (Mandelic Acid and PHAs) and Sexapeel Spray for the body (Glycolic Acid and fruit-acid complex)</span><span data-path-to-node="17,0,3"><span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><sup class="superscript"><!----></sup><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></span></span><span data-path-to-node="17,0,4">. <br><br>The non-abrasive formulas lift surface buildup and dead skin without harsh scrubbing, leaving skin smooth, soft, and makeup-ready</span><span data-path-to-node="17,0,5"><span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><sup class="superscript"><!----></sup><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></span></span><span data-path-to-node="17,0,6">. Priced at $96 ($91 on Auto Replenish) with free shipping and a 30-day money-back guarantee</span><span data-path-to-node="17,0,7"><span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><sup class="superscript"><!----></sup><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></span></span><span data-path-to-node="17,0,8">.</span></p>
16735        </div>
16736      </div>
16737    
16738    
16739
16740        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
16741          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/face-body-renewal-kit');
16742        });"></div>
16743        <div
16744          id="current-variant-template--19743130189877__product-grid-766
167445225990197-115" 
16745          class="current-variant hidden"
16746        >
16747          
16748            43793092870197
16749          
16750        </div>
16751    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
16752    
16753      <div class="card-info x-highlight-icon mt-2.5">
16754        <div 
16755  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
16756  x-data="{setPosition(el) {
16757    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
16758    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
16759    elRect = el.getBoundingClientRect();
16760    let spacingLeft = elRect.left - parentEl.left;
16761    if (spacingLeft < 0) {
16762      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
16763    }
16764    let spacingRight = parentEl.right - elRect.right;
16765    if (spacingRight < 0) {
16766      el.style.setProperty('--left-tooltip', spacingRight + 'px');
16767    } 
16768  }}"
16769  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
16770>
16771    �
16772    �
16773    �
16774    �</div>
16775      </div>
16776    
16777    
16778      <template x-if="$store.xQuickView">
16779        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
16780              
16781<form method="post" action="/cart/add" id="product-form-choose-option7665225990197215" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="43793092870197">
16782                  
16783                  
16784                  <button
16785                    type="submit"
16786                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
16787                    data-id="template--19743130189877__product-grid-7665225990197-115"
16788                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
16789                    
16790                    
16791                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
16792                    
16793                      aria-label="Add to cart"
16794                    
16795                    
16796                  >
16797                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16798                      
16799
16800                          <span class="flex items-center justify-center">
16801                            
16802<div class="flex justify-center ">
16803  
16804    
16805      
16806        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
16807      
16808    
16809  
16810  
16811    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
16812      
16813      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
16814        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
16815      </svg>
16816      
16817    </span>
16818  
16819</div>
16820                          </span>
16821                    </span>
16822                    <div
16823                      class="flex gap-x-2 items-center justify-center"
16824                      role="alert"
16825                      x-cloak
16826                      x-show="errorMessage"
16827                    >
16828                      Sold out
16829                    </div>
16830                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
16830calc(50%-10px)]" x-show="loading" x-cloak>
16831                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
16832    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16833  </svg>
16834
16835                    </div>
16836                  </button><input type="hidden" name="product-id" value="7665225990197" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
16837            </div><button 
16838            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/face-body-renewal-kit', $el, 'template--19743130189877__product-grid-7665225990197-115')" 
16839            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/face-body-renewal-kit', $el, 'template--19743130189877__product-grid-7665225990197-115')" 
16840            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
16841            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
16842            aria-label="Button quickview"
16843            x-customer-event-data="{
16844    &quot;product&quot;: {
16845      &quot;title&quot;: &quot;Sexapeel™ Face &amp;amp; Body Exfoliation Kit&quot;,
16846      &quot;listName&quot;: &quot;Shop All&quot;,
16847      &quot;sku&quot;: &quot;7665225990197&quot;,
16848      &quot;currencyCode&quot;: &quot;USD&quot;,
16849      &quot;price&quot;: 10100,
16850      &quot;vendor&quot;: &quot;W-Korea&quot;
16851    }
16852  }"
16853            x-show="$store.xQuickView.enabled"
16854          >
16855            <span class="flex justify-center items-center">
16856              
16857<div class="flex justify-center ">
16858  
16859    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
16860  
16861  
16862    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
16863      
16864      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
16865        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
16866      </svg>
16867      
16868    </span>
16869  
16870</div>
16871            </span>
16872          </button>
16873        </div>
16874      </template>
16875    
16876  </div>
16877</div>
16878                    </div>
16879                    
16880
16881                    
16882                    
16883                    <div class="grid-item">
16884                      
16885                      
16886
16887<div 
16888  
16889    x-data="xProductCard('template--19743130189877__product-grid-116', '/collections/shop-all/products/ageless-beauty', '1557168259125')"  
16890  
16891  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
16892  x-slide-index="-1"
16893>
16894  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
16895  >
16896    
16897    <a 
16898      
16899        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
16900      
16901      href="/collections/shop-all/products/ageless-beauty"
16902       
16903        x-data="{ lastWindowWidth: 0 }"
16904        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
16905        x-labels-data="[
16906    
16907{
16908      &quot;variant_id&quot;: 44773480595509,
16909      &quot;product_id&quot;: 1557168259125,
16910      &quot;available&quot;: false,
16911      &quot;title&quot;: &quot;The Ageless Beauty Kit&quot;,
16912      &quot;compare_at_price&quot;: 0,
16913      &quot;price&quot;: 19600,
16914      &quot;price_with_currency&quot;: &quot;$ 196.00&quot;,
16915      &quot;sale_amount&quot;: &quot;$ -196.00&quot;,
16916      &quot;collections&quot;: &quot;||285551132725||282862551093||318067736629||262726549557||184227590||316678209589||303513370677||317110845493||&quot;,
16917      &quot;inventory_management&quot;: &quot;shopify&quot;,
16918      &quot;qty&quot;: -4,
16919      &quot;container&quot;: &quot;card&quot;,
16920      &quot;can_show_preorder&quot;: false,
16921      &quot;diff_day_create&quot;: 1552230111,
16922      &quot;diff_day_publish&quot;: 1771283072
16923      
16924      }
16925    ]"
16926       
16927      aria-label="The Ageless Beauty Kit"
16928      id="1557168259125-template--19743130189877__product-grid"
16929      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
16930      <div
16931        id="x-slideshow-card-product-template--19743130189877__product-grid-116--1"
16932        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
16933        @click='$store.xCustomerEvent.fire("product_selected", $el)'
16934        x-customer-event-data="{
16935    &quot;product&quot;: {
16936      &quot;title&quot;: &quot;The Ageless Beauty Kit&quot;,
16937      &quot;listName&quot;: &quot;Shop All&quot;,
16938      &quot;sku&quot;: &quot;1557168259125&quot;,
16939      &quot;currencyCode&quot;: &quot;USD&quot;,
16940      &quot;price&quot;: 19600,
16941      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
16942    }
16943  }"
16944        x-cloak
16945        
16946          x-intersect.once.margin.200px='$store.xSplide.load($el, {
16947            "drag": true,
16948            "pagination": true,
16949            "arrows": false,
16950            "pauseOnFocus": false,
16951            "pauseOnHover": false,
16952            "perMove": 1,
16953            "perPage": 1,
16954            "focus": "center",
16955            "mediaQuery": "min",
16956            "rewind": true,
16957            
16958            "breakpoints": {
16959              1024: {
16960                
16961                  "destroy": true
16962                
16963              }
16964            },
16965            
16966              "playOnHover": true,
16967            
16968            
16969            "classes": {
16970              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
16971              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
16972            },
16973            "type": "fade",
16974          })'>
16975        <div 
16976          id="image-product-template--19743130189877__product-grid-116--1"
16977          class="splide__track overflow-hidden max-h-full h-full w-full"
16978        >
16979        <div class="w-full h-full splide__list">
16980            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
16981            >
16982              
16983              <picture>
16984                <img
16985                  srcset="
16986                  //www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit_white.png?v=1784677363&width=250 250w,
16987                  //www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit_white.png?v=1784677363&width=350 350w,
16988                  //www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit_white.png?v=1784677363&width=450 450w,
16989                  //www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit_white.png?v=1784677363&width=750 750w,
16990                  //www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit_white.png?v=1784677363&width=900 900w,
16991                  //www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit_white.png?v=1784677363&width=1100 1100w,
16992                  //www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit_white.png?v=1784677363&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit_white.png?v=1784677363 2048w" 
16993                  src="//www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit_white.png?v=1784677363&width=1500"
16994                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
16995                  alt="Three Sonia Roselli skincare products arranged on a white background: a Water Balm jar sitting underneath a Water Oil bottle, with a Water Elixir pump bottle to the right. The products are shown with gold caps and clear tops, with one bottle filled with pale yellow oil and the jar and right bottle in white."
16996                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
16997                  loading="lazy"
16998                  width="2048"
16999                  height="2048"
17000                  onload="requestAnimationFrame(() => {
17001                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
17002                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
17003                  })"
17004                />
17005              </picture>
17006              
17007            </div><style data-shopify>
17008                  #image-product-template--19743130189877__product-grid-116--1 .media-slide:not(:first-child) {
17009                    height: 100%;
17010                  }
17011                </style>
17012                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
17013                  
17014                  <picture>
17015                    <img
17016                      srcset="//www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit.png?v=1784677339&width=250 250w,
17017                        //www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit.png?v=1784677339&width=350 350w,
17018                        //www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit.png?v=1784677339&width=450 450w,
17019                        //www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit.png?v=1784677339&width=750 750w,
17020                        //www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit.png?v=1784677339&width=900 900w,
17021                        //www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit.png?v=1784677339&width=1100 1100w,
17022                        //www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit.png?v=1784677339&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit.png?v=1784677339 2048w"
17023                      src="//www.soniaroselli.com/cdn/shop/files/ageless_beauty_skincare_kit.png?v=1784677339&width=1500"
17024                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
17025                      alt="Three Sonia Roselli skincare products arranged on draped cream fabric: a Water Oil pump bottle with a gold cap, a Water Balm jar with a white lid, and a Water Elixir pump bottle with a gold cap."
17026                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
17027                      loading="lazy"
17028                      width="2048"
17029                      height="2048"
17030                      onload="requestAnimationFrame(() => {
17031                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
17032                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
17033                      })"
17034                    />
17035                  </picture>
17036                  
17037                </div></div>
17038        </div></div>
17039        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
17040              x-show="$store.xQuickView" x-cloak
17041            > 
17042              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
17043                class="w-full hide-icon lg:pl-4 lg:pr-4" 
17044                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
17045                x-cloak
17046              >
17047                
17048<form method="post" action="/cart/add" id="product-form-choose-option1557168259125216" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="44773480595509">
17049                    
17050                                                                
17051                    <button
17052                      type="submit"
17053                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-1557168259125-116"
17054                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
17055                      
17056                      
17057                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"disabled
17058                        aria-label="Sold out"
17059                    >
17060                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
17061                        
17062Sold out
17063
17064                      </span>
17065                      <div
17066                        class="flex gap-x-2 items-center justify-center"
17067                        role="alert"
17068                        x-cloak
17069                        x-show="errorMessage"
17070                      >
17071                        Sold out
17072                      </div>
17073                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
17074                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
17075    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
17076  </svg>
17077
17078                      </div>
17079                    </button>
17080                    <button 
17081                      type="submit"
17082                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
17083                      
17084                      
17085                      data-id="template--19743130189877__product-grid-1557168259125-116"
17086                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"disabled
17087                        aria-label="Sold out"x-customer-event-data="{
17088    &quot;product&quot;: {
17089      &quot;title&quot;: &quot;The Ageless Beauty Kit&quot;,
17090      &quot;listName&quot;: &quot;Shop All&quot;,
17091      &quot;sku&quot;: &quot;1557168259125&quot;,
17092      &quot;currencyCode&quot;: &quot;USD&quot;,
17093      &quot;price&quot;: 19600,
17094      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
17095    }
17096  }"
17097                      
17098                    >
17099                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
17100    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
17101  </svg></span>
17102                      <span class="block w-5 h-5" x-show="loading" x-cloak>
17103                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
17104    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
17105  </svg>
17106
17107                      </span>
17108                    </button><input type="hidden" name="product-id" value="1557168259125" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
17109              </div>
17110            </div><div
17111            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
17112            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
17113            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
17114            >
17115            <div>
17116              <button
17117                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
17118                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/ageless-beauty', $el, 'template--19743130189877__product-grid-1557168259125-116')" 
17119                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/ageless-beauty', $el, 'template--19743130189877__product-grid-1557168259125-116')" 
17120                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
17121                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
17122                x-customer-event-data="{
17123    &quot;product&quot;: {
17124      &quot;title&quot;: &quot;The Ageless Beauty Kit&quot;,
17125      &quot;listName&quot;: &quot;Shop All&quot;,
17126      &quot;sku&quot;: &quot;1557168259125&quot;,
17127      &quot;currencyCode&quot;: &quot;USD&quot;,
17128      &quot;price&quot;: 19600,
17129      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
17130    }
17131  }"
17132                aria-label="Button quickview"
17133              >
17134                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
17135    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
17136  </svg>
17137</span>
17138                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
17139                  
17140<div class="flex justify-center ">
17141  
17142    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
17143  
17144  
17145    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
17146      
17147      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
17148        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
17149      </svg>
17150      
17151    </span>
17152  
17153</div>
17154                </span>
17155              </button>
17156              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/ageless-beauty", $el, "template--19743130189877__product-grid-1557168259125-116"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
17157                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
17158                aria-label="Button quickview"
17159                x-customer-event-data="{
17160    &quot;product&quot;: {
17161      &quot;title&quot;: &quot;The Ageless Beauty Kit&quot;,
17162      &quot;listName&quot;: &quot;Shop All&quot;,
17163      &quot;sku&quot;: &quot;1557168259125&quot;,
17164      &quot;currencyCode&quot;: &quot;USD&quot;,
17165      &quot;price&quot;: 19600,
17166      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
17167    }
17168  }"
17169              >
17170                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
17171    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
17172  </svg>
17173</span>
17174              </button>
17175            </div>
17176          </div>
17177        </div>
17178      
17179    </a>
17180    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
17181      
17182      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-1557168259125">
17183        <a href="/collections/shop-all/products/ageless-beauty"
17184          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
17185          @click='$store.xCustomerEvent.fire("product_selected", $el)'
17186          x-customer-event-data="{
17187    &quot;product&quot;: {
17188      &quot;title&quot;: &quot;The Ageless Beauty Kit&quot;,
17189      &quot;listName&quot;: &quot;Shop All&quot;,
17190      &quot;sku&quot;: &quot;1557168259125&quot;,
17191      &quot;currencyCode&quot;: &quot;USD&quot;,
17192      &quot;price&quot;: 19600,
17193      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
17194    }
17195  }"
17196        >
17197          The Ageless Beauty Kit
17198        </a>
17199      </p>
17200      
17201        
17202 
17203
17204
17205      
17206
17207  
17208<div 
17209  class="x-review-product other 
17210    
17211      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
17212  "
17213>
17214  
17215<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.79 out of 5.0 stars">
17216        
17217      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
17218        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
17219      </svg>
17220    
17221      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
17222        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
17223      </svg>
17224    
17225      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
17226        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
17227      </svg>
17228    
17229      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
17230        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
17231      </svg>
17232    
17233      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
17234        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
17235      </svg>
17236    
17237      </div> 
17238      <p class="rating-count leading-none caption ml-1 text-review-count">(84)
17239      </p>
17240</div>
17241
17242<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
17243        
17244        
17245          <div class=" price leading-none ">
17246  <div class="target-price hidden">19600</div>
17247  <div class="target-compare-at-price hidden"></div>
17248  
17249    
17250  
17251  
17252<p class="price">
17253        $ 196.00
17254      </p>
17255    
17256  
17257</div>
17258
17259        
17260        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
17261      </div>
17262      
17263      <template x-if="localStorage.getItem('selectedStore')">
17264        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('1557168259125', [285551132725, 282862551093, 318067736629, 262726549557, 184227590, 316678209589, 303513370677, 317110845493])">
17265            
17266<div 
17267  class="text-availability-notice"
17268  x-data='{ 
17269    locations: [],
17270    pickupLocations: [],
17271    pickupAvailabilites: []
17272  }'
17273  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
17274>
17275  <style data-shopify>
17276    .text-availability-notice {
17277      font-size: 0.7363125rem;
17278    }
17279    @media (min-width: 768px) {
17280      .text-availability-notice {
17281        font-size: 0.818125rem;
17282      }
17283    }
17284  </style>
17285  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
17286    <span class="flex h-4 w-4 relative">
17287  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
17288    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
17289    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
17290  </svg>
17291
17292</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
17293  </div>
17294  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
17295    <span class="flex h-4 w-4 relative">
17296  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
17297    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
17298    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
17299  </svg>
17300
17301</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
17302  </div>
17303</div></div>
17304      </template>
17305      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
17306    </div>
17307  </div>
17308  <div
17309    id="x-product-template-1557168259125-template--19743130189877__product-grid-116"
17310    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
17311  >
17312    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
17313      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
17314        
17315        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-1557168259125">
17316          <a href="/collections/shop-all/products/ageless-beauty"
17317            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
17318            @click='$store.xCustomerEvent.fire("product_selected", $el)'
17319            x-customer-event-data="{
17320    &quot;product&quot;: {
17321      &quot;title&quot;: &quot;The Ageless Beauty Kit&quot;,
17322      &quot;listName&quot;: &quot;Shop All&quot;,
17323      &quot;sku&quot;: &quot;1557168259125&quot;,
17324      &quot;currencyCode&quot;: &quot;USD&quot;,
17325      &quot;price&quot;: 19600,
17326      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
17327    }
17328  }"
17329          >
17330            The Ageless Beauty Kit
17331          </a>
17332        </p>
17333        
17334          
17335 
17336
17337
17338        
17339
17340  
17341<div 
17342  class="x-review-product other 
17343    
17344      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
17345  "
17346>
17347  
17348<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.79 out of 5.0 stars">
17349        
17350      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
17351        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
17352      </svg>
17353    
17354      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
17355        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
17356      </svg>
17357    
17358      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
17359        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
17360      </svg>
17361    
17362      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
17363        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
17364      </svg>
17365    
17366      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
17367        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
17368      </svg>
17369    
17370      </div> 
17371      <p class="rating-count leading-none caption ml-1 text-review-count">(84)
17372      </p>
17373</div>
17374
17375<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
17376          
17377          
17378            <div class=" price leading-none ">
17379  <div class="target-price hidden">19600</div>
17380  <div class="target-compare-at-price hidden"></div>
17381  
17382    
17383  
17384  
17385<p class="price">
17386        $ 196.00
17387      </p>
17388    
17389  
17390</div>
17391
17392          
17393          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
17394        </div>
17395        
17396        <template x-if="localStorage.getItem('selectedStore')">
17397          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('1557168259125', [285551132725, 282862551093, 318067736629, 262726549557, 184227590, 316678209589, 303513370677, 317110845493])"><div 
17398  class="text-availability-notice"
17399  x-data='{ 
17400    locations: [],
17401    pickupLocations: [],
17402    pickupAvailabilites: []
17403  }'
17404  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
17405>
17406  <style data-shopify>
17407    .text-availability-notice {
17408      font-size: 0.7363125rem;
17409    }
17410    @media (min-width: 768px) {
17411      .text-availability-notice {
17412        font-size: 0.818125rem;
17413      }
17414    }
17415  </style>
17416  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
17417    <span class="flex h-4 w-4 relative">
17418  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
17419    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
17420    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
17421  </svg>
17422
17423</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
17424  </div>
17425  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
17426    <span class="flex h-4 w-4 relative">
17427  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
17428    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
17429    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
17430  </svg>
17431
17432</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
17433  </div>
17434</div></div>
17435        </template>
17436      </div>
17437    </div>
17438    
17439      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
17440        <div class="rte line-clamp-3">
17441          <p class="h2">Your skin changed. Your foundation noticed.</h2>
17442<p>The foundation you used to love suddenly settles into every line. Clings to dry areas. Looks heavier than it used to.</p>
17443<p>Before you buy another foundation, change what is underneath it.</p>
17444<p>The <strong>Ageless Beauty Kit</strong> gives skin three things in the right order:</p>
17445<p><strong>Water. Oil. Seal.</strong></p>
17446<p>Water Elixir hydrates. Water Oil adds lightweight nourishment. Water Balm seals it in and creates a soft, cushioned surface before makeup.</p>
17447<p>Three full-size products.<br>Three simple steps.<br>No guessing what goes first.</p>
17448<p class="h2">Same foundation. Different skin.</h2>
17449<p>Maybe your foundation did not change.</p>
17450<p>Your skin did.</p>
17451<p>It feels drier than it used to. Less cushioned. Makeup catches where it never used to catch. Foundation settles into lines. Clings around dry areas. Looks heavier by midday.</p>
17452<p>So you buy another foundation.</p>
17453<p>Same problem.</p>
17454<p>That is when it is worth looking at the skin underneath.</p>
17455<p>The Ageless Beauty Kit layers hydration, lightweight nourishment, and moisture in a specific order so skin feels softer, more comfortable, and better prepared before foundation ever touches it.</p>
17456<p>The goal is not more makeup.</p>
17457<p><strong>The goal is makeup that looks more like skin.</strong></p>
17458<p class="h2">Water. Oil. Seal.</h2>
17459<p>Three products. Each one has a different job.</p>
17460<p class="h3">1. WATER: Water Elixir</h3>
17461<p>Start with hydration.</p>
17462<p>Water Elixir is a lightweight essence made with Hyaluronic Acid, amino acids, and Palmitoyl Tripeptide-5.</p>
17463<p><strong>As skincare:</strong><br>Helps skin feel hydrated, soft, and supple.</p>
17464<p><strong>Why makeup wearers care:</strong><br>Foundation has a better surface to sit on when the skin underneath feels properly hydrated.</p>
17465<p><strong>How to use:</strong><br>Press 2 pumps into cleansed, damp skin morning and night.</p>
17466<p class="h3">2. OIL: Water Oil</h3>
17467<p>Water alone may not feel like enough anymore.</p>
17468<p>Water Oil combines Squalane, Sea Buckthorn Oil, Camellia Oil, Jojoba Oil, and other conditioning oils in a lightweight formula.</p>
17469<p><strong>As skincare:</strong><br>Helps skin feel softer, more supple, and comfortably nourished.</p>
17470<p><strong>Why makeup wearers care:</strong><br>The added softness and slip help create a more cushioned surface so makeup looks less dry and patchy.</p>
17471<p><strong>How to use:</strong><br>Warm 1 pump between your palms. Press into skin while it is still damp from Water Elixir.</p>
17472<p class="h3">3. SEAL: Water Balm</h3>
17473<p>Finish with Water Balm.</p>
17474<p>This cushiony moisturizer combines Ceramide 3, Hydrolyzed Silk, amino acids, and humectants.</p>
17475<p><strong>As skincare:</strong><br>Helps skin feel moisturized, cushioned, and comfortable.</p>
17476<p><strong>Why makeup wearers care:</strong><br>Water Balm creates the final soft, hydrated surface before foundation and concealer.</p>
17477<p><strong>How to use:</strong><br>Warm a pea-sized amount between your fingertips. Press into skin. Wait 60 seconds before applying makeup.</p>
17478<p class="h2">Hydration is not always the whole answer.</h2>
17479<p>Maybe you already moisturize.</p>
17480<p>Maybe you use a serum.</p>
17481<p>Maybe that used to be enough.</p>
17482<p>Now your skin still feels tight a few hours later.</p>
17483<p>That does not mean you need twelve more products.</p>
17484<p>It may mean you need a better balance of hydration and nourishment.</p>
17485<p><strong>Water Elixir gives skin water-based hydration.</strong></p>
17486<p><strong>Water Oil adds lightweight nourishment.</strong></p>
17487<p><strong>Water Balm seals the routine.</strong></p>
17488<p>Each step has one clear job.</p>
17489<p><strong>Water. Oil. Seal.</strong></p>
17490<p class="h2">Is this kit for you?</h2>
17491<p>The Ageless Beauty Kit may be a good fit if:</p>
17492<ul>
17493<li>
17494<p>
17494Your skin feels drier than it used to.</p>
17495</li>
17496<li>
17497<p>Your moisturizer no longer feels like enough.</p>
17498</li>
17499<li>
17500<p>Your skin feels tight after a few hours.</p>
17501</li>
17502<li>
17503<p>Foundation settles into every line.</p>
17504</li>
17505<li>
17506<p>Makeup clings to dry areas.</p>
17507</li>
17508<li>
17509<p>Foundation looks heavier than it used to.</p>
17510</li>
17511<li>
17512<p>Makeup looks fine in the morning and worse by midday.</p>
17513</li>
17514<li>
17515<p>You keep changing foundation but getting the same problem.</p>
17516</li>
17517<li>
17518<p>You want skin, not makeup.</p>
17519</li>
17520<li>
17521<p>You want three clear steps instead of another complicated routine.</p>
17522</li>
17523</ul>
17524<p>If your skin currently burns, stings, or reacts to nearly everything, a barrier-first routine may be a better place to start.</p>
17525<p class="h2">Why this routine is different</h2>
17526<p>A lot of routines stop at hydration.</p>
17527<p>This one does not.</p>
17528<p>Water Elixir handles the water-based hydration step.</p>
17529<p>Water Oil adds lightweight oils and Squalane for added softness, nourishment, and slip.</p>
17530<p>Water Balm goes on last to seal those layers in.</p>
17531<p>That gives you a simple routine you can actually remember.</p>
17532<p>And because every product is skincare first, you can use the same routine on bare-skin days and makeup days.</p>
17533<p><strong>Great skincare. Better makeup.</strong></p>
17534<p class="h2">Key Ingredients</h2>
17535<p class="h3">Palmitoyl Tripeptide-5</h3>
17536<p>Found in Water Elixir, Water Oil, and Water Balm. Helps support firmer, smoother-looking skin over time.</p>
17537<p class="h3">Hyaluronic Acid + Amino Acids</h3>
17538<p>Found in Water Elixir. Help skin feel hydrated, soft, and supple.</p>
17539<p class="h3">Squalane + Sea Buckthorn Oil</h3>
17540<p>Found in Water Oil. Help condition and nourish skin without the feel of a traditional heavy facial oil.</p>
17541<p class="h3">Ceramide 3</h3>
17542<p>Found in Water Balm. Helps support a more comfortable, resilient-feeling skin barrier.</p>
17543<p class="h3">Hydrolyzed Silk</h3>
17544<p>Found in Water Balm. Helps skin feel smooth and creates an elegant finish before makeup.</p>
17545<p class="h2">Created by someone who has spent 35 years looking at skin under makeup.</h2>
17546<p>Sonia Roselli is a licensed esthetician, celebrity makeup artist, complexion expert, and product developer.</p>
17547<p>She began her makeup career in 1990.</p>
17548<p>That means decades of seeing what happens when foundation meets skin that is dry, tight, reactive, over-layered, or simply not prepped for the makeup going on top.</p>
17549<p>Sonia also has reactive, rosacea-prone skin herself.</p>
17550<p>She created Sonia Roselli Beauty around a simple belief:</p>
17551<p><strong>Makeup looks better when skin feels better.</strong></p>
17552<p>Water Elixir, Water Oil, and Water Balm are all made in Japan.</p>
17553<p class="h2">How to Use</h2>
17554<p>Use all three products morning and night.</p>
17555<p><strong>Step 1: Water Elixir</strong><br>Press 2 pumps into cleansed, damp skin.</p>
17556<p><strong>Step 2: Water Oil</strong><br>Warm 1 pump between your palms. Press into skin while it is still damp.</p>
17557<p><strong>Step 3: Water Balm</strong><br>Warm a pea-sized amount between your fingertips. Press into skin.</p>
17558<p>Before makeup, wait 60 seconds after Water Balm.</p>
17559<p>That is the routine.</p>
17560<p><strong>Water. Oil. Seal.</strong></p>
17561<p class="h2">How to Prep Before Foundation</h2>
17562<p>Do not rush the layers.</p>
17563<p>Press each product into the skin instead of rubbing on more product.</p>
17564<p>Use:</p>
17565<p><strong>Water Elixir → Water Oil → Water Balm</strong></p>
17566<p>Then give Water Balm about 60 seconds before applying foundation or concealer.</p>
17567<p>Your skin should feel hydrated and cushioned.</p>
17568<p>Not coated.</p>
17569<p>Then apply makeup.</p>
17570<p class="h2">Frequently Asked Questions</h2>
17571<p class="h3">What is the Ageless Beauty Kit?</h3>
17572<p>The Ageless Beauty Kit is a three-step Sonia Roselli Beauty skincare kit made in Japan.</p>
17573<p>It contains Water Elixir, Water Oil, and Water Balm.</p>
17574<p>The routine layers water-based hydration first, lightweight nourishment second, and moisturizer last.</p>
17575<p class="h3">Who is the Ageless Beauty Kit for?</h3>
17576<p>It is designed for skin that feels drier, tighter, less cushioned, or harder to make up than it used to.</p>
17577<p>It is especially useful when foundation starts clinging, settling, or looking heavier even though you have not changed your makeup.</p>
17578<p class="h3">What order do I use the Ageless Beauty Kit?</h3>
17579<p>Use:</p>
17580<p><strong>Water Elixir → Water Oil → Water Balm</strong></p>
17581<p>Or remember:</p>
17582<p><strong>Water. Oil. Seal.</strong></p>
17583<p class="h3">Can I use the Ageless Beauty Kit before makeup?</h3>
17584<p>Yes.</p>
17585<p>Use Water Elixir first, Water Oil second, and Water Balm last.</p>
17586<p>Wait about 60 seconds after Water Balm before applying foundation or concealer.</p>
17587<p class="h3">Why would I use face oil under makeup?</h3>
17588<p>Water Oil is the nourishment step in this routine.</p>
17589<p>It adds lightweight oils and Squalane between your water-based hydration and moisturizer.</p>
17590<p>For makeup wearers, that added softness and slip can help create a more cushioned surface before foundation.</p>
17591<p>
17591Use one pump.</p>
17592<p>More is not better.</p>
17593<p class="h3">Will Water Oil feel greasy?</h3>
17594<p>Water Oil is designed to feel lightweight rather than like a traditional heavy facial oil.</p>
17595<p>Use one pump and press it into damp skin.</p>
17596<p>Follow with Water Balm.</p>
17597<p class="h3">Why do I need Water Oil if I already use Water Elixir?</h3>
17598<p>They have different jobs.</p>
17599<p>Water Elixir supplies the lightweight, water-based hydration step.</p>
17600<p>Water Oil adds Squalane and conditioning oils.</p>
17601<p>Water Balm seals the routine.</p>
17602<p>One does not replace the other.</p>
17603<p class="h3">Will this help my makeup look better?</h3>
17604<p>The kit is designed to improve the condition of the skin underneath makeup.</p>
17605<p>When skin feels dry or under-prepped, foundation can cling to dry-looking areas, settle more visibly, or look heavier.</p>
17606<p>This routine helps create a softer, more hydrated, cushioned surface before makeup.</p>
17607<p class="h3">Does the Ageless Beauty Kit replace makeup primer?</h3>
17608<p>No.</p>
17609<p>This is skincare.</p>
17610<p>Each product has a skincare job first.</p>
17611<p>The makeup benefit comes from preparing the skin underneath foundation and concealer.</p>
17612<p class="h3">Can I use all three products morning and night?</h3>
17613<p>Yes.</p>
17614<p>Use all three in the same order:</p>
17615<p><strong>Water Elixir → Water Oil → Water Balm</strong></p>
17616<p class="h3">How much should I use?</h3>
17617<p><strong>Water Elixir:</strong> 2 pumps<br><strong>Water Oil:</strong> 1 pump<br><strong>Water Balm:</strong> A pea-sized amount</p>
17618<p>Using more product does not automatically create a better result.</p>
17619<p class="h3">How long should I wait before makeup?</h3>
17620<p>Wait about 60 seconds after Water Balm.</p>
17621<p>That gives your skincare a moment to settle before applying foundation or concealer.</p>
17622<p class="h3">What is the difference between the Ageless Beauty Kit and the Daily Hydration Kit?</h3>
17623<p>The Daily Hydration Kit contains Water Elixir and Water Balm.</p>
17624<p>The Ageless Beauty Kit adds Water Oil between them.</p>
17625<p>Choose Daily Hydration when hydration and moisture are your main needs.
17625</p>
17626<p>Choose Ageless Beauty when your skin feels like it needs additional nourishment and softness between those steps.</p>
17627<p class="h3">I already own Water Elixir and Water Balm. Should I buy this kit?</h3>
17628<p>Probably not if both products are still well stocked.</p>
17629<p>If Water Oil is the only piece you are missing, buying Water Oil individually is simpler.</p>
17630<p>Choose the Ageless Beauty Kit when you are ready to replenish all three or want to start the complete three-step routine from scratch.</p>
17631<p class="h3">How much do I save?</h3>
17632<p>Water Elixir, Water Oil, and Water Balm have a combined retail value of $199.</p>
17633<p>The Ageless Beauty Kit is $189, so you save $10.</p>
17634<p>Auto Replenish is $179 every 90 days, saving $20 per order.</p>
17635<p class="h3">Where is the Ageless Beauty Kit made?</h3>
17636<p>Water Elixir, Water Oil, and Water Balm are all made in Japan.</p>
17637<p class="h2">30-Day Money-Back Guarantee</h2>
17638<p>Skincare is personal.</p>
17639<p>If the Ageless Beauty Kit is not the right fit, return it within 30 days for a full refund.</p>
17640<p>No questions asked.</p>
17641<p class="h2">Full Ingredients</h2>
17642<p class="h3">Water Elixir</h3>
17643<p>Water, Glycerin, Butylene Glycol, Rosa Centifolia Flower Water, Pentylene Glycol, Phytosteryl/Octyldodecyl Lauroyl Glutamate, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Palmitoyl Tripeptide-5, Hydrogenated Lecithin, Malic Acid, Sodium Dilauramidoglutamide Lysine, Prunus Mume Fruit Extract, Sodium PCA, Betaine, Sorbitol, Glycine, Alanine, Proline, Serine, Threonine, Arginine, Lysine, Glutamic Acid, Glycosyl Trehalose, Hydrogenated Starch Hydrolysate, Sodium Hyaluronate, Oryza Sativa (Rice) Lees Extract, Lactobacillus/Soymilk Ferment Filtrate, Glycine Max (Soybean) Seed Extract, Hydrolyzed Silk, Xanthan Gum, Polyglyceryl-10 Laurate, Tocopherol, 1,2-Hexanediol, Disodium Succinate, Phenoxyethanol.</p>
17644<p class="h3">Water Oil</h3>
17645<p>Water, Squalane, Cetyl Ethylhexanoate, Dimethicone, Diphenylsiloxy Phenyl Trimethicone, Trimethylolpropane Triisostearate, Isotridecyl Isononanoate, Butylene Glycol, Palmitoyl Tripeptide-5, Hippophae Rhamnoides Fruit Oil (Sea Buckthorn), Camellia Japonica Seed Oil, Glycine Soja Oil, Argania Spinosa Kernel Oil, Oryza Sativa (Rice) Bran Oil, Persea Gratissima (Avocado) Oil, Simmondsia Chinensis (Jojoba) Seed Oil, Sesamum Indicum (Sesame) Seed Oil, Prunus Mume Fruit Extract, Prunus Yedoensis 
17645Leaf Extract, Camellia Sinensis Leaf Extract, Coix Lacryma-Jobi Ma-Yuen Seed Extract, Citrus Junos Fruit Extract, Pentylene Glycol, Sodium Chloride, Sodium Citrate, Citric Acid, Tocopherol, Ethylhexylglycerin, Pentasodium Pentetate, Glycerin, Hydrolyzed Soybean Extract, Phenoxyethanol.</p>
17646<p class="h3">Water Balm</h3>
17647<p>Water, Butylene Glycol, Dimethicone, Cetyl Ethylhexanoate, Glycerin, Rosa Damascena Flower Water, Cyclopentasiloxane, Dimethicone/PEG-10/15 Crosspolymer, Betaine, Serine, Sodium PCA, Hydrolyzed Silk, Behenyl Alcohol, Sorbitol, Oryza Sativa (Rice) Lees Extract, Polyglyceryl-10 Pentastearate, Saxifraga Sarmentosa Extract, Glycosphingolipids, Ginkgo Biloba Leaf Extract, Acer Saccharum Extract, Hydrolyzed Rice Extract, Lactobacillus/Soy Milk Ferment Filtrate, Camellia Sinensis Leaf Extract, Sodium Stearoyl Lactylate, Ceramide 3, Glycine, Prunus Persica Leaf Extract, Glutamic Acid, Hydrogenated Lecithin, Glycine Soja Seed Extract, Alanine, Arginine, Lysine, Natto Gum, Threonine, Lysolecithin, Proline, Prunus Mume Fruit Extract, Sodium Chloride, Phenoxyethanol.</p>
17648        </div>
17649      </div>
17650    
17651    
17652
17653        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
17654          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/ageless-beauty');
17655        });"></div>
17656        <div
17657          id="current-variant-template--19743130189877__product-grid-1557168259125-116" 
17658          class="current-variant hidden"
17659        >
17660          
17661            44773480595509
17662          
17663        </div>
17664    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
17665    
17666      <div class="card-info x-highlight-icon mt-2.5">
17667        <div 
17668  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
17669  x-data="{setPosition(el) {
17670    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
17671    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
17672    elRect = el.getBoundingClientRect();
17673    let spacingLeft = elRect.left - parentEl.left;
17674    if (spacingLeft < 0) {
17675      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
17676    }
17677    let spacingRight = parentEl.right - elRect.right;
17678    if (spacingRight < 0) {
17679      el.style.setProperty('--left-tooltip', spacingRight + 'px');
17680    } 
17681  }}"
17682  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
17683>
17684    �
17685    �
17686    �
17687    �</div>
17688      </div>
17689    
17690    
17691      <template x-if="$store.xQuickView">
17692        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
17693              
17694<form method="post" action="/cart/add" id="product-form-choose-option1557168259125216" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="44773480595509">
17695                  
17696                  
17697                  <button
17698                    type="submit"
17699                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
17700                    data-id="template--19743130189877__product-grid-1557168259125-116"
17701                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
17702                    
17703                    
17704                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
17705                    
17706                      disabled
17707                      aria-label="Sold out"
17708                    
17709                    
17710                  >
17711                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
17712                      
17713Sold out
17714
17715                    </span>
17716                    <div
17717                      class="flex gap-x-2 items-center justify-center"
17718                      role="alert"
17719                      x-cloak
17720                      x-show="errorMessage"
17721                    >
17722                      Sold out
17723                    </div>
17724                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
17725                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
17726    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
17727  </svg>
17728
17729                    </div>
17730                  </button><input type="hidden" name="product-id" value="1557168259125" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
17731            </div><button 
17732            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/ageless-beauty', $el, 'template--19743130189877__product-grid-1557168259125-116')" 
17733            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/ageless-beauty', $el, 'template--19743130189877__product-grid-1557168259125-116')" 
17734            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
17735            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
17736            aria-label="Button quickview"
17737            x-customer-event-data="{
17738    &quot;product&quot;: {
17739      &quot;title&quot;: &quot;The Ageless Beauty Kit&quot;,
17740      &quot;listName&quot;: &quot;Shop All&quot;,
17741      &quot;sku&quot;: &quot;1557168259125&quot;,
17742      &quot;currencyCode&quot;: &quot;USD&quot;,
17743      &quot;price&quot;: 19600,
17744      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
17745    }
17746  }"
17747            x-show="$store.xQuickView.enabled"
17748          >
17749            <span class="flex justify-center items-center">
17750              
17751<div class="flex justify-center ">
17752  
17753    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
17754  
17755  
17756    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
17757      
17758      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
17759        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
17760      </svg>
17761      
17762    </span>
17763  
17764</div>
17765            </span>
17766          </button>
17767        </div>
17768      </template>
17769    
17770  </div>
17771</div>
17772                    </div>
17773                    
17774
17775                    
17776                    
17777                    <div class="grid-item">
17778                      
17779                      
17780
17781<div 
17782  
17783    x-data="xProductCard('template--19743130189877__product-grid-117', '/collections/shop-all/products/the-originals', '1405017948213')"  
17784  
17785  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
17786  x-slide-index="-1"
17787>
17788  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
17789  >
17790    
17791    <a 
17792      
17793        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
17794      
17795      href="/collections/shop-all/products/the-originals"
17796       
17797        x-data="{ lastWindowWidth: 0 }"
17798        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
17799        x-labels-data="[
17800    
17801{
17802      &quot;variant_id&quot;: 12674271412277,
17803      &quot;product_id&quot;: 1405017948213,
17804      &quot;available&quot;: true,
17805      &quot;title&quot;: &quot;Smooth Skin Kit&quot;,
17806      &quot;compare_at_price&quot;: 12600,
17807      &quot;price&quot;: 12600,
17808      &quot;price_with_currency&quot;: &quot;$ 126.00&quot;,
17809      &quot;sale_amount&quot;: &quot;$ 0.00&quot;,
17810      &quot;collections&quot;: &quot;||285551132725||282862551093||312835768373||318067343413||262726549557||316678209589||303513370677||316648489013||317110845493||&quot;,
17811      &quot;inventory_management&quot;: &quot;shopify&quot;,
17812      &quot;qty&quot;: 2875,
17813      &quot;container&quot;: &quot;card&quot;,
17814      &quot;can_show_preorder&quot;: false,
17815      &quot;diff_day_create&quot;: 1536287604,
17816      &quot;diff_day_publish&quot;: 1774492677
17817      
17818      }
17819    ]"
17820       
17821      aria-label="Smooth Skin Kit"
17822      id="1405017948213-template--19743130189877__product-grid"
17823      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] curs
17823or-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
17824      <div
17825        id="x-slideshow-card-product-template--19743130189877__product-grid-117--1"
17826        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
17827        @click='$store.xCustomerEvent.fire("product_selected", $el)'
17828        x-customer-event-data="{
17829    &quot;product&quot;: {
17830      &quot;title&quot;: &quot;Smooth Skin Kit&quot;,
17831      &quot;listName&quot;: &quot;Shop All&quot;,
17832      &quot;sku&quot;: &quot;1405017948213&quot;,
17833      &quot;currencyCode&quot;: &quot;USD&quot;,
17834      &quot;price&quot;: 12600,
17835      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
17836    }
17837  }"
17838        x-cloak
17839        
17840          x-intersect.once.margin.200px='$store.xSplide.load($el, {
17841            "drag": true,
17842            "pagination": true,
17843            "arrows": false,
17844            "pauseOnFocus": false,
17845            "pauseOnHover": false,
17846            "perMove": 1,
17847            "perPage": 1,
17848            "focus": "center",
17849            "mediaQuery": "min",
17850            "rewind": true,
17851            
17852            "breakpoints": {
17853              1024: {
17854                
17855                  "destroy": true
17856                
17857              }
17858            },
17859            
17860              "playOnHover": true,
17861            
17862            
17863            "classes": {
17864              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
17865              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
17866            },
17867            "type": "fade",
17868          })'>
17869        <div 
17870          id="image-product-template--19743130189877__product-grid-117--1"
17871          class="splide__track overflow-hidden max-h-full h-full w-full"
17872        >
17873        <div class="w-full h-full splide__list">
17874            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
17875            >
17876              
17877              <picture>
17878                <img
17879                  srcset="
17880                  //www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_1.png?v=1784673579&width=250 250w,
17881                  //www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_1.png?v=1784673579&width=350 350w,
17882                  //www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_1.png?v=1784673579&width=450 450w,
17883                  //www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_1.png?v=1784673579&width=750 750w,
17884                  //www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_1.png?v=1784673579&width=900 900w,
17885                  //www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_1.png?v=1784673579&width=1100 1100w,
17886                  //www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_1.png?v=1784673579&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_1.png?v=1784673579 2048w" 
17887                  src="//www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_1.png?v=1784673579&width=1500"
17888                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
17889                  alt="Sonia Roselli Sexapeel Instant Exfoliation Spray bottle in white with gold lettering, shown next to its Water Balm jar on a white background with a prominent black shadow."
17890                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
17891                  loading="lazy"
17892                  width="2048"
17893                  height="2048"
17894                  onload="requestAnimationFrame(() => {
17895                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
17896                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
17897                  })"
17898                />
17899              </picture>
17900              
17901            </div><style data-shopify>
17902                  #image-product-template--19743130189877__product-grid-117--1 .media-slide:not(:first-child) {
17903                    height: 100%;
17904                  }
17905                </style>
17906                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
17907                  
17908                  <picture>
17909                    <img
17910                      srcset="//www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_2.png?v=1784673579&width=250 250w,
17911                        //www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_2.png?v=1784673579&width=350 350w,
17912                        //www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_2.png?v=1784673579&width=450 450w,
17913                        //www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_2.png?v=1784673579&width=750 750w,
17914                        //www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_2.png?v=1784673579&width=900 900w,
17915                        //www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_2.png?v=1784673579&width=1100 1100w,
17916                        //www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_2.png?v=1784673579&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_2.png?v=1784673579 2048w"
17917                      src="//www.soniaroselli.com/cdn/shop/files/smooth_skin_kit_2.png?v=1784673579&width=1500"
17918                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
17919                      alt="Sonia Roscelli Sexapeel Instant Estrogen Spray bottle and Water Balm jar set, styled on draped cream-colored fabric."
17920                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
17921                      loading="lazy"
17922                      width="2048"
17923                      height="2048"
17924                      onload="requestAnimationFrame(() => {
17925                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
17926                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
17927                      })"
17928                    />
17929                  </picture>
17930                  
17931                </div></div>
17932        </div></div>
17933        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
17934              x-show="$store.xQuickView" x-cloak
17935            > 
17936              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
17937                class="w-full hide-icon lg:pl-4 lg:pr-4" 
17938                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
17939                x-cloak
17940              >
17941                
17942<form method="post" action="/cart/add" id="product-form-choose-option1405017948213217" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="12674271412277">
17943                    
17944                                                                
17945                    <button
17946                      type="submit"
17947                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-1405017948213-117"
17948                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
17949                      
17950                      
17951                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
17952                    >
17953                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
17954                        
17955
17956                            <span class="flex items-center justify-center">
17957                              
17958<div class="flex justify-center ">
17959  
17960    
17961      
17962        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
17963      
17964    
17965  
17966  
17967    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
17968      
17969      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
17970        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
17971      </svg>
17972      
17973    </span>
17974  
17975</div>
17976                            </span>
17977                      </span>
17978                      <div
17979                        class="flex gap-x-2 items-center justify-center"
17980                        role="alert"
17981                        x-cloak
17982                        x-show="errorMessage"
17983                      >
17984                        Sold out
17985                      </div>
17986                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
17987                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
17988    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
17989  </svg>
17990
17991                      </div>
17992                    </button>
17993                    <button 
17994                      type="submit"
17995                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
17996                      
17997                      
17998                      data-id="template--19743130189877__product-grid-1405017948213-117"
17999                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
18000    &quot;product&quot;: {
18001      &quot;title&quot;: &quot;Smooth Skin Kit&quot;,
18002      &quot;listName&quot;: &quot;Shop All&quot;,
18003      &quot;sku&quot;: &quot;1405017948213&quot;,
18004      &quot;currencyCode&quot;: &quot;USD&quot;,
18005      &quot;price&quot;: 12600,
18006      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
18007    }
18008  }"
18009                      
18010                    >
18011                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
18012    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
18013  </svg></span>
18014                      <span class="block w-5 h-5" x-show="loading" x-cloak>
18015                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
18016    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
18017  </svg>
18018
18019                      </span>
18020                    </button><input type="hidden" name="product-id" value="1405017948213" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
18021              </div>
18022            </div><div
18023            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
18024            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
18025            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
18026            >
18027            <div>
18028              <button
18029                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
18030                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/the-originals', $el, 'template--19743130189877__product-grid-1405017948213-117')" 
18031                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/the-originals', $el, 'template--19743130189877__product-grid-1405017948213-117')" 
18032                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
18033                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
18034                x-customer-event-data="{
18035    &quot;product&quot;: {
18036      &quot;title&quot;: &quot;Smooth Skin Kit&quot;,
18037      &quot;listName&quot;: &quot;Shop All&quot;,
18038      &quot;sku&quot;: &quot;1405017948213&quot;,
18039      &quot;currencyCode&quot;: &quot;USD&quot;,
18040      &quot;price&quot;: 12600,
18041      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
18042    }
18043  }"
18044                aria-label="Button quickview"
18045              >
18046                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
18047    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
18048  </svg>
18049</span>
18050                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
18051                  
18052<div class="flex justify-center ">
18053  
18054    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
18055  
18056  
18057    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
18058      
18059      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
18060        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
18061      </svg>
18062      
18063    </span>
18064  
18065</div>
18066                </span>
18067              </button>
18068              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/the-originals", $el, "template--19743130189877__product-grid-1405017948213-117"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
18069                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
18070                aria-label="Button quickview"
18071                x-customer-event-data="{
18072    &quot;product&quot;: {
18073      &quot;title&quot;: &quot;Smooth Skin Kit&quot;,
18074      &quot;listName&quot;: &quot;Shop All&quot;,
18075      &quot;sku&quot;: &quot;1405017948213&quot;,
18076      &quot;currencyCode&quot;: &quot;USD&quot;,
18077      &quot;price&quot;: 12600,
18078      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
18079    }
18080  }"
18081              >
18082                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
18083    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
18084  </svg>
18085</span>
18086              </button>
18087            </div>
18088          </div>
18089        </div>
18090      
18091    </a>
18092    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
18093      
18094      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-1405017948213">
18095        <a href="/collections/shop-all/products/the-originals"
18096          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
18097          @click='$store.xCustomerEvent.fire("product_selected", $el)'
18098          x-customer-event-data="{
18099    &quot;product&quot;: {
18100      &quot;title&quot;: &quot;Smooth Skin Kit&quot;,
18101      &quot;listName&quot;: &quot;Shop All&quot;,
18102      &quot;sku&quot;: &quot;1405017948213&quot;,
18103      &quot;currencyCode&quot;: &quot;USD&quot;,
18104      &quot;price&quot;: 12600,
18105      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
18106    }
18107  }"
18108        >
18109          Smooth Skin Kit
18110        </a>
18111      </p>
18112      
18113        
18114 
18115
18116
18117      
18118
18119  
18120<div 
18121  class="x-review-product other 
18122    
18123      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
18124  "
18125>
18126  
18127<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.73 out of 5.0 stars">
18128        
18129      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
18130        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18131      </svg>
18132    
18133      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
18134        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18135      </svg>
18136    
18137      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
18138        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18139      </svg>
18140    
18141      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
18142        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18143      </svg>
18144    
18145      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
18146        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18147      </svg>
18148    
18149      </div> 
18150      <p class="rating-count leading-none caption ml-1 text-review-count">(41)
18151      </p>
18152</div>
18153
18154<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
18155        
18156        
18157          <div class=" price leading-none ">
18158  <div class="target-price hidden">12600</div>
18159  <div class="target-compare-at-price hidden">12600</div>
18160  
18161    
18162  
18163  
18164<p class="price">
18165        $ 126.00
18166      </p>
18167    
18168  
18169</div>
18170
18171        
18172        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
18173      </div>
18174      
18175      <template x-if="localStorage.getItem('selectedStore')">
18176        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('1405017948213', [285551132725, 282862551093, 312835768373, 318067343413, 262726549557, 316678209589, 303513370677, 316648489013, 317110845493])">
18177            
18178<div 
18179  class="text-availability-notice"
18180  x-data='{ 
18181    locations: [],
18182    pickupLocations: [],
18183    pickupAvailabilites: []
18184  }'
18185  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
18186>
18187  <style data-shopify>
18188    .text-availability-notice {
18189      font-size: 0.7363125rem;
18190    }
18191    @media (min-width: 768px) {
18192      .text-availability-notice {
18193        font-size: 0.818125rem;
18194      }
18195    }
18196  </style>
18197  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
18198    <span class="flex h-4 w-4 relative">
18199  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18200    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18201    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18202  </svg>
18203
18204</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
18205  </div>
18206  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
18207    <span class="flex h-4 w-4 relative">
18208  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18209    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18210    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18211  </svg>
18212
18213</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
18214  </div>
18215</div></div>
18216      </template>
18217      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
18218    </div>
18219  </div>
18220  <div
18221    id="x-product-template-1405017948213-template--19743130189877__product-grid-117"
18222    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
18223  >
18224    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
18225      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
18226        
18227        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-1405017948213">
18228          <a href="/collections/shop-all/products/the-originals"
18229            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
18230            @click='$store.xCustomerEvent.fire("product_selected", $el)'
18231            x-customer-event-data="{
18232    &quot;product&quot;: {
18233      &quot;title&quot;: &quot;Smooth Skin Kit&quot;,
18234      &quot;listName&quot;: &quot;Shop All&quot;,
18235      &quot;sku&quot;: &quot;1405017948213&quot;,
18236      &quot;currencyCode&quot;: &quot;USD&quot;,
18237      &quot;price&quot;: 12600,
18238      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
18239    }
18240  }"
18241          >
18242            Smooth Skin Kit
18243          </a>
18244        </p>
18245        
18246          
18247 
18248
18249
18250        
18251
18252  
18253<div 
18254  class="x-review-product other 
18255    
18256      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
18257  "
18258>
18259  
18260<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.73 out of 5.0 stars">
18261        
18262      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
18263        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18264      </svg>
18265    
18266      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
18267        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18268      </svg>
18269    
18270      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
18271        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18272      </svg>
18273    
18274      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
18275        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18276      </svg>
18277    
18278      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
18279        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18280      </svg>
18281    
18282      </div> 
18283      <p class="rating-count leading-none caption ml-1 text-review-count">(41)
18284      </p>
18285</div>
18286
18287<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
18288          
18289          
18290            <div class=" price leading-none ">
18291  <div class="target-price hidden">12600</div>
18292  <div class="target-compare-at-price hidden">12600</div>
18293  
18294    
18295  
18296  
18297<p class="price">
18298        $ 126.00
18299      </p>
18300    
18301  
18302</div>
18303
18304          
18305          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
18306        </div>
18307        
18308        <template x-if="localStorage.getItem('selectedStore')">
18309          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('1405017948213', [285551132725, 282862551093, 312835768373, 318067343413, 262726549557, 316678209589, 303513370677, 316648489013, 317110845493])"><div 
18310  class="text-availability-notice"
18311  x-data='{ 
18312    locations: [],
18313    pickupLocations: [],
18314    pickupAvailabilites: []
18315  }'
18316  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
18317>
18318  <style data-shopify>
18319    .text-availability-notice {
18320      font-size: 0.7363125rem;
18321    }
18322    @media (min-width: 768px) {
18323      .text-availability-notice {
18324        font-size: 0.818125rem;
18325      }
18326    }
18327  </style>
18328  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
18329    <span class="flex h-4 w-4 relative">
18330  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18331    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18332    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18333  </svg>
18334
18335</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
18336  </div>
18337  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
18338    <span class="flex h-4 w-4 relative">
18339  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18340    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18341    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18342  </svg>
18343
18344</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
18345  </div>
18346</div></div>
18347        </template>
18348      </div>
18349    </div>
18350    
18351      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
18352        <div class="rte line-clamp-3">
18353          <p class="p1"><b>A Duo of our Best-sellers</b><b></b></p>
18354<ol class="ol1">
18355<li class="li1">
18356<b>SexApeel™ Instant Exfoliation Spray</b> is arguably the most famous product in Sonia Roselli’s line. It’s a "gommage" style exfoliator, which is a gentle, French-inspired technique (popularized in Korean beauty) that "erases" dead skin without the need for harsh scrubbing or gritty beads.</li>
18357<li class="li1">
18358<b style="font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;">Water Balm Skin Prep</b><span style="font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;"> is the "sealant" that makes skin glow. </span>It is a unique <b style="font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;">5-in-1 gel-cream</b><span style="font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;"> designed to replace your toner, serum, day cream, night cream, and makeup primer. It’s a cult favorite among professional makeup artists because it gives the skin a "plumped from within" look that acts like a real-life Instagram filter.</span>
18359</li>
18360</ol>
18361        </div>
18362      </div>
18363    
18364    
18365
18366        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
18367          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/the-originals');
18368        });"></div>
18369        <div
18370          id="current-variant-template--19743130189877__product-grid-1405017948213-117" 
18371          class="current-variant hidden"
18372        >
18373          
18374            12674271412277
18375          
18376        </div>
18377    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
18378    
18379      <div class="card-info x-highlight-icon mt-2.5">
18380        <div 
18381  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
18382  x-data="{setPosition(el) {
18383    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
18384    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
18385    elRect = el.getBoundingClientRect();
18386    let spacingLeft = elRect.left - parentEl.left;
18387    if (spacingLeft < 0) {
18388      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
18389    }
18390    let spacingRight = parentEl.right - elRect.right;
18391    if (spacingRight < 0) {
18392      el.style.setProperty('--left-tooltip', spacingRight + 'px');
18393    } 
18394  }}"
18395  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
18396>
18397    �
18398    �
18399    �
18400    �</div>
18401      </div>
18402    
18403    
18404      <template x-if="$store.xQuickView">
18405        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
18406              
18407<form method="post" action="/cart/add" id="product-form-choose-option1405017948213217" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="12674271412277">
18408                  
18409                  
18410                  <button
18411                    type="submit"
18412                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
18413                    data-id="template--19743130189877__product-grid-1405017948213-117"
18414                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
18415                    
18416                    
18417                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
18418                    
18419                      aria-label="Add to cart"
18420                    
18421                    
18422                  >
18423                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
18424                      
18425
18426                          <span class="flex items-center justify-center">
18427                            
18428<div class="flex justify-center ">
18429  
18430    
18431      
18432        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
18433      
18434    
18435  
18436  
18437    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
18438      
18439      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
18440        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
18441      </svg>
18442      
18443    </span>
18444  
18445</div>
18446                          </span>
18447                    </span>
18448                    <div
18449                      class="flex gap-x-2 items-center justify-center"
18450                      role="alert"
18451                      x-cloak
18452                      x-show="errorMessage"
18453                    >
18454                      Sold out
18455                    </div>
18456                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
18457                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
18458    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
18459  </svg>
18460
18461                    </div>
18462                  </button><input type="hidden" name="product-id" value="1405017948213" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
18463            </div><button 
18464            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/the-originals', $el, 'template--19743130189877__product-grid-1405017948213-117')" 
18465            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/the-originals', $el, 'template--19743130189877__product-grid-1405017948213-117')" 
18466            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
18467            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
18468            aria-label="Button quickview"
18469            x-customer-event-data="{
18470    &quot;product&quot;: {
18471      &quot;title&quot;: &quot;Smooth Skin Kit&quot;,
18472      &quot;listName&quot;: &quot;Shop All&quot;,
18473      &quot;sku&quot;: &quot;1405017948213&quot;,
18474      &quot;currencyCode&quot;: &quot;USD&quot;,
18475      &quot;price&quot;: 12600,
18476      &quot;vendor&quot;: &quot;Sonia Roselli Beauty&quot;
18477    }
18478  }"
18479            x-show="$store.xQuickView.enabled"
18480          >
18481            <span class="flex justify-center items-center">
18482              
18483<div class="flex justify-center ">
18484  
18485    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
18486  
18487  
18488    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
18489      
18490      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
18491        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
18492      </svg>
18493      
18494    </span>
18495  
18496</div>
18497            </span>
18498          </button>
18499        </div>
18500      </template>
18501    
18502  </div>
18503</div>
18504                    </div>
18505                    
18506
18507                    
18508                    
18509                    <div class="grid-item">
18510                      
18511                      
18512
18513<div 
18514  
18515    x-data="xProductCard('template--19743130189877__product-grid-118', '/collections/shop-all/products/products-concealer-skin-prep-kit', '8209088446517')"  
18516  
18517  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
18518  x-slide-index="-1"
18519>
18520  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
18521  >
18522    
18523    <a 
18524      
18525        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
18526      
18527      href="/collections/shop-all/products/products-concealer-skin-prep-kit"
18528       
18529        x-data="{ lastWindowWidth: 0 }"
18530        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
18531        x-labels-data="[
18532    
18533{
18534      &quot;variant_id&quot;: 45871871983669,
18535      &quot;product_id&quot;: 8209088446517,
18536      &quot;available&quot;: true,
18537      &quot;title&quot;: &quot;Concealer Skin Prep Kit&quot;,
18538      &quot;compare_at_price&quot;: 0,
18539      &quot;price&quot;: 13200,
18540      &quot;price_with_currency&quot;: &quot;$ 132.00&quot;,
18541      &quot;sale_amount&quot;: &quot;$ -132.00&quot;,
18542      &quot;collections&quot;: &quot;||282862551093||318067736629||282861502517||316748464181||318067212341||318153621557||262726549557||184227590||316678209589||303513370677||317110845493||317112942645||&quot;,
18543      &quot;inventory_management&quot;: &quot;shopify&quot;,
18544      &quot;qty&quot;: 2875,
18545      &quot;container&quot;: &quot;card&quot;,
18546      &quot;can_show_preorder&quot;: false,
18547      &quot;diff_day_create&quot;: 1786223451,
18548      &quot;diff_day_publish&quot;: 1786223455
18549      
18550      }
18551    ]"
18552       
18553      aria-label="Concealer Skin Prep Kit"
18554      id="8209088446517-template--19743130189877__product-grid"
18555      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 100.0%;">
18556      <div
18557        id="x-slideshow-card-product-template--19743130189877__product-grid-118--1"
18558        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
18559        @click='$store.xCustomerEvent.fire("product_selected", $el)'
18560        x-customer-event-data="{
18561    &quot;product&quot;: {
18562      &quot;title&quot;: &quot;Concealer Skin Prep Kit&quot;,
18563      &quot;listName&quot;: &quot;Shop All&quot;,
18564      &quot;sku&quot;: &quot;8209088446517&quot;,
18565      &quot;currencyCode&quot;: &quot;USD&quot;,
18566      &quot;price&quot;: 13200,
18567      &quot;vendor&quot;: &quot;S-Japan&quot;
18568    }
18569  }"
18570        x-cloak
18571        
18572          x-intersect.once.margin.200px='$store.xSplide.load($el, {
18573            "drag": true,
18574            "pagination": true,
18575            "arrows": false,
18576            "pauseOnFocus": false,
18577            "pauseOnHover": false,
18578            "perMove": 1,
18579            "perPage": 1,
18580            "focus": "center",
18581            "mediaQuery": "min",
18582            "rewind": true,
18583            
18584            "breakpoints": {
18585              1024: {
18586                
18587                  "destroy": true
18588                
18589              }
18590            },
18591            
18592              "playOnHover": true,
18593            
18594            
18595            "classes": {
18596              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
18597              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
18598            },
18599            "type": "fade",
18600          })'>
18601        <div 
18602          id="image-product-template--19743130189877__product-grid-118--1"
18603          class="splide__track overflow-hidden max-h-full h-full w-full"
18604        >
18605        <div class="w-full h-full splide__list">
18606            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
18607            >
18608              
18609              <picture>
18610                <img
18611                  srcset="
18612                  //www.soniaroselli.com/cdn/shop/files/concealerskinprepkit.png?v=1786223251&width=250 250w,
18613                  //www.soniaroselli.com/cdn/shop/files/concealerskinprepkit.png?v=1786223251&width=350 350w,
18614                  //www.soniaroselli.com/cdn/shop/files/concealerskinprepkit.png?v=1786223251&width=450 450w,
18615                  //www.soniaroselli.com/cdn/shop/files/concealerskinprepkit.png?v=1786223251&width=750 750w,
18616                  //www.soniaroselli.com/cdn/shop/files/concealerskinprepkit.png?v=1786223251&width=900 900w,
18617                  //www.soniaroselli.com/cdn/shop/files/concealerskinprepkit.png?v=1786223251&width=1100 1100w,
18618                  //www.soniaroselli.com/cdn/shop/files/concealerskinprepkit.png?v=1786223251&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/concealerskinprepkit.png?v=1786223251 2048w" 
18619                  src="//www.soniaroselli.com/cdn/shop/files/concealerskinprepkit.png?v=1786223251&width=1500"
18620                  sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
18621                  alt="Sonia Roselli skincare set featuring a white jar of Water Balm Skin Prep and a white squeeze tube of Wrinkle Smoothing Hydrating Eye Gel, both with gold lettering and a gold cap, displayed on a white background with a soft shadow."
18622                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-hover lg:group-hover:opacity-0 animate_transition_image"
18623                  loading="lazy"
18624                  width="2048"
18625                  height="2048"
18626                  onload="requestAnimationFrame(() => {
18627                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
18628                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
18629                  })"
18630                />
18631              </picture>
18632              
18633            </div><style data-shopify>
18634                  #image-product-template--19743130189877__product-grid-118--1 .media-slide:not(:first-child) {
18635                    height: 100%;
18636                  }
18637                </style>
18638                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
18639                  
18640                  <picture>
18641                    <img
18642                      srcset="//www.soniaroselli.com/cdn/shop/files/concealer_skin_prep.png?v=1786223491&width=250 250w,
18643                        //www.soniaroselli.com/cdn/shop/files/concealer_skin_prep.png?v=1786223491&width=350 350w,
18644                        //www.soniaroselli.com/cdn/shop/files/concealer_skin_prep.png?v=1786223491&width=450 450w,
18645                        //www.soniaroselli.com/cdn/shop/files/concealer_skin_prep.png?v=1786223491&width=750 750w,
18646                        //www.soniaroselli.com/cdn/shop/files/concealer_skin_prep.png?v=1786223491&width=900 900w,
18647                        //www.soniaroselli.com/cdn/shop/files/concealer_skin_prep.png?v=1786223491&width=1100 1100w,
18648                        //www.soniaroselli.com/cdn/shop/files/concealer_skin_prep.png?v=1786223491&width=1500 1500w,//www.soniaroselli.com/cdn/shop/files/concealer_skin_prep.png?v=1786223491 2048w"
18649                      src="//www.soniaroselli.com/cdn/shop/files/concealer_skin_prep.png?v=1786223491&width=1500"
18650                      sizes="(min-width: 1400px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
18651                      alt="Sonia Roselli skincare set featuring a white tube of Wrinkle Smoothing Peptide Eye Oil with a gold cap, and a white jar of Water Balm Skin Prep, styled on a cream surface with draped cream fabric."
18652                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
18653                      loading="lazy"
18654                      width="2048"
18655                      height="2048"
18656                      onload="requestAnimationFrame(() => {
18657                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
18658                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
18659                      })"
18660                    />
18661                  </picture>
18662                  
18663                </div></div>
18664        </div></div>
18665        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
18666              x-show="$store.xQuickView" x-cloak
18667            > 
18668              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
18669                class="w-full hide-icon lg:pl-4 lg:pr-4" 
18670                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
18671                x-cloak
18672              >
18673                
18674<form method="post" action="/cart/add" id="product-form-choose-option8209088446517218" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="45871871983669">
18675                    
18676                                                                
18677                    <button
18678                      type="submit"
18679                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--19743130189877__product-grid-8209088446517-118"
18680                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
18681                      
18682                      
18683                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
18684                    >
18685                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
18686                        
18687
18688                            <span class="flex items-center justify-center">
18689                              
18690<div class="flex justify-center ">
18691  
18692    
18693      
18694        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
18695      
18696    
18697  
18698  
18699    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
18700      
18701      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
18702        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
18703      </svg>
18704      
18705    </span>
18706  
18707</div>
18708                            </span>
18709                      </span>
18710                      <div
18711                        class="flex gap-x-2 items-center justify-center"
18712                        role="alert"
18713                        x-cloak
18714                        x-show="errorMessage"
18715                      >
18716                        Sold out
18717                      </div>
18718                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
18719                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
18720    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
18721  </svg>
18722
18723                      </div>
18724                    </button>
18725                    <button 
18726                      type="submit"
18727                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
18728                      
18729                      
18730                      data-id="template--19743130189877__product-grid-8209088446517-118"
18731                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
18732    &quot;product&quot;: {
18733      &quot;title&quot;: &quot;Concealer Skin Prep Kit&quot;,
18734      &quot;listName&quot;: &quot;Shop All&quot;,
18735      &quot;sku&quot;: &quot;8209088446517&quot;,
18736      &quot;currencyCode&quot;: &quot;USD&quot;,
18737      &quot;price&quot;: 13200,
18738      &quot;vendor&quot;: &quot;S-Japan&quot;
18739    }
18740  }"
18741                      
18742                    >
18743                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
18744    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
18745  </svg></span>
18746                      <span class="block w-5 h-5" x-show="loading" x-cloak>
18747                        <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
18748    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
18749  </svg>
18750
18751                      </span>
18752                    </button><input type="hidden" name="product-id" value="8209088446517" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form>
18753              </div>
18754            </div><div
18755            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
18756            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
18757            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
18758            >
18759            <div>
18760              <button
18761                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
18762                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/products-concealer-skin-prep-kit', $el, 'template--19743130189877__product-grid-8209088446517-118')" 
18763                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/products-concealer-skin-prep-kit', $el, 'template--19743130189877__product-grid-8209088446517-118')" 
18764                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
18765                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
18766                x-customer-event-data="{
18767    &quot;product&quot;: {
18768      &quot;title&quot;: &quot;Concealer Skin Prep Kit&quot;,
18769      &quot;listName&quot;: &quot;Shop All&quot;,
18770      &quot;sku&quot;: &quot;8209088446517&quot;,
18771      &quot;currencyCode&quot;: &quot;USD&quot;,
18772      &quot;price&quot;: 13200,
18773      &quot;vendor&quot;: &quot;S-Japan&quot;
18774    }
18775  }"
18776                aria-label="Button quickview"
18777              >
18778                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
18779    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
18780  </svg>
18781</span>
18782                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
18783                  
18784<div class="flex justify-center ">
18785  
18786    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
18787  
18788  
18789    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
18790      
18791      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
18792        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
18793      </svg>
18794      
18795    </span>
18796  
18797</div>
18798                </span>
18799              </button>
18800              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/shop-all/products/products-concealer-skin-prep-kit", $el, "template--19743130189877__product-grid-8209088446517-118"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
18801                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
18802                aria-label="Button quickview"
18803                x-customer-event-data="{
18804    &quot;product&quot;: {
18805      &quot;title&quot;: &quot;Concealer Skin Prep Kit&quot;,
18806      &quot;listName&quot;: &quot;Shop All&quot;,
18807      &quot;sku&quot;: &quot;8209088446517&quot;,
18808      &quot;currencyCode&quot;: &quot;USD&quot;,
18809      &quot;price&quot;: 13200,
18810      &quot;vendor&quot;: &quot;S-Japan&quot;
18811    }
18812  }"
18813              >
18814                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
18815    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
18816  </svg>
18817</span>
18818              </button>
18819            </div>
18820          </div>
18821        </div>
18822      
18823    </a>
18824    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
18825      
18826      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-8209088446517">
18827        <a href="/collections/shop-all/products/products-concealer-skin-prep-kit"
18828          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
18829          @click='$store.xCustomerEvent.fire("product_selected", $el)'
18830          x-customer-event-data="{
18831    &quot;product&quot;: {
18832      &quot;title&quot;: &quot;Concealer Skin Prep Kit&quot;,
18833      &quot;listName&quot;: &quot;Shop All&quot;,
18834      &quot;sku&quot;: &quot;8209088446517&quot;,
18835      &quot;currencyCode&quot;: &quot;USD&quot;,
18836      &quot;price&quot;: 13200,
18837      &quot;vendor&quot;: &quot;S-Japan&quot;
18838    }
18839  }"
18840        >
18841          Concealer Skin Prep Kit
18842        </a>
18843      </p>
18844      
18845        
18846 
18847
18848
18849      
18850
18851  
18852<div 
18853  class="x-review-product other 
18854    
18855      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
18856  "
18857>
18858  
18859<div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
18860        
18861      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
18862        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18863      </svg>
18864    
18865      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
18866        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18867      </svg>
18868    
18869      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
18870        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18871      </svg>
18872    
18873      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
18874        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18875      </svg>
18876    
18877      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
18878        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18879      </svg>
18880    
18881      </div> 
18882      <p class="rating-count leading-none caption ml-1 text-review-count"> (0)
18883      </p>
18884</div>
18885
18886<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
18887        
18888        
18889          <div class=" price leading-none ">
18890  <div class="target-price hidden">13200</div>
18891  <div class="target-compare-at-price hidden"></div>
18892  
18893    
18894  
18895  
18896<p class="price">
18897        $ 132.00
18898      </p>
18899    
18900  
18901</div>
18902
18903        
18904        <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
18905      </div>
18906      
18907      <template x-if="localStorage.getItem('selectedStore')">
18908        <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('8209088446517', [282862551093, 318067736629, 282861502517, 316748464181, 318067212341, 318153621557, 262726549557, 184227590, 316678209589, 303513370677, 317110845493, 317112942645])">
18909            
18910<div 
18911  class="text-availability-notice"
18912  x-data='{ 
18913    locations: [],
18914    pickupLocations: [],
18915    pickupAvailabilites: []
18916  }'
18917  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
18918>
18919  <style data-shopify>
18920    .text-availability-notice {
18921      font-size: 0.7363125rem;
18922    }
18923    @media (min-width: 768px) {
18924      .text-availability-notice {
18925        font-size: 0.818125rem;
18926      }
18927    }
18928  </style>
18929  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
18930    <span class="flex h-4 w-4 relative">
18931  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18932    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18933    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18934  </svg>
18935
18936</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
18937  </div>
18938  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
18939    <span class="flex h-4 w-4 relative">
18940  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18941    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18942    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18943  </svg>
18944
18945</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
18946  </div>
18947</div></div>
18948      </template>
18949      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
18950    </div>
18951  </div>
18952  <div
18953    id="x-product-template-8209088446517-template--19743130189877__product-grid-118"
18954    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
18955  >
18956    <div class="card-info hidden md:list-layout:block pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
18957      <div class="no-collage:mb-2 text-center md:list-layout:text-left">
18958        
18959        <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><p class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19743130189877__product-grid-8209088446517">
18960          <a href="/collections/shop-all/products/products-concealer-skin-prep-kit"
18961            class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
18962            @click='$store.xCustomerEvent.fire("product_selected", $el)'
18963            x-customer-event-data="{
18964    &quot;product&quot;: {
18965      &quot;title&quot;: &quot;Concealer Skin Prep Kit&quot;,
18966      &quot;listName&quot;: &quot;Shop All&quot;,
18967      &quot;sku&quot;: &quot;8209088446517&quot;,
18968      &quot;currencyCode&quot;: &quot;USD&quot;,
18969      &quot;price&quot;: 13200,
18970      &quot;vendor&quot;: &quot;S-Japan&quot;
18971    }
18972  }"
18973          >
18974            Concealer Skin Prep Kit
18975          </a>
18976        </p>
18977        
18978          
18979 
18980
18981
18982        
18983
18984  
18985<div 
18986  class="x-review-product other 
18987    
18988      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
18989  "
18990>
18991  
18992<div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
18993        
18994      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
18995        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
18996      </svg>
18997    
18998      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
18999        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
19000      </svg>
19001    
19002      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
19003        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
19004      </svg>
19005    
19006      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
19007        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
19008      </svg>
19009    
19010      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
19011        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
19012      </svg>
19013    
19014      </div> 
19015      <p class="rating-count leading-none caption ml-1 text-review-count"> (0)
19016      </p>
19017</div>
19018
19019<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
19020          
19021          
19022            <div class=" price leading-none ">
19023  <div class="target-price hidden">13200</div>
19024  <div class="target-compare-at-price hidden"></div>
19025  
19026    
19027  
19028  
19029<p class="price">
19030        $ 132.00
19031      </p>
19032    
19033  
19034</div>
19035
19036          
19037          <div class="leading-none next-price empty:hidden flex flex-wrap gap-x-1 gap-y-2"></div>
19038        </div>
19039        
19040        <template x-if="localStorage.getItem('selectedStore')">
19041          <div id="x-availability-notice-template--19743130189877__product-grid" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('8209088446517', [282862551093, 318067736629, 282861502517, 316748464181, 318067212341, 318153621557, 262726549557, 184227590, 316678209589, 303513370677, 317110845493, 317112942645])"><div 
19042  class="text-availability-notice"
19043  x-data='{ 
19044    locations: [],
19045    pickupLocations: [],
19046    pickupAvailabilites: []
19047  }'
19048  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
19049>
19050  <style data-shopify>
19051    .text-availability-notice {
19052      font-size: 0.7363125rem;
19053    }
19054    @media (min-width: 768px) {
19055      .text-availability-notice {
19056        font-size: 0.818125rem;
19057      }
19058    }
19059  </style>
19060  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
19061    <span class="flex h-4 w-4 relative">
19062  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19063    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19064    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19065  </svg>
19066
19067</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
19068  </div>
19069  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
19070    <span class="flex h-4 w-4 relative">
19071  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19072    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19073    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19074  </svg>
19075
19076</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
19077  </div>
19078</div></div>
19079        </template>
19080      </div>
19081    </div>
19082    
19083      <div class="hidden md:list-layout:block md:list-layout:mt-0 mt-4 md:list-layout:text-left">
19084        <div class="rte line-clamp-3">
19085          <p class="h2">CONCEALER SKIN PREP KIT</h1>
19086<p class="h3">Wrinkle Smoothing Peptide Eye Gel + Water Balm</h3>
19087<p class="h2">Before you buy another concealer, prep the skin underneath it.</h2>
19088<p>Daily skincare that hydrates, cushions, and smooths the look of the eye area so concealer has a better surface to sit on.</p>
19089<ul>
19090<li>
19091<p><strong>Smooths the look of fine lines</strong> with peptide-powered eye care.</p>
19092</li>
19093<li>
19094<p><strong>Hydrates + cushions dry-looking under-eyes</strong> with ceramides, amino acids, squalane, glycerin, and other moisture-binding ingredients.</p>
19095</li>
19096<li>
19097<p><strong>Helps concealer sit better</strong> with less dry-looking texture and visible settling.</p>
19098</li>
19099</ul>
19100<p><strong>No primer needed.</strong></p>
19101<p>[PRICE]</p>
19102<p>Free shipping on every order.</p>
19103<p><strong>CTA: SHOP CONCEALER SKIN PREP</strong></p>
19104<hr>
19105<p class="h2">WHAT'S INCLUDED</h1>
19106<p class="h2">Wrinkle Smoothing Peptide Eye Gel</h2>
19107<p>Your targeted eye-area skincare.</p>
19108<p>Hydrates.</p>
19109<p>Cushions.</p>
19110<p>Helps smooth the look of fine lines.</p>
19111<p>Helps the eye area look softer and more conditioned over time.</p>
19112<p>And when you wear makeup, it gives concealer a better-prepared surface.</p>
19113<p class="h2">Water Balm</h2>
19114<p>Your moisturizing seal and smoothing step.</p>
19115<p>Water Balm goes right over Eye Gel to add another layer of hydration and cushion.</p>
19116<p>It helps lock everything in while creating a soft, smooth, makeup-ready finish.</p>
19117<p>Together, they are your concealer skin prep.</p>
19118<p><strong>Eye Gel first. Water Balm on top. Concealer after.</strong></p>
19119<hr>
19120<p class="h2">WHAT IS THE CONCEALER SKIN PREP KIT?</h1>
19121<p>The <strong>Concealer Skin Prep Kit</strong> is a two-step skincare routine made specifically for the skin underneath your concealer.</p>
19122<p>It exists for the person who keeps buying new concealers but keeps getting the same result.</p>
19123<p>Dry-looking under-eyes.</p>
19124<p>Concealer settling into lines.</p>
19125<p>Cakey texture by midday.</p>
19126<p>Powder making everything look worse.</p>
19127<p>Instead of adding another makeup product, this kit starts with the skin.</p>
19128<p>Wrinkle Smoothing Peptide Eye Gel gives the eye area targeted hydration and peptide care.</p>
19129<p>Water Balm goes over it to cushion, moisturize, and create a smoother-looking finish.</p>
19130<p>Then you apply your concealer.</p>
19131<p><strong>Great skincare. Better makeup.</strong></p>
19132<hr>
19133<p class="h2">WHY DOES THIS KIT EXIST?</h1>
19134<p>Because concealer cannot hide dry-looking texture without sitting on top of it.</p>
19135<p>And more powder does not add hydration.</p>
19136<p>If every concealer you try ends up settling into the same lines or looking dry in the same places, the formula in your concealer may not be the only thing worth changing.</p>
19137<p>Look underneath it.</p>
19138<p>Your under-eye area needs skincare too.</p>
19139<p>This kit gives it hydration.</p>
19140<p>Cushion.</p>
19141<p>Moisture.</p>
19142<p>Peptide care.</p>
19143<p>A smoother-looking finish.</p>
19144<p>And a simple routine that works whether you wear makeup that day or not.</p>
19145<hr>
19146<p class="h2">WHY EYE GEL + WATER BALM?</h1>
19147<p class="h2">Think of them like PB&amp;J.</h2>
19148<p>They do different jobs.</p>
19149<p>They just make more sense together.</p>
19150<p class="h3">Eye Gel goes first.</h3>
19151<p>It gives the delicate eye area targeted hydration and peptide care.</p>
19152<p>It helps the area feel cushioned and helps soften the look of fine lines.</p>
19153<p class="h3">Water Balm goes on top.</h3>
19154<p>It adds another layer of hydration.</p>
19155<p>It helps seal everything in.</p>
19156<p>And its smoothing texture creates a soft-focus finish before makeup.</p>
19157<p class="h3">Then comes concealer.</h3>
19158<p>Now your concealer is going over hydrated, cushioned, smoother-looking skin.</p>
19159<p>Not another layer of primer.</p>
19160<p><strong>Skincare is the prep.</strong></p>
19161<hr>
19162<p class="h2">TWO SKINCARE STEPS. ONE BETTER CANVAS.</h1>
19163<p class="h2">Wrinkle Smoothing Peptide Eye Gel</h2>
19164<p class="h3">
19164What it does as skincare</h3>
19165<p>Hydrates the delicate eye area.</p>
19166<p>Helps the skin feel cushioned and comfortable.</p>
19167<p>Helps smooth the look of fine lines.</p>
19168<p>Supports a softer, more resilient-looking eye area with consistent use.</p>
19169<p>Helps the under-eye area look brighter and more even.</p>
19170<p class="h3">Why makeup wearers care</h3>
19171<p>Dry-looking skin can make concealer look dry too.</p>
19172<p>Eye Gel gives concealer a hydrated, smoother-looking surface to sit on.</p>
19173<p>That means makeup can apply more evenly and visible settling can look less obvious.</p>
19174<hr>
19175<p class="h2">Water Balm</h2>
19176<p class="h3">What it does as skincare</h3>
19177<p>Delivers lasting hydration.</p>
19178<p>Helps skin feel softer and more supple.</p>
19179<p>Supports a comfortable moisture barrier with ceramides and amino acids.</p>
19180<p>Helps seal in hydration.</p>
19181<p>Creates a smooth, conditioned finish.</p>
19182<p class="h3">Why makeup wearers care</h3>
19183<p>Water Balm goes over your eye care to add cushion and smooth the surface.</p>
19184<p>Its texture helps create that soft-focus, almost photo-filter-looking finish Sonia wants before concealer.</p>
19185<p>No extra primer layer.</p>
19186<p>No piling more makeup on top of dry-looking skin.</p>
19187<hr>
19188<p class="h2">SKINCARE THAT DOES MORE THAN PREP</h1>
19189<p>These formulas were not created just to make makeup look better for a few hours.</p>
19190<p>They are daily skincare.</p>
19191<p class="h2">4-Peptide Complex: Included</h2>
19192<p>Supports the look of smoother, more resilient skin around the eye area with consistent use.</p>
19193<p class="h2">Amino Acid Complex: Included</h2>
19194<p>Water Balm contains a full amino acid complex to support hydrated, comfortable-feeling skin.</p>
19195<p class="h2">Ceramides: Included</h2>
19196<p>Help support the skin's moisture barrier and keep dry-looking skin feeling cushioned.</p>
19197<p class="h2">Niacinamide: Included</h2>
19198<p>Supports a brighter, more even-looking eye area.</p>
19199<p class="h2">Squalane: Included</h2>
19200<p>Adds lightweight moisture and helps the delicate eye area feel soft and supple.</p>
19201<p class="h2">Hydrolyzed Silk: Included</h2>
19202<p>Helps Water Balm create its soft, silky, smoothing finish on the skin.</p>
19203<hr>
19204<p class="h2">WHY THE FORMULAS WORK SO WELL TOGETHER</h1>
19205<p>Eye Gel brings targeted eye care.</p>
19206<p>Water Balm brings the seal.</p>
19207<p class="h3">Eye Gel delivers:</h3>
19208<p>Peptides<br>Niacinamide<br>Glucosyl Ceramide<br>Squalane<br>Glycerin<br>Skin-smoothing texture ingredients</p>
19209<p class="h3">Water Balm delivers:</h3>
19210<p>Ceramide 3<br>A full amino acid complex<br>Glycerin<br>Sodium PCA<br>Betaine<br>Hydrolyzed Silk<br>Fermented Rice Extract<br>Skin-smoothing silicones</p>
19211<p>The result is a routine that addresses both sides of the problem.</p>
19212<p><strong>Care for the skin.</strong></p>
19213<p>Then create a smoother surface for makeup.</p>
19214<hr>
19215<p class="h2">SONIA'S UNDER-EYE SKIN PREP TECHNIQUE</h1>
19216<p>Want the full makeup-artist method?</p>
19217<p>Add <strong>Water Elixir</strong> before the two products in this kit.</p>
19218<p>Water Elixir is sold separately.</p>
19219<p class="h2">Step 1: Water Elixir</h2>
19220<p>Press a <strong>thin layer</strong> around the eye area.</p>
19221<p>Use it underneath the eye and above the eye area as your first lightweight hydration step.</p>
19222<p>Do not drench the skin.</p>
19223<p>A thin layer is enough.</p>
19224<p class="h2">Step 2: Wrinkle Smoothing Peptide Eye Gel</h2>
19225<p>Apply a small amount along the orbital bone.</p>
19226<p>Use your ring finger.</p>
19227<p>Tap gently.</p>
19228<p>Do not drag or rub.</p>
19229<p>Give it a moment to settle into the skin.</p>
19230<p class="h2">Step 3: Water Balm</h2>
19231<p>Press a thin layer of Water Balm right over your eye prep.</p>
19232<p>This is Sonia's finishing step.</p>
19233<p>It adds cushion.</p>
19234<p>Helps seal in hydration.</p>
19235<p>And creates that soft, smooth, photo-filter-looking finish before concealer.</p>
19236<p class="h2">Step 4: Let it settle</h2>
19237<p>Your skin should feel hydrated and smooth.</p>
19238<p>Not wet.</p>
19239<p>Not slippery.</p>
19240<p>Not heavily coated.</p>
19241<p class="h2">Step 5: Apply concealer</h2>
19242<p>Use a thin layer.</p>
19243<p>Add more only where you actually need it.</p>
19244<p>Then use powder only where you need it.</p>
19245<p><strong>Water Elixir hydrates.</strong></p>
19246<p><strong>Eye Gel targets + smooths.</strong></p>
19247<p><strong>Water Balm cushions + seals.</strong></p>
19248<p>Then makeup.</p>
19249<hr>
19250<p class="h2">SONIA'S SECRET WAS NEVER MORE CONCEALER</h1>
19251<p>As a professional makeup artist, Sonia learned that dry-looking under-eyyes do not usually look better when you keep adding product.</p>
19252<p>More concealer can look heavier.</p>
19253<p>More powder can make dry-looking texture more obvious.</p>
19254<p>So instead of starting with makeup, she started with hydration.</p>
19255<p>A lightweight layer first.</p>
19256<p>Targeted eye care next.</p>
19257<p>Then a thin layer of Water Balm over everything to cushion and smooth the finish.</p>
19258<p>That became her prep technique for dry, texture-prone under-eyes.</p>
19259<p><strong>Prep first. Concealer second.</strong></p>
19260<hr>
19261<p class="h2">HOW TO USE THE KIT WITHOUT WATER ELIXIR</h1>
19262<p>You do not need Water Elixir to use the Concealer Skin Prep Kit.</p>
19263<p>The kit works as a simple two-step routine.</p>
19264<p class="h2">1. Apply Wrinkle Smoothing Peptide Eye Gel</h2>
19265<p>Use a small amount.</p>
19266<p>Tap gently around the orbital area.</p>
19267<p class="h2">2. Apply Water Balm on top</h2>
19268<p>Use a thin layer.</p>
19269<p>Press it into the skin.</p>
19270<p class="h2">3. Let the layers settle</h2>
19271<p>The area should feel soft and cushioned rather than wet.</p>
19272<p class="h2">4. Apply concealer</h2>
19273<p>Use a thin layer.</p>
19274<p>Add only where needed.</p>
19275<p><strong>Eye Gel. Water Balm. Concealer.</strong></p>
19276<p>Simple.</p>
19277<hr>
19278<p class="h2">YOUR CONCEALER MAY NOT NEED MORE POWDER</h1>
19279<p>You know what happens.</p>
19280<p>Your concealer starts settling.</p>
19281<p>So you powder it.</p>
19282<p>Then the area looks drier.</p>
19283<p>So you add more concealer.</p>
19284<p>Now it looks heavier.</p>
19285<p>By noon, the makeup you used to make your eyes look better is making every bit of texture more obvious.</p>
19286<p>Stop adding.</p>
19287<p>Start underneath.</p>
19288<p>Hydrate.</p>
19289<p>Cushion.</p>
19290<p>Smooth.</p>
19291<p>Then use less makeup where you can.</p>
19292<hr>
19293<p class="h2">WHAT YOU MAY NOTICE</h1>
19294<p class="h3">PLACEHOLDER TIMELINE</h3>
19295<p><em>Final timing should be validated against customer review data before publication.</em></p>
19296<p class="h2">Instantly</h2>
19297<p><strong>Skin feels hydrated, cushioned, and smoother.</strong></p>
19298<p>The eye area feels softer and better prepared before concealer.</p>
19299<p>Water Balm creates an immediate silky, soft-focus finish on the surface.</p>
19300<p class="h2">After 1 Week</h2>
19301<p><strong>Skin may feel more consistently hydrated and comfortable.</strong></p>
19302<p>Dry-looking texture may appear less obvious.</p>
19303<p>
19303Concealer may apply more evenly as the skin underneath stays better conditioned.</p>
19304<p class="h2">After 1 Month</h2>
19305<p><strong>The eye area may look smoother and more conditioned with consistent skincare.</strong></p>
19306<p>The peptide eye care continues to support the look of smoother, more resilient skin.</p>
19307<p>And the daily hydration habit gives makeup a better starting point every time you wear it.</p>
19308<hr>
19309<p class="h2">REAL SKIN MOVES</h1>
19310<p>We are not going to tell you your concealer will never crease.</p>
19311<p>Your eyes move.</p>
19312<p>You smile.</p>
19313<p>You squint.</p>
19314<p>You blink.</p>
19315<p>Some settling is normal.</p>
19316<p>The goal is not to erase every line.</p>
19317<p>The goal is to give concealer hydrated, smoother-looking skin underneath it so the makeup looks less dry, less heavy, and less obvious.</p>
19318<p>That is a promise we can stand behind.</p>
19319<hr>
19320<p class="h2">THIS KIT IS FOR YOU IF...</h1>
19321<p>Your concealer settles into fine lines.</p>
19322<p>Your under-eyes look dry after makeup.</p>
19323<p>Powder makes the area look worse.</p>
19324<p>Concealer looks good when you first apply it and cakey later.</p>
19325<p>Your current eye cream feels too heavy under concealer.</p>
19326<p>You keep changing concealers and getting the same result.</p>
19327<p>You want skincare that also makes sense under makeup.</p>
19328<p>You want fewer unnecessary layers.</p>
19329<p>You want to use less powder.</p>
19330<p>You want your concealer to look more like makeup on skin and less like product sitting on top.</p>
19331<hr>
19332<p class="h2">THE SKINCARE BENEFITS</h1>
19333<p class="h2">Helps smooth the look of fine lines</h2>
19334<p>The Eye Gel uses a four-peptide complex designed to support smoother, more resilient-looking skin with consistent use.</p>
19335<p class="h2">Deeply hydrates</h2>
19336<p>Glycerin, squalane, Sodium PCA, betaine, sorbitol, and other hydration-supporting ingredients help keep dry-looking skin feeling soft and comfortable.</p>
19337<p class="h2">Helps support the moisture barrier</h2>
19338<p>Ceramides and amino acids help support comfortable, hydrated skin.</p>
19339<p class="h2">Softens + cushions</h2>
19340<p>The combination of eye-area hydrators and Water Balm creates the cushioned feel dry under-eyes are often missing.</p>
19341<p class="h2">Supports a more even-looking eye area</h2>
19342<p>Niacinamide supports a brighter, more even-looking appearance around the eyes.</p>
19343<p class="h2">Creates a smooth, soft-focus finish</h2>
19344<p>Water Balm's hydrolyzed silk and smoothing texture ingredients help create a silky surface before makeup.</p>
19345<hr>
19346<p class="h2">WHY NOT JUST BUY ANOTHER EYE CREAM?</h1>
19347<p>Because this kit is not built around the idea that your eye cream lives in a separate universe from your makeup.</p>
19348<p>You wear concealer.</p>
19349<p>Your skincare needs to work with that.</p>
19350<p>Wrinkle Smoothing Peptide Eye Gel gives the eye area targeted care.</p>
19351<p>Water Balm gives that skincare the moisturizing seal and smoothing finish Sonia uses before makeup.</p>
19352<p>You get the skincare benefits even when you wear nothing on top.</p>
19353<p>And when you do wear concealer, your skin is already prepped.</p>
19354<hr>
19355<p class="h2">WHY NOT JUST USE WATER BALM?</h1>
19356<p>Because Eye Gel and Water Balm have different jobs.</p>
19357<p>Eye Gel gives the eye area targeted peptide care and lightweight hydration.</p>
19358<p>Water Balm goes over it to add cushion, moisture, and a smoothing finish.</p>
19359<p>One does not replace the other in this routine.</p>
19360<p><strong>Target first. Seal second.</strong></p>
19361<hr>
19362<p class="h2">DO I NEED PRIMER?</h1>
19363<p class="h2">No.</h2>
19364<p>You do not need a separate primer with this routine.</p>
19365<p>
19365Your skincare is your skin prep.</p>
19366<p>Eye Gel prepares the eye area through hydration and smoothing care.</p>
19367<p>Water Balm completes the prep by adding moisture, cushion, and a soft-focus finish.</p>
19368<p>Let everything settle.</p>
19369<p>Then apply your makeup.</p>
19370<hr>
19371<p class="h2">HOW MUCH SHOULD I USE?</h1>
19372<p>Less than you probably think.</p>
19373<p class="h2">Eye Gel</h2>
19374<p>Use a small amount.</p>
19375<p>A thick layer is not better.</p>
19376<p>Tap it gently around the orbital area.</p>
19377<p class="h2">Water Balm</h2>
19378<p>Use a thin layer over the eye prep.</p>
19379<p>Your skin should feel smooth and cushioned.</p>
19380<p>Not coated.</p>
19381<p>Too much skincare underneath concealer can create unnecessary movement.</p>
19382<hr>
19383<p class="h2">SHOULD I USE POWDER?</h1>
19384<p>You can.</p>
19385<p>But you may not need as much.</p>
19386<p>If powder makes your under-eyyes look dry or makes lines more obvious, try using it only where you actually need it.</p>
19387<p>Prep first.</p>
19388<p>Use a thin layer of concealer.</p>
19389<p>Then decide if powder is necessary.</p>
19390<p>Do not powder automatically just because someone told you that you have to.</p>
19391<hr>
19392<p class="h2">BUILT BY SOMEONE WHO UNDERSTANDS BOTH SIDES</h1>
19393<p>Sonia Roselli has worked as a professional makeup artist since 1990.</p>
19394<p>She is also a licensed esthetician.</p>
19395<p>That matters.</p>
19396<p>She understands what skin needs.</p>
19397<p>And she understands what happens when you put concealer on it five minutes later.</p>
19398<p>The products were designed around both sides of the mirror.</p>
19399<p><strong>Great skincare. Better makeup.</strong></p>
19400<hr>
19401<p class="h2">CUSTOMER REVIEWS</h1>
19402<p class="h2">What customers are talking about</h2>
19403<p>Prioritize reviews that specifically mention:</p>
19404<p>Concealer<br>Dry-looking under-eyes<br>Fine lines<br>Hydration<br>Smoother-looking skin<br>Using less powder<br>Makeup application<br>Eye-area comfort</p>
19405<hr>
19406<p class="h2">FREQUENTLY ASKED QUESTIONS</h1>
19407<p class="h2">What is the Concealer Skin Prep Kit?</h2>
19408<p>The Concealer Skin Prep Kit is a two-product skincare routine containing Wrinkle Smoothing Peptide Eye Gel and Water Balm. It is designed to hydrate, cushion, and smooth the look of the skin underneath concealer.</p>
19409<p class="h2">What comes in the Concealer Skin Prep Kit?</h2>
19410<p>The kit includes:</p>
19411<p>Wrinkle Smoothing Peptide Eye Gel<br>Water Balm</p>
19412<p>Water Elixir is not included.</p>
19413<p class="h2">Why do I need both Eye Gel and Water Balm?</h2>
19414<p>They do different jobs.</p>
19415<p>Eye Gel gives the eye area targeted hydration and peptide care.</p>
19416<p>Water Balm goes over it to add cushion, help seal in hydration, and create a smoother-looking finish before makeup.</p>
19417<p class="h2">Which product goes first?</h2>
19418<p>Wrinkle Smoothing Peptide Eye Gel goes first.</p>
19419<p>Water Balm goes over it.</p>
19420<p>Then concealer.</p>
19421<p class="h2">What is Sonia's full under-eye prep routine?</h2>
19422<p>For the full three-layer technique, use:</p>
19423<p>Water Elixir<br>Wrinkle Smoothing Peptide Eye Gel<br>Water Balm</p>
19424<p>Water Elixir is sold separately.</p>
19425<p>Use thin layers and let the products settle before concealer.</p>
19426<p class="h2">Do I need primer with this kit?</h2>
19427<p>No.</p>
19428<p>This skincare routine is your skin prep.</p>
19429<p>You do not need to add a separate primer before concealer.</p>
19430<p class="h2">Is Wrinkle Smoothing Peptide Eye Gel an eye cream?</h2>
19431<p>Yes.</p>
19432<p>It is daily eye skincare with a four-peptide complex, hydration-supporting ingredients, and a texture designed to work well underneath concealer.</p>
19433<p class="h2">Is Water Balm a moisturizer?</h2>
19434<p>Yes.</p>
19435<p>Water Balm is a daily moisturizer and smoothing skincare step.</p>
19436<p>In this routine, it is layered over Eye Gel to help cushion the eye area and seal in hydration.</p>
19437<p class="h2">Can I use this kit without makeup?</h2>
19438<p>Yes.</p>
19439<p>Both products are skincare.</p>
19440<p>Use them whether you wear concealer that day or not.</p>
19441<p class="h2">Can I use the products morning and night?</h2>
19442<p>Yes.</p>
19443<p>Wrinkle Smoothing Peptide Eye Gel is designed for morning and evening use.</p>
19444<p>Water Balm can also be used as part of your daily skincare routine.</p>
19445<p class="h2">Will the kit stop concealer from creasing?</h2>
19446<p>We do not promise zero creasing.</p>
19447<p>Faces move.</p>
19448<p>Some settling is normal.</p>
19449<p>The goal is to hydrate and smooth the look of the skin underneath 
19449so concealer can apply more evenly and look less dry.</p>
19450<p class="h2">Why does my concealer settle into fine lines?</h2>
19451<p>Dry-looking skin, too much product underneath, heavy concealer, and too much powder can all make visible settling more obvious.</p>
19452<p>The eye area also moves constantly.</p>
19453<p>Better skin prep gives the concealer a better surface to sit on.</p>
19454<p class="h2">What if my concealer looks dry even when I use eye cream?</h2>
19455<p>Your eye cream may not be giving you the right combination of hydration, texture, and makeup compatibility.</p>
19456<p>Try using a small amount of Eye Gel followed by a thin layer of Water Balm.</p>
19457<p>Let the layers settle before applying concealer.</p>
19458<p class="h2">Can I put Water Balm around my eyes?</h2>
19459<p>Yes, in this routine Water Balm is pressed over the Eye Gel as the moisturizing and smoothing layer.</p>
19460<p>Use a small amount.</p>
19461<p class="h2">Can I put Water Balm on my whole face too?</h2>
19462<p>Yes.</p>
19463<p>Water Balm is a face moisturizer.</p>
19464<p>You can use it over the face as your final moisturizing skincare step before sunscreen and makeup.</p>
19465<p class="h2">How long should I wait before concealer?</h2>
19466<p>Allow the skincare to settle before applying makeup.</p>
19467<p>Wrinkle Smoothing Peptide Eye Gel is documented to settle for approximately 60 to 90 seconds before concealer.</p>
19468<p>When layering Water Balm on top, wait until the final layer feels smooth and settled rather than wet or slippery.</p>
19469<p class="h2">How much concealer should I use?</h2>
19470<p>Start thin.</p>
19471<p>Add more only where you need additional coverage.</p>
19472<p>Using more concealer does not automatically make the area look smoother.</p>
19473<p class="h2">Should I use powder after concealer?</h2>
19474<p>Only if you need it.</p>
19475<p>If powder makes your under-eyyes look dry, use less or apply it only to areas that need setting.</p>
19476<p class="h2">Will this get rid of dark circles?</h2>
19477<p>The kit is not designed to remove genetic or structural dark circles.</p>
19478<p>It helps care for the eye area and creates a better-prepared surface for the concealer you use to even the appearance of darkness.</p>
19479<p class="h2">Will the Eye Gel erase wrinkles?</h2>
19480<p>No.</p>
19481<p>It is cosmetic skincare.</p>
19482<p>The peptide complex supports the look of smoother, more resilient skin with consistent use.</p>
19483<p>It does not erase wrinkles or stop facial movement.</p>
19484<p class="h2">Is the kit fragrance-free?</h2>
19485<p>Current product documentation identifies both Wrinkle Smoothing Peptide Eye Gel and Water Balm as fragrance-free.</p>
19486<p class="h2">Does Water Balm contain ceramides?</h2>
19487<p>Yes.</p>
19488<p>Water Balm contains Ceramide 3 along with a full amino acid complex.</p>
19489<p class="h2">Does Water Balm contain amino acids?</h2>
19490<p>Yes.</p>
19491<p>The formula contains glycine, serine, alanine, glutamic acid, arginine, lysine, threonine, and proline.</p>
19492<p class="h2">Does Eye Gel contain peptides?</h2>
19493<p>Current product documentation identifies a four-peptide complex including Acetyl Hexapeptide-8, Palmitoyl Tripeptide-1, Palmitoyl Pentapeptide-4, and Palmitoyl Tetrapeptide-7.</p>
19494<p class="h2">Does Eye Gel contain niacinamide?</h2>
19495<p>Current product documentation lists niacinamide in the Wrinkle Smoothing Peptide Eye Gel formula.</p>
19496<p class="h2">Does Water Balm contain niacinamide?</h2>
19497<p>No.</p>
19498<p>Water Balm does not list niacinamide in its current formula.</p>
19499<p class="h2">What if I have very sensitive skin?</h2>
19500<p>Patch test new skincare before using it around the eye area.</p>
19501<p>If you have known ingredient allergies or an existing medical skin condition, check the ingredient list carefully and speak with your healthcare professional when appropriate.</p>
19502<p class="h2">Does Water Balm contain soy?</h2>
19503<p>Yes.</p>
19504<p>Water Balm contains soy-derived ingredients.</p>
19505<p>If you have a known soy sensitivity, patch test first or avoid the product.</p>
19506<p class="h2">Does Water Balm contain silk?</h2>
19507<p>Yes.</p>
19508<p>Water Balm contains hydrolyzed silk.</p>
19509<p>If you have a known silk sensitivity, check with your healthcare professional or avoid use.</p>
19510<p class="h2">BEFORE YOU BUY ANOTHER CONCEALER</h1>
19511<p>If every concealer ends up looking dry in the same places, settling into the same lines, or getting worse when you add powder, stop changing the top layer for a minute.</p>
19512<p>Change what goes underneath it.</p>
19513<p>Eye Gel first.</p>
19514<p>Water Balm on top.</p>
19515<p>Then concealer.</p>
19516<p>Daily skincare when you are bare-faced.</p>
19517<p>Skin prep when you wear makeup.</p>
19518<p class="h2">CONCEALER SKIN PREP KIT</h2>
19519<p><strong>Wrinkle Smoothing Peptide Eye Gel + Water Balm</strong></p>
19520<p>Free shipping on every order.</p>
19521<p><strong>CTA: PREP MY SKIN FOR CONCEALER</strong></p>
19522<p><strong>Great skincare. Better makeup.</strong></p>
19523<p class="h2">Primary Search Topic</h2>
19524<p>concealer skin prep</p>
19525<p class="h2">Supporting Search Topics</h2>
19526<p>under eye skin prep<br>skin prep before concealer<br>eye cream under concealer<br>eye cream before concealer<br>concealer settling into fine lines<br>concealer looks dry<br>dry under eyes with concealer<br>cakey concealer under eyes<br>how to prep under eyes for concealer<br>what to put under concealer<br>peptide eye gel<br>hydrating eye cream under makeup<br>moisturizer under concealer<br>how to keep concealer from looking dry<br>skin prep for makeup</p>
19527<p>The <strong>Sonia Roselli Beauty Concealer Skin Prep Kit</strong> is a two-product skincare set containing <strong>Wrinkle Smoothing Peptide Eye Gel</strong> and <strong>Water Balm</strong>.</p>
19528<p>It is designed for makeup wearers whose concealer tends to look dry, settle visibly into fine lines, or look heavier after powder.</p>
19529<p>Wrinkle Smoothing Peptide Eye Gel provides targeted eye-area hydration and peptide care and helps create a smoother-looking surface underneath concealer.</p>
19530<p>Water Balm is layered over the Eye Gel to add hydration, cushion the skin, help seal in moisture, and create a smoother, soft-focus finish before makeup.</p>
19531<p>A separate makeup primer is not needed with this routine.</p>
19532<p>For Sonia Roselli's fuller makeup-artist prep technique, Water Elixir can be applied in a thin layer before Eye Gel, followed by Water Balm. Water Elixir is sold separately.</p>
19533<p>The kit does not promise zero creasing because facial movement and some makeup settling are normal.</p>
19534<p>The goal is hydrated, cushioned, smoother-looking skin and better-looking concealer.</p>
19535<p class="h2">Concealer Skin Prep Kit</h2>
19536<p><strong>Your concealer may not be the problem. Your skin prep may be.</strong></p>
19537<p>Eye Gel + Water Balm hydrate, cushion, and smooth the skin underneath concealer.</p>
19538<p><strong>No primer needed.</strong></p>
19539<p><strong>CTA: SHOP THE KIT</strong></p>
19540<p class="h2">Concealer settling into every line?</h2>
19541<p>Before you buy another one, prep the skin underneath it.</p>
19542<p>The <strong>Concealer Skin Prep Kit</strong> pairs Wrinkle Smoothing Peptide Eye Gel with Water Balm for targeted eye care, cushioned hydration, and smoother-looking skin before concealer.</p>
19543<p><strong>Eye Gel first. Water Balm on top. Then makeup.</strong></p>
19544<hr>
19545<p class="h2">
19545QUICK-BUY BENEFITS</h1>
19546<p><strong>Smooths:</strong><br>Peptide eye care helps soften the look of fine lines.</p>
19547<p><strong>Hydrates:</strong><br>Ceramides, amino acids, squalane, glycerin, and other moisture-supporting ingredients cushion dry-looking skin.</p>
19548<p><strong>Preps:</strong><br>Water Balm creates a smooth, soft-focus finish before concealer.</p>
19549<p><strong>Primer:</strong><br>Not needed.</p>
19550<p><strong>Use:</strong><br>Eye Gel → Water Balm → Concealer</p>
19551<p><strong>Pro Routine:</strong><br>Water Elixir → Eye Gel → Water Balm → Makeup</p>
19552        </div>
19553      </div>
19554    
19555    
19556
19557        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
19558          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19743130189877__product-grid', '/products/products-concealer-skin-prep-kit');
19559        });"></div>
19560        <div
19561          id="current-variant-template--19743130189877__product-grid-8209088446517-118" 
19562          class="current-variant hidden"
19563        >
19564          
19565            45871871983669
19566          
19567        </div>
19568    <div class="bottom-card hidden md:list-layout:flex card-info ltr flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end gap-1 empty:hidden"></div>
19569    
19570      <div class="card-info x-highlight-icon mt-2.5">
19571        <div 
19572  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
19573  x-data="{setPosition(el) {
19574    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
19575    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
19576    elRect = el.getBoundingClientRect();
19577    let spacingLeft = elRect.left - parentEl.left;
19578    if (spacingLeft < 0) {
19579      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
19580    }
19581    let spacingRight = parentEl.right - elRect.right;
19582    if (spacingRight < 0) {
19583      el.style.setProperty('--left-tooltip', spacingRight + 'px');
19584    } 
19585  }}"
19586  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
19587>
19588    �
19589    �
19590    �
19591    �</div>
19592      </div>
19593    
19594    
19595      <template x-if="$store.xQuickView">
19596        <div class="md:list-layout:flex gap-3 mt-4" x-cloak x-show="$store.xQuickView"><div x-data="xProductCart" x-cloak x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
19597              
19598<form method="post" action="/cart/add" id="product-form-choose-option8209088446517218" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="45871871983669">
19599                  
19600                  
19601                  <button
19602                    type="submit"
19603                    name="add"@click.prevent="errorMessage == false && addToCart($event)"x-cloak
19604                    data-id="template--19743130189877__product-grid-8209088446517-118"
19605                    class="button button--quickview button-solid not-icon leading-normal w-full pt-2.5 pb-2.5 pl-5 pr-5 lg:pt-3 lg:pb-3 h-full z-10 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
19606                    
19607                    
19608                    :class="[errorMessage && 'opacity-60 cursor-not-allowed', $store.xQuickView.atc_btn_image_desktop ? 'md:hidden md:list-layout:block' : 'md:block', $store.xQuickView.btn_atc_bottom ? 'block' : 'hidden']"
19609                    
19610                      aria-label="Add to cart"
19611                    
19612                    
19613                  >
19614                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
19615                      
19616
19617                          <span class="flex items-center justify-center">
19618                            
19619<div class="flex justify-center ">
19620  
19621    
19622      
19623        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
19624      
19625    
19626  
19627  
19628    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
19629      
19630      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
19631        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
19632      </svg>
19633      
19634    </span>
19635  
19636</div>
19637                          </span>
19638                    </span>
19639                    <div
19640                      class="flex gap-x-2 items-center justify-center"
19641                      role="alert"
19642                      x-cloak
19643                      x-show="errorMessage"
19644                    >
19645                      Sold out
19646                    </div>
19647                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
19648                      <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
19649    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
19650  </svg>
19651
19652                    </div>
19653                  </button><input type="hidden" name="product-id" value="8209088446517" /><input type="hidden" name="section-id" value="template--19743130189877__product-grid" /></form> 
19654            </div><button 
19655            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/products-concealer-skin-prep-kit', $el, 'template--19743130189877__product-grid-8209088446517-118')" 
19656            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/shop-all/products/products-concealer-skin-prep-kit', $el, 'template--19743130189877__product-grid-8209088446517-118')" 
19657            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
19658            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3 not-icon md:list-layout:flex hidden" 
19659            aria-label="Button quickview"
19660            x-customer-event-data="{
19661    &quot;product&quot;: {
19662      &quot;title&quot;: &quot;Concealer Skin Prep Kit&quot;,
19663      &quot;listName&quot;: &quot;Shop All&quot;,
19664      &quot;sku&quot;: &quot;8209088446517&quot;,
19665      &quot;currencyCode&quot;: &quot;USD&quot;,
19666      &quot;price&quot;: 13200,
19667      &quot;vendor&quot;: &quot;S-Japan&quot;
19668    }
19669  }"
19670            x-show="$store.xQuickView.enabled"
19671          >
19672            <span class="flex justify-center items-center">
19673              
19674<div class="flex justify-center ">
19675  
19676    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
19677  
19678  
19679    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
19680      
19681      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
19682        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
19683      </svg>
19684      
19685    </span>
19686  
19687</div>
19688            </span>
19689          </button>
19690        </div>
19691      </template>
19692    
19693  </div>
19694</div>
19695                    </div>
19696                    
19697</div>
19698              <div class="flex justify-center items-center mt-3 md:mt-7 mb-7 flex-col-reverse lg:flex-row"><div class="w-auto"></div>
19699                  <div class="hidden" id="perpage-collection"></div>
19700                
19701              </div></div></div>
19702  </div>
19703</div>
19704
19705  
19705<script type="application/ld+json">
19706    {
19707      "@context": "http://schema.org/",
19708      "@type": "CollectionPage",
19709      "name": "Shop All",
19710      
19711      "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19712      "description": "Shop All Sonia Roselli",
19713      "mainEntity": {
19714        "@type": "ItemList",
19715        "itemListElement": [{
19716              "@type": "ListItem",
19717              "position": 1,
19718              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19719              "name": "Sexapeel™ Instant Exfoliation Spray",
19720              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/sexapeel_instant_exfoiation_spray_white.png?v=1783287965\u0026width=1920",
19721              "description": "Meet the body exfoliant that lets you watch dead skin disappear in real time.\nSexapeel™ Instant Exfoliation Spray is a Korean-formulated glycolic acid gommage exfoliant that dissolves surface buildup, rolls it away visibly, and leaves arms, legs, elbows, knees, feet, and chest noticeably smoother — in under two minutes.\nHow it works: Spray onto completely dry skin. Wait 5 seconds. Massage in  and watch gray-beige rolls of dead skin lift away — no scrubbing, no stinging, no stripping. Rinse in the shower. Done.\nWhy it works better than scrubs: Gritty scrubs create micro-tears without fully removing dead cells. Sexapeel combines glycolic acid + banana, kiwi, and apple fruit-acid enzymes to chemically loosen surface buildup while the gommage gel physically binds to debris — so you see the proof rolling off your skin.\nWhat it Helps:\n\nKeratosis pilaris (KP \/ \"chicken skin\") on arms and legs\nStrawberry legs and dark pores\nRough, ashy, or dull body skin\nIngrown hairs from shaving or waxing\nUneven texture on elbows, knees, and heels\nPatchy or streaky self-tanner buildup\n\nSkin prep that pros use: Formulated by celebrity makeup artist and esthetician Sonia Roselli, Sexapeel is the skin prep step that makes everything else work better — self-tanner applies evenly, body moisturizer absorbs deeper, and shaved skin stays smoother longer. Use it before self-tanning or before shaving for best results.\nNourishing, not stripping: A base of moringa oil, argan oil, sodium hyaluronate, aloe, and hydrolyzed collagen leaves skin conditioned and hydrated after rinsing — not tight or raw.\nUse every other day for the first month on KP-prone or very rough skin, then 1–2x per week to maintain. Results are visible after the first use; significant texture improvement in 4 weeks.\nMade in Korea. Formulated for sensitive and reactive body skin. Always apply SPF to treated areas — AHA exfoliants increase sun sensitivity."
19722            },
19723{
19724              "@type": "ListItem",
19725              "position": 2,
19726              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19727              "name": "Wrinkle Smoothing Peptide Eye Gel",
19728              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/wrinkle_smoothing_eye_cream.png?v=1783632338\u0026width=1920",
19729              "description": "Sonia Roselli Wrinkle Smoothing Peptide Eye Gel is built specifically for the delicate eye area rather than scaled down from a face cream. Formulated by a 35-year working makeup artist and licensed esthetician, this fragrance-free gel combines a four-peptide complex, Niacinamide, and Glucosyl Ceramide in a weightless silicone base that sets into a smooth, primer-like finish.\nWhy Your Under-Eyes Need It\nMore concealer doesn't fix creasing—it makes it worse. Layering heavy products under the eye stacks incompatible textures that pill and trap dry micro-flakes. This Eye Gel specifically targets:\n\n\nConcealer Creasing \u0026amp; Settling: Creates a smooth, blurred canvas so makeup sits flat without sliding into fine lines or \"caking by noon.\"\n\n\nCrepey \u0026amp; Dehydrated Texture: Instantly cushions dry, crepey skin with weightless moisture.\n\n\nOver-Layering \u0026amp; Pilling: Replaces the need for a separate eye cream, treatment, and primer, eliminating pilled product buildup.\n\n\nHow to Apply (The Ring Finger Technique)\nApply morning and evening after Water Elixir and before Water Oil.\n\n\nDispense: Place a small dot of gel onto your ring finger 
19729(which naturally applies the least pressure).\n\n\nApply: Dot along the orbital bone, not directly on the thin under-eye skin. Safe for the upper lid, under-eye, and outer corners.\n\n\nTap: Tap gently inward toward the nose. Do not drag or rub.\n\n\nSet: Allow 60 to 90 seconds to set before applying concealer.\n\n\nKey Ingredients That Do the Heavy Lifting\n\n\nFour-Peptide Complex (Acetyl Hexapeptide-8, Palmitoyl Tripeptide-1, Matrixyl \/ Palmitoyl Pentapeptide-4, Palmitoyl Tetrapeptide-7): Supports the look of smoother, firmer, and more resilient-feeling skin.\n\n\nGlucosyl Ceramide \u0026amp; Squalane: Rebuilds moisture in delicate skin that has fewer natural oil glands, providing a comfortable cushion without greasy residue.\n\n\nNiacinamide: Supports a more even, smooth, and balanced skin tone.\n\n\nSmoothing Silicones (Cyclopentasiloxane, Dimethicone): Creates the silky, blurred canvas that keeps concealer from settling into fine line texture.\n\n\nFormula Promises\n\n\n100% Fragrance-Free: Zero added perfume or masking scents.\n\n\nSensitivity Tested: Suitable for reactive and rosacea-prone skin near the eye.\n\n\nBotanical Note: Contains Evening Primrose Seed Extract and Plum Extract (Hydrolyzed Prunus Domestica). If you have known botanical sensitivities, patch test on the inner arm first.\n\n\n\n\nThe Flawless Under-Eye Prep Routine\n\n\n\nStep 1 — Flood: Apply 2–3 drops of Water Elixir all over face and under eyes.\n\n\nStep 2 — Smooth: Tap Wrinkle Smoothing Peptide Eye Gel along the orbital bone.\n\n\nStep 3 — Lock: Apply Water Balm to lock in hydration before makeup and to smooth the eyes before makeup.\n\n\n\n\n \n\n"
19730            },
19731{
19732              "@type": "ListItem",
19733              "position": 3,
19734              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19735              "name": "Water Balm Gel-Cream Moisturizer \u0026 Skin Prep",
19736              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/water_balm_5_in_one_gel_cream_moisturizer.png?v=1783454427\u0026width=1920",
19737              "description": "Water Balm is a skin prep balm manufactured in Japan by Sonia Roselli Beauty. It combines Ceramide 3, a full amino acid complex, hydrolyzed silk, fermented rice extract, and Rosa Damascena Flower Water in a silicone-based texture system.\nWater Balm is fragrance-free and formulated for all skin types, including rosacea-prone and reactive skin. It is designed to replace toner, serum, moisturizer, primer, and eye cream in a single step. Water Balm addresses foundation pilling, cakey texture by midday, dry patches showing through makeup, and makeup sitting on top of skin instead of blending into it. It contains no niacinamide, no exfoliating acids, and no retinoids. Size is 60 g \/ 2.11 fl. oz. Price is $65.00. A 60-second absorption window is recommended before applying makeup."
19738            },
19739{
19740              "@type": "ListItem",
19741              "position": 4,
19742              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19743              "name": "Water Elixir Hydrating Serum \u0026 Skin Prep Essence",
19744              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/water_elixer_skin_prep_2.png?v=1789155442\u0026width=1920",
19745              "description": "Water Elixir is the ultimate first step in your routine. Think of this milky liquid serum as your pre-moisturizer, moisturizer. Formulated to flood dry skin with instant hydration, it preps your face perfectly for Water Balm.\nSonia Roselli Water Elixir Skin Prep | Hydrating Liquid Serum \u0026amp; Essence\nSonia Roselli Water Elixir is a professional-grade, milky liquid serum and hydrating skin prep essence designed to eliminate surface dehydration and create a flawless, skin-identical base for makeup application. Functioning as a high-performance \"pre-moisturizer moisturizer,\" this fragrance-free formula instantly floods the skin barrier with deep moisture, priming the face to maximize the benefits of Water Balm.\nCore Benefits \u0026amp; Targeted Skin Concerns\nWater Elixir is clinically formulated to target severe dryness, skin barrier disruption, and cosmetic application failure. It directly addresses:\n\n\nFoundation Pilling \u0026amp; Separation: Prevents cosmetic formulas from pilling, separating, or breaking down by midday.\n\n\nTextured Dry Patches: Stops foundation, concealer, and powder from clinging to dry, flaky skin areas.\n\n\nRetinoid-Induced Flaking: Soothes, smooths, and calms the visible peeling and irritation caused by active retinoids, retinol, and cellular-turnover topicals.\n\n\nSurface Dehydration: Rehydrates tight, dull-looking skin, leaving a plump, radiant, and hydrated glow.\n\n\nHow to Apply Water Elixir in Your Skincare Routine\nFor optimal results, incorporate this liquid serum into your morning and evening professional skin prep routine:\n\n\nCleanse: Begin with thoroughly cleansed skin.\n\n\nApply Water Elixir: Pat a few drops of the milky liquid serum directly onto the face and neck as your immediate first hydration step.\n\n\nLayer: Follow with your targeted treatment serums, facial oils, or your primary moisturizer, such as Water Balm.\n\n\nAdvanced Cosmetic Chemistry \u0026amp;
19745 Key Ingredients\nThe efficacy of Water Elixir relies on a synergistic blend of pure botanical waters and advanced, bio-available moisture vectors:\n\n\nMulti-Molecular-Weight Sodium Hyaluronate: Cross-linked hyaluronic acid variants that penetrate multiple layers of the stratum corneum to lock in multi-level, long-lasting moisture.\n\n\nCeramide-Mimicking Lipid Complex: Utilizes Phytosteryl\/Octyldodecyl Lauroyl Glutamate, Sodium Dilauramidoglutamide Lysine, and Hydrogenated Lecithin to mimic natural intercellular lipids, repairing the skin barrier and preventing transepidermal water loss (TEWL).\n\n\nSkin-Identical Amino Acid Complex: Replenishes the skin's Natural Moisturizing Factors (NMF) to restore cellular elasticity, bounce, and suppleness.\n\n\nPremium Water Bases: Formulated with pure Mt. Fuji Spring Water and soothing Rosa Centifolia Flower Water to instantly calm reactivity.\n\n\nFormula Integrity \u0026amp; Specifications\n\n\nSkin Type Compatibility: Optimized for sensitive, severely dehydrated, mature, and aging skin types.\n\n\nFragrance Profile: 100% Fragrance-free with zero added perfume or artificial masking agents.\n\n\nTexture: Lightweight, milky, fast-absorbing liquid prep fluid.\n\n"
19746            },
19747{
19748              "@type": "ListItem",
19749              "position": 5,
19750              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19751              "name": "Water Oil Dual-Phase Skin Prep Face Serum-Oil",
19752              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/water_oil_white_background.png?v=1788044931\u0026width=1920",
19753              "description": "The Weightless Solution for Luminous Skin Prep and Facial Massage\nFoundation that looks flat, dry, or cakey by midday is frequently a skin barrier issue rather than a cosmetic failure. When the skin surface is undernourished, it absorbs light instead of reflecting it, causing your makeup to look dull, heavy, or patchy. Before replacing your foundation, look at how your skin canvas is prepped underneath.\nWater Oil is a dual-phase, weightless watery oil developed specifically for those who avoid traditional oils out of fear of heavy weight, a greasy film, or sudden breakouts. Suspended in a fluid watery base, it provides an exquisite cushion glide for facial massage tools and gua sha stones, absorbing completely to leave your skin looking supple and alive. It ensures your foundation settles smoothly into place with true depth instead of sitting flat on the surface.\nThe Lipid Bridge for Sensitive Skin Barriers\nA compromised skin barrier often lacks the vital protective lipids required to seal in hydration, leaving the surface vulnerable to flaking, irritation, and a tight, uncomfortable feel. Water Oil acts as a weightless lipid-replenishing bridge. By suspending biomimetic emollients within a fluid water layer, it introduces deep barrier reinforcement exactly where your skin canvas is most depleted. It works to soothe the look of temporary surface flushing and leaves the skin barrier feeling calm, comforted, and fully prepared to lock in subsequent hydration steps.\nThe Pure Alternative to Prestige Watery Oils\nMany high-end, luxury watery oils rely on heavy synthetic silicones, animal-derived bee products, and intense synthetic fragrances to simulate a weightless fluid glide. While these ingredients create a pleasant initial surface feel, they frequently form a suffocating, artificial film on the skin. This film traps heat, clogs delicate pores, and causes your liquid foundation to pill, ball up, or slide off by midday.\nWater Oil delivers a luxurious, professional-level cushion glide through a high-precision, silicone-free botanical matrix. By eliminating heavy synthetic fillers, honey derivatives, and volatile masking perfumes, it provides the weightless suppleness your skin canvas demands with none of the hidden barrier disruptions. It offers elite, prestige performance at a significantly smarter investment.\nWhy Skincare and Makeup Enthusiasts Love It:\n\n\nIntensive barrier support: Delivers critical skin-compatible lipids that mimic your own moisture structures, helping to reinforce the appearance of a resilient skin barrier against daily environmental stressors.\n\n\nWeightless lipid nourishment: Absorbs fully into the surface layer instead of sitting heavily on top, leaving your skin looking supple without a greasy or reflective finish under makeup.\n\n\nFriction protection: Provides a long-lasting cushion glide that safeguards vulnerable skin boundaries from physical pulling, dragging, or temporary redness during massage or tool application.\n\n\nSupple, dimensional finish: Pairs plant emollients with an oil-compatible peptide sequence to supp
19753ort the appearance of smoother, firmer skin texture, ensuring your cosmetics look dimensional instead of flat.\n\n\nKey Details:\n\n\nFormat: Dual-Phase Watery Face Oil\n\n\nBest For: All skin types, specifically calibrated for dry, combination, sensitive, and reactive skin boundaries\n\n\nUsage: Morning or evening application after water serums (Step 4: Glow)\n\n\nPurity Standards: Silicone-free, bee-product-free, alcohol-free, paraben-free, sulfate-free\n\n"
19754            },
19755{
19756              "@type": "ListItem",
19757              "position": 6,
19758              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19759              "name": "Intense Barrier Cream",
19760              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/intense_barrier_cream_barrier_moisturizer_and_skin_prep.png?v=1783782654\u0026width=1920",
19761              "description": "Intense Barrier Cream is a concentrated ceramide moisturizer that helps support your skin's compromised protective barrier while delivering comfort and visible results. Made in Japan with high levels of ceramides, cholesterol, and fatty acids in the precise ratio your barrier needs.\nWhat makes it different: Rich enough to provide intensive barrier support, yet lightweight enough to wear comfortably during the day. The gel-cream texture absorbs in 60 seconds without greasiness or heaviness - unlike typical barrier creams that feel medical-grade sticky.\nWorks everywhere you need it: Face, neck, décolleté, and delicate eye area. One cream replaces multiple products (moisturizer, neck cream, eye cream).\nWho needs this: People with chronically uncomfortable skin, persistent redness, products that sting, menopausal skin changes, or damage from over-exfoliation and harsh treatments. Ideal for sensitive, rosacea-prone, or barrier-compromised skin.\nWhat you'll notice: Skin feels immediately comfortable and soothed. Within 4-6 weeks, visible improvement in texture, redness, hydration retention, and overall skin comfort. Products stop stinging. Skin can tolerate active ingredients again.\nKey ingredients: Concentrated ceramide complex (NP, AP, EOP), clinical-strength niacinamide, cholesterol, fatty acids, shea butter, squalane, bisabolol.\nSafe for: All skin types when barrier is compromised. Fragrance-free, essential oil-free, pregnancy-safe, dermatologist-tested, non-comedogenic."
19762            },
19763{
19764              "@type": "ListItem",
19765              "position": 7,
19766              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19767              "name": "Japanese Cleansing Oil",
19768              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/sonia_roselli_japanese_cleansing_oil_pink_in_bottle.png?v=1783700558\u0026width=1920",
19769              "description": "The Cleanest One-Step Makeup Melt\nEngineered in modern Japanese cosmetics laboratories, this premium oil cleanser effortlessly liquefies water-resistant pigments, heavy silicone foundations, and industrial physical UV filters without stripping your natural skin barrier.\nWhy it is naturally pink\nThat beautiful, vibrant hue is 100% natural and comes straight from a high concentration of Vitamin B12. We do not use synthetic colorants, coal-tar derivatives, or artificial dyes. Vitamin B12 is a clinical powerhouse for reactive and rosacea-prone skin, recognized for its ability to soothe intense surface irritation, reduce redness, and support barrier recovery during your wash.\nWhy serious makeup wearers love it:\n\n\nZero Lash Loss: Glides over delicate eye areas to break down stubborn waterproof mascara polymers on contact. You can completely stop aggressively rubbing your eyelids with abrasive cotton pads or makeup wipes.\n\n\nMineral Oil-Free Purity: Swaps out cheap petroleum by-products for lightweight, non-comedogenic botanical lipids like safflower and jojoba seed oils. It dissolves oxidized sebum out of your pores and washes away completely clear, meaning it will not clog pores or trigger breakouts.\n\n\nClean Emulsification: Transforms into a light cleansing milk the moment it hits warm water. It rinses off entirely with water alone, acting as your makeup remover and facial cleanser combined into a single step. No greasy film left behind, and no cloudy or blurry vision.\n\n\nKey Details:\n\n\nFormat: Light Emulsifying Lipid Oil\n\n\nBest For: All skin types, specifically calibrated for sensitive, hyper-reactive, and rosacea-prone skin\n\n\nUsage: Daily evening use on completely dry skin\n\n\nOrigin: Formulated \u0026amp; Manufactured in Japan\n\n\nPurity Standards: Mineral oil-free, fragrance-free, sulfate-free, paraben-free, silicone-free\n\n"
19770            },
19771{
19772              "@type": "ListItem",
19773              "position": 8,
19774              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19775              "name": "Sexapeel™ Gommage Peeling Gel",
19776              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/Sexapeel_Gommage_Peeling_Gel_Gentle_Face_Exfoliator_for_Sensitive_Reactive_and_Makeup-Prep_Skin.jpg?v=1783357314\u0026width=1920",
19777              "description": "\nAn authentic Korean gommage peeling gel for face and sensitive skin...Product Description \nFormulated in South Korea, SexApeel Gommage Peeling Gel is a professional-grade facial exfoliator engineered for sensitive, reactive, and rosacea-prone skin.\nUnlike traditional face scrubs that use jagged nutshells that tear delicate skin, or harsh chemical acid peels that cause stinging and post-peel flaking, SexApeel uses gentle Korean gommage technology.\nNatural plant-derived cellulose and fruit enzymes (papaya, apple, and lemon) bind selectively to dead surface protein cells and excess oil, rolling them away into soft, visible micro-flakes in just 45 seconds.\nWhy You’ll Love It:\n\n\nFlawless Makeup Canvas: Eliminates dry micro-flakes on the nose, cheeks, and forehead so liquid foundation glides on seamlessly with zero caking, clinging, or pilling.\n\n\nZero Barrier Damage: Smooths rough, uneven skin texture without micro-tears, acid stinging, or flushing redness.\n\n\nHydrated \u0026amp; Soothed Base: Infused with soothing Aloe Vera, Chamomile, and Centella Asiatica to leave your fresh skin layer soft, calm, and plump after rinsing.\n\n\nKey Details:\n\n\nFormat: Smooth Gommage Gel\n\n\nBest For: All skin types, including sensitive, reactive, and rosacea-prone skin\n\n\nUsage: 1–2 times per week on dry skin\n\n\nOrigin: Formulated \u0026amp; Made in South Korea\n\n"
19778            },
19779{
19780              "@type": "ListItem",
19781              "position": 9,
19782              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19783              "name": "Skin Prep Brush: Skincare \u0026 Primer Application Brush",
19784              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/Skin_Prep_Brush.png?v=1784496664\u0026width=1920",
19785              "description": "Your skincare can only perform as well as it’s applied. The SkinPrep Brush ensures every cream, serum, and moisturizer is distributed evenly across your skin—without your fingers ever touching your face or your products.\nThis small but powerful tool helps you:\n\n\nUse less product while achieving better results\n\n\nApply skincare evenly for a smoother, more balanced complexion\n\n\nReduce contamination and breakouts caused by hand-to-face contact\n\n\nSupport your skin barrier by minimizing friction and over-rubbing\n\n\nCreate a spa-quality ritual you’ll actually look forward to\n\n\nIt’s not another gadget. It’s the missing professional step in your daily routine."
19786            },
19787{
19788              "@type": "ListItem",
19789              "position": 10,
19790              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19791              "name": "Hydration Heroes Facial Skin Prep Kit",
19792              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/hydration_heros_starter_kit.png?v=1784675284\u0026width=1920",
19793              "description": "Hydration Heroes Skin Prep Kit\nA two-step facial hydration and makeup-prep system for skin that feels tight, dehydrated, rough, or difficult under makeup. Water Elixir delivers lightweight hydration, while Water Balm helps seal in moisture and prepare the skin for smoother-looking makeup application.\nIncludes: Water Elixir + Water BalmKit price: $109Separate value: $130You save: $21\n\nFull Product Description\nWhen skin feels oily on the surface but tight underneath, adding more heavy creams is not always the answer. The Hydration Heroes Skin Prep Kit gives your skin two clear hydration steps without building an overly complicated routine.\nFirst, Water Elixir adds lightweight hydration to skin that feels depleted, tight, or uncomfortable. Then, Water Balm helps seal in that hydration while serving as your final moisturizer and makeup-prep step.\nTogether, they help simplify what goes underneath sunscreen, foundation, concealer, and other complexion products.\nInstead of layering several serums, moisturizers, facial oils, and primers, this two-product system gives each step a clear job:\n\n\nHydrate with Water Elixir\n\n\nSeal and prep with Water Balm\n\n\nThe result is skin that feels softer, more comfortable, and better prepared for makeup.\n\nThe Total Transformation\nBefore\nYour skin may feel:\n\n\nTight after cleansing\n\n\nDry underneath 
19793surface oil\n\n\nRough or uneven\n\n\nSticky from too many skincare layers\n\n\nDehydrated by midday\n\n\nDifficult to prepare for foundation\n\n\nOverloaded with serums, creams, oils, and primer\n\n\nYour makeup may:\n\n\nCatch on dry areas\n\n\nLook uneven\n\n\nSit on top of the skin\n\n\nSeparate over heavily layered skincare\n\n\nPill when too many products are applied\n\n\nLook dry even when your skin becomes oily later\n\n\nAfter\nWith a consistent two-step routine, skin can feel:\n\n\nMore hydrated\n\n\nSofter and more comfortable\n\n\nLess tight\n\n\nSmoother to the touch\n\n\nCushioned without unnecessary layers\n\n\nBetter prepared for sunscreen and makeup\n\n\nMakeup can appear:\n\n\nSmoother\n\n\nMore even\n\n\nLess heavy over dry-looking areas\n\n\nEasier to blend\n\n\nMore natural on the skin\n\n\nResults can vary depending on your skin, sunscreen, makeup formulas, product amounts, and application method.\n\n3 Key Benefits\n1. Replenishes Lightweight Hydration\nWater Elixir gives thirsty, dehydrated skin a lightweight hydration step without beginning the routine with a heavy cream.\nIt is designed for skin that may feel:\n\n\nTight\n\n\nDepleted\n\n\nUncomfortable\n\n\nDry underneath surface oil\n\n\nRough under makeup\n\n\nThis step helps reduce the urge to stack several hydrating serums before moisturizer.\n2. Seals In Moisture and Softens the Skin\nWater Balm follows Water Elixir to help seal in hydration and support softer, smoother-feeling skin.\nIt works as:\n\n\nYour moisturizer\n\n\nYour final skincare layer\n\n\nYour makeup-prep step\n\n\nWater Balm can reduce the need for a separate primer in many routines, helping simplify the number of products sitting underneath foundation.\n3. Creates a Simpler Makeup-Prep Routine\nToo many skincare and primer layers can create more opportunities for rolling, balling, lifting, or uneven makeup application.\nHydration Heroes gives you a clear order:\nWater Elixir → Water Balm → sunscreen → makeup\nFewer overlapping layers mean fewer products competing underneath your foundation.\nThis kit does not guarantee zero pilling or compatibility with every sunscreen and makeup formula. It creates a simpler routine with fewer potential conflict points.\n\nWhat Is Included\nWater Elixir\nA lightweight facial hydration step used before moisturizer.\nIts job:\n\n\nAdds lightweight hydration\n\n\nHelps skin feel less tight\n\n\nSupports softer, more comfortable skin\n\n\nPrepares the skin for Water Balm\n\n\nHelps simplify multiple serum steps\n\n\nUse it when:\n\n\nYour skin feels tight after cleansing\n\n\nYour skin becomes oily but still feels dehydrated\n\n\nYour makeup catches on dry-looking areas\n\n\nHeavy hydration products feel like too much\n\n\nYou want one clear hydration step\n\n\n\nWater Balm\nA moisturizer and final makeup-prep step used after Water Elixir.\nIts job:\n\n\nHelps seal in hydration\n\n\nSoftens the feel of dry or rough skin\n\n\nActs as the final moisturizer before sunscreen\n\n\nHelps prepare the skin for makeup\n\n\nCan reduce the need for a separate primer\n\n\nUse it when:\n\n\nYour skin needs moisture without a complicated routine\n\n\nFoundation looks uneven over your skincare\n\n\nYou are tired of layering moisturizer and primer\n\n\nYour skin feels tight underneath makeup\n\n\nYou want a repeatable morning routine\n\n\n\nWho It Is For\nHydration Heroes Skin Prep Kit is ideal for:\n\n\nDehydrated skin\n\n\nOily skin that still feels tight\n\n\nCombination skin\n\n\nDry-looking makeup texture\n\n\nSkin that feels tight after cleansing\n\n\nFoundation that catches on dry areas\n\n\nSkincare that feels too layered underneath makeup\n\n\nAnyone simplifying a long morning routine\n\n\nAnyone who wants hydration without several overlapping products\n\n\nPrimer-fatigued makeup wearers\n\n\n\nWho May Need a Different Routine\nThis kit may not be the best first step if your skin is:\n\n\nActively irritated\n\n\nRaw or painful\n\n\nBurning or stinging\n\n\nRecovering from aggressive exfoliation\n\n\nExperiencing a severe reaction\n\n\nExtremely dry and in need of a richer barrier-support routine\n\n\nDo not use skincare products on actively irritated or damaged skin without appropriate guidance.\n\nHow to Use\nMorning Routine\n\n\nBegin with clean skin.\n\n\nApply a small amount of Water Elixir.\n\n\nPress it gently into the skin.\n\n\nApply a thin layer of Water Balm.\n\n\nAllow Water Balm to settle.\n\n\nApply sunscreen according to its directions.\n\n\nAllow sunscreen to form its intended layer.\n\n\nApply makeup using light pressing or blending motions.\n\n\nRecommended order\nWater Elixir → Water Balm → sunscreen → makeup\nDo not skip sunscreen.\n\nEvening Routine\n\n\nRemove makeup and sunscreen.\n\n\nCleanse the skin.\n\n\nApply Water Elixir.\n\n\nFollow with Water Balm.\n\n\nRecommended order\nCleanse → Water Elixir → Water Balm\n\nMakeup-Prep Tips\nFor the best makeup application:\n\n\nUse thin layers\n\n\nAvoid applying more product than your skin needs\n\n\nPress skincare into the skin instead of repeatedly rubbing\n\n\nAllow Water Balm to settle before sunscreen\n\n\nAllow sunscreen to settle before makeup\n\n\nApply foundation with light pressing or blending motions\n\n\nAvoid repeatedly working over the same area\n\n\nTest one routine change at a time\n\n\nIf your makeup pills, do not replace every product at once.\nStart by checking:\n\n\nHow much skincare you applied\n\n\nWhether you used a separate primer\n\n\nWhether Water Balm had time to settle\n\n\nWhether sunscreen had time to form its layer\n\n\nWhether the pilling began before or after sunscreen\n\n\nWhether repeated rubbing disturbed the layers underneath\n\n\n\nCan Water Balm Replace Primer?\nFor many makeup routines, Water Balm can serve as the final moisturizer and makeup-prep step, reducing the need for a separate primer.\nA specialized primer may still be useful for someone seeking a specific makeup effect, such as:\n\n\nStrong mattifying\n\n\nPore filling\n\n\nAdded grip\n\n\nTargeted blurring\n\n\nWater Balm is not positioned as another layer to add on top of moisturizer and primer. Its purpose is to help simplify overlapping steps where appropriate.\n\nWhy This Kit Works as a System\
19793nEach product has a separate job.\nWater Elixir\nHydrates\nWater Balm\nSeals and prepares\nUsing them together creates a simple two-step system instead of asking one product to do everything.\nThis makes the routine easier to:\n\n\nUnderstand\n\n\nRepeat\n\n\nAdjust\n\n\nTravel with\n\n\nUse underneath makeup\n\n\nTroubleshoot when another formula changes\n\n\n\nFrequently Asked Questions\nIs this kit for dry skin?\nYes. It is designed for skin that feels dry, tight, depleted, or dehydrated.\nFor extremely dry or compromised skin, a richer barrier-support product may also be appropriate.\nIs this kit for oily skin?\nIt can be.\nSome oily skin is also dehydrated. You may notice oil on the surface while the skin still feels tight or uncomfortable underneath.\nWater Elixir provides lightweight hydration, while Water Balm helps seal it in.\nWill it make my skin greasy?\nUse thin layers and adjust the amount based on your skin.\nApplying too much of any skincare product can make the surface feel heavy or slow to settle.\nCan I use this under makeup?\nYes.\nThe kit is designed to hydrate and prepare the skin before sunscreen and makeup.\nWhat order do I use the products?\nUse:\nWater Elixir first, then Water Balm.\nIn the morning, follow with sunscreen before makeup.\nDo I still need sunscreen?\nYes.\nHydration Heroes does not replace sunscreen.\nDo I still need primer?\nNot always.\nWater Balm can serve as the final moisturizer and makeup-prep step for many routines. You may not need a separate primer unless you prefer one for a specific makeup finish.\nWill this stop all makeup pilling?\nNo product can guarantee zero pilling.\nPilling may involve:\n\n\nProduct amount\n\n\nApplication method\n\n\nSunscreen\n\n\nFoundation\n\n\nPrimer\n\n\nTiming\n\n\nSurface buildup\n\n\nFormula interaction\n\n\nThis kit helps simplify the products underneath makeup, creating fewer potential conflict points.\nCan I use this with vitamin C or other serums?\nIt may be used with other skincare products, but adding more layers can affect how the routine behaves under makeup.\nIntroduce one change at a time and follow the directions for each product.\nCan I use it with tretinoin or retinoids?\nFollow the directions provided with your treatment and consult your healthcare professional if you have questions about combining products.\nDo not apply products to actively irritated, raw, or painful skin.\nIs this a morning or evening kit?\nIt can be used morning and evening.\nIn the morning, finish with sunscreen.\nWhy You Will Love It\n\n\nTwo full-size products\n\n\nClear product order\n\n\nLightweight hydration\n\n\nMoisture-sealing support\n\n\nMakeup-prep benefits\n\n\nFewer overlapping skincare steps\n\n\nCan reduce the need for a separate primer\n\n\nEasy to use morning and evening\n\n\nSuitable for dry, combination, oily-but-dehydrated, and makeup-wearing customers\n\n\nFinal Product Summary\nThe Hydration Heroes Skin Prep Kit is a two-step facial hydration and makeup-prep routine featuring Water Elixir and Water Balm.\nWater Elixir provides lightweight hydration. Water Balm helps seal in moisture and acts as the final moisturizer and makeup-prep step.\nTogether, they help skin feel softer, smoother, and more comfortable while simplifying the products used underneath sunscreen and makeup.\nUse in this order:\nWater Elixir → Water Balm → sunscreen → makeup"
19794            },
19795{
19796              "@type": "ListItem",
19797              "position": 11,
19798              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19799              "name": "Sensitive Skin Prep Skincare Kit for Reactive Skin",
19800              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/sensitive_skin_skincare_kit.png?v=1784677089\u0026width=1920",
19801              "description": "Sensitive Skin Prep Kit\nBarrier-supporting skincare for sensitive, reactive-feeling skin.\nWhen your skin seems to react to everything, more is not the answer.\nThe Sensitive Skin Prep Kit is Sonia Roselli Beauty’s four-step skin prep routine for makeup wearers whose skin feels sensitive, reactive, dry, tight, or easily uncomfortable.\nIt layers hydration, nourishment, cushion, and richer moisture to help skin feel comfortable before makeup.\nNo exfoliation required.\n$195\nFree shipping on every order.\nCTA: Start With Sensitive Skin Prep\nIf your skin reacts to everything, start here.\nYou try something new.\nYour skin feels tight.\nSomething stings.\nYour face suddenly feels uncomfortable.\nSo you start taking things out of your routine.\nAnd exfoliation?\nThat can feel like the last thing you want to try again.\nWhen skin already feels reactive, I do not want you throwing more at it.\nStart with hydration.\nAdd nourishment.\nSupport the skin’s moisture barrier.\nGive your skin a routine that feels comfortable.\nThen add more only when your skin is ready.\nComfort first. Add later.\nWhat is the Sensitive Skin Prep Kit?\nThe Sensitive Skin Prep Kit is a four-product barrier-support skincare routine for makeup wearers with sensitive or reactive-feeling skin.\nIt includes:\nWater ElixirLightweight hydration for skin that feels dry, tight, or thirsty.\nWater OilNourishing facial oil that helps skin feel softer and more supple.\nWater BalmCushiony daily moisture that helps skin feel soft, hydrated, and comfortable.\nIntense Barrier CreamRicher moisture for skin that feels dry, stressed, or easily uncomfortable.\nAll four skincare products are made in Japan.\nTogether, they give sensitive-feeling skin a simple way to hydrate, nourish, moisturize, and support the skin barrier without making exfoliation the first step.\nSensitive skin needs a different kind of skin prep.\nYour foundation only knows the skin you put it on.\nIf that skin feels tight, dry, rough, or uncomfortable, makeup may not sit the way you want it to.\nFoundation can catch around dry-looking areas.\nIt can look patchy.\nIt can sit on top instead of looking like skin.\nAnd adding more makeup usually does not solve what is happening underneath it.\nThe Sensitive Skin Prep Kit starts with the skin.\nHydrate it.\nNourish it.\nGive it comfortable layers of moisture.\nThen apply your makeup.\nGreat skincare. Better makeup.\nWhat it does as 
19801skincare\nThe Sensitive Skin Prep Kit helps create a simple routine for skin that needs moisture and comfort.\nUse it to:\n\n\nHydrate dry or tight-feeling skin\n\n\nAdd nourishing moisture\n\n\nHelp skin feel soft and supple\n\n\nSupport the skin’s moisture barrier\n\n\nAdd richer moisture where skin needs more comfort\n\n\nSimplify your routine when everything else feels like too much\n\n\nNo aggressive routine.\nNo need to keep adding products because you think more must be better.\nStart with what your skin is asking for.\nWhy makeup wearers care\nSensitive skin prep is not about covering everything with more foundation.\nIt is about improving the canvas underneath it.\nWhen skin feels dry or uncomfortable, makeup can emphasize the areas you were trying to hide.\nIt may cling.\nLook heavy.\nOr make dry-looking texture more obvious.\nHydrated, comfortable-feeling skin gives your foundation a better surface to sit on.\nThe goal is not perfect skin.\nThe goal is skin that feels better before makeup ever touches it.\nAnd makeup that looks more like skin when it does.\nWhy there is no exfoliator in the Sensitive Skin Prep Kit\nBecause not everyone should start with exfoliation.\nIf your skin feels reactive or easily uncomfortable, adding another exfoliating step may not be what it needs right now.\nThe Sensitive Skin Prep Kit takes a barrier-first approach.\nStart with hydration.\nAdd nourishment.\nSupport comfortable-feeling skin.\nPay attention to how your skin responds.\nThen decide what comes next.\nYou do not need to force your skin through someone else’s routine.\nYour four-step sensitive skin prep routine\nStep 1: Water Elixir\nStart with lightweight hydration.\nWater Elixir gives dry or tight-feeling skin its first layer of hydration.\nUse it before your richer skincare to create a hydrated foundation for the rest of your routine.\nWhy makeup wearers care\nWhen skin feels thirsty, foundation can make that dryness more obvious.\nHydrating the skin first gives your makeup a better place to start.\nStep 2: Water Oil\nAdd nourishment.\nWater Oil adds a nourishing layer that helps skin feel softer and more supple.\nUse it when your skin is asking for more than water alone.\nWhy makeup wearers care\nDry-feeling skin can grab foundation in certain areas.\nAdding nourishment before makeup can help the skin underneath feel softer and more comfortable.\nStep 3: Water Balm\nAdd cushiony moisture.\nWater Balm gives skin another layer of hydration and moisture without turning skin prep into a complicated routine.\nSkin feels soft, cushioned, and comfortable.\nWhy makeup wearers care\nFoundation often looks different on properly hydrated skin.\nInstead of trying to fix dry-looking makeup with another layer of foundation, start underneath it.\nStep 4: Intense Barrier Cream\nSeal with richer moisture.\nIntense Barrier Cream gives dry, stressed-feeling skin a richer final layer of comfort.\nUse it when your skin needs more moisture than a lightweight routine can provide.\nWhy makeup wearers care\nIf foundation keeps catching around dry-looking areas, the answer may not be another foundation.\nYour skin may simply need more support underneath it.\nWho is the Sensitive Skin Prep Kit for?\nThis kit may be your starting point if you find yourself saying:\n“My skin reacts to everything.”\n“Everything feels like too much.”\n“My skin feels tight after I wash it.”\n“I am scared to exfoliate again.”\n“I never know what my skin is going to react to.”\n“My makeup looks worse when my skin feels irritated.”\n“I just want a simple place to start.”\nYou do not need a shelf full of products.\nYou need to understand what your skin is asking for.\nSensitive Skin Prep Kit vs. Makeup Prep Kit\nBoth are skincare for makeup wearers.\nThey solve different problems.\nChoose the Sensitive Skin Prep Kit if:\nYour biggest concern is how your skin feels.\nYour skin feels sensitive or reactive.\nIt feels dry or tight.\nIt becomes uncomfortable easily.\nYou are hesitant to exfoliate.\nYou want to focus on hydration, nourishment, moisture, and barrier support first.\nStart with comfort.\nChoose the Makeup Prep Kit if:\nYour biggest concern is how your makeup looks.\nFoundation sits on top of your skin.\nIt looks cakey.\nIt catches around flaky areas.\nIt looks like paint.\nYou want a simple routine that includes exfoliation, hydration, and moisture before makeup.\nStart with the canvas.\nWhy Sonia takes a different approach to reactive skin\nI have spent my career looking at skin before I ever reach for foundation.\nI am a licensed esthetician and celebrity makeup artist.\nI have worked on real faces since 1990.\nAnd I have reactive, rosacea-prone skin myself.\nSo I understand why trying a new product can feel like a gamble when your skin reacts easily.\nMore is not always better.\nSometimes the smartest thing you can do is simplify.\nHydrate.\nNourish.\nPay attention.\nThen decide what your skin actually needs next.\nThat is how I approach skin as a makeup artist.\nAnd it is how I approach my own.\nSkincare for makeup wearers\nSonia Roselli Beauty makes skincare for people who wear makeup.\nBecause skincare and makeup are not tw
19801o separate conversations.\nThe condition of your skin affects what happens when foundation, concealer, and powder go on top of it.\nThat is why our products are designed in two ways.\nThey have a job to do as skincare.\nAnd they have to make sense for someone who wears makeup.\nBecause makeup looks better when skin feels better.\nMade in Japan\nWater Elixir, Water Oil, Water Balm, and Intense Barrier Cream are all made in Japan.\nTogether, they make up Sonia Roselli Beauty’s sensitive skin prep routine.\nFour skincare steps.\nOne clear purpose.\nHydrate, nourish, moisturize, and support skin that needs a gentler place to start.\nFrequently Asked Questions\nWhat is the Sonia Roselli Sensitive Skin Prep Kit?\nThe Sensitive Skin Prep Kit is a four-product skincare routine for makeup wearers whose skin feels sensitive, reactive, dry, tight, or easily uncomfortable.\nIt includes Water Elixir, Water Oil, Water Balm, and Intense Barrier Cream.\nThe routine focuses on hydration, nourishment, moisture, comfort, and barrier support rather than beginning with exfoliation.\nWhat products are included in the Sensitive Skin Prep Kit?\nThe Sensitive Skin Prep Kit includes four full-size Sonia Roselli Beauty skincare products:\nWater Elixir\nWater Oil\nWater Balm\nIntense Barrier Cream\nAll four products are made in Japan.\nIs this a barrier support skincare kit?\nYes.\nBarrier support is an important part of the Sensitive Skin Prep Kit.\nThe routine combines lightweight hydration, nourishing oil, cushiony moisture, and richer moisture for skin that feels dry, stressed, sensitive, or reactive.\nIs the Sensitive Skin Prep Kit for sensitive skin?\nThe Sensitive Skin Prep Kit is Sonia Roselli Beauty’s skin prep route for people whose skin feels sensitive or reactive.\nIf you have a diagnosed skin condition or known ingredient sensitivities, review the individual ingredient lists and speak with your qualified skincare or medical professional when appropriate.\nIs the Sensitive Skin Prep Kit safe for rosacea?\nWe do not make medical claims about rosacea.\nSonia personally has reactive, rosacea-prone skin, and her experience with reactive skin informs how she approaches skincare.\nIf you have rosacea or another diagnosed skin condition, review the individual product ingredients and speak with your dermatologist or qualified medical professional about what is appropriate for your skin.\nDoes the Sensitive Skin Prep Kit include an exfoliator?\nNo.\nThe Sensitive Skin Prep Kit does not include Sexapeel.\nThis routine is designed to give reactive-feeling skin a barrier-first starting point with hydration, nourishment, and moisture.\nExfoliation can be considered later based on what your skin tolerates.\nCan I use the Sensitive Skin Prep Kit before makeup?\nYes.\nThe products are skincare first, but the routine was designed with makeup wearers in mind.\nHydrated, comfortable-feeling skin creates a better canvas for foundation and concealer than skin that feels dry, tight, or stressed.\nIs the Sensitive Skin Prep Kit a makeup primer?\nNo.\nThe Sensitive Skin Prep Kit is skincare.\nIt hydrates, nourishes, moisturizes, and supports the skin underneath your makeup.\nThat skin prep can help create a better surface before foundation and concealer are applied.\nWhat is the difference between the Sensitive Skin Prep Kit and the Makeup Prep Kit?\nThe Sensitive Skin Prep Kit is designed for people whose main concern is sensitive, reactive, dry, tight, or easily uncomfortable skin.\nIt does not include exfoliation.\nThe Makeup Prep Kit is designed for people whose main concern is foundation that looks cakey, flaky, heavy, or like it is sitting on top of the skin.\nIt includes exfoliation as part of the prep routine.\nWhat was the Barrier Support Skincare Kit?\nSensitive Skin Prep Kit is the current name for Sonia Roselli Beauty’s sensitive-skin, barrier-support skin prep routine.\nThe new name makes its purpose clearer.\nIt is skincare designed for makeup wearers who need a gentler place to start.\nHow much is the Sensitive Skin Prep Kit?\nThe Sensitive Skin Prep Kit is $195.\nFree shipping is included on every Sonia Roselli Beauty order.\nWhen your skin says enough, listen.\nYou do not need another aggressive step.\nYou do not need to force exfoliation.\nAnd you do not need to keep buying products hoping the next one will finally make sense.\nStart with hydration.\nAdd nourishment.\nSupport the skin underneath your makeup.\nLearn what your skin likes.\nThen add more when it makes sense.\nSensitive Skin Prep Kit\nFour Japanese-made skincare essentials for sensitive, reactive-feeling skin and the makeup that goes on top of it.\n$195\nFree shipping on every kit order.\nCTA: Start With Sensitive Skin Prep"
19802            },
19803{
19804              "@type": "ListItem",
19805              "position": 12,
19806              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19807              "name": "Skin Prep Starter Kit – Exfoliate, Hydrate, Seal",
19808              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/the_skin_prep_starter_kit.png?v=1784675085\u0026width=1920",
19809              "description": "Skin Prep Starter Kit\nFormulated by Esthetician and pro makeup artist Sonia Roselli with 35 years of experience.\n✔ 30-Day Money-Back Guarantee   ✔ Free shipping on all orders $75+\nProduct Description\nThe clearest fix for foundation that pills, settles, or looks cakey by noon: exfoliate, hydrate, seal — in that order. Sexapeel Gommage removes the buildup causing texture and patchiness. Water Elixir hydrates the dehydration causing settling. Water Balm seals it all in and replaces your primer. Three steps, one real logic, better makeup every day.\nKey Ingredients\n\n\nMandelic Acid \u0026amp;
19809 PHAs (Gommage) — gently lift dead skin and buildup for a smoother canvas\n\nPalmitoyl Tripeptide-5 (Elixir \u0026amp; Balm) — supports firmer, smoother-looking skin over time\n\nHyaluronic Acid \u0026amp; Amino Acids (Elixir) — flood skin with lasting hydration\n\nCeramide 3 (Balm) — supports a more comfortable, resilient-feeling barrier\n\nHydrolyzed Silk (Balm) — smooths texture for a second-skin makeup finish\n\nFull Ingredients\nSexapeel Gommage Peeling Gel: Water, Butylene Glycol, Carbomer, Mandelic Acid, Gluconic Acid, Lactobionic Acid, Hyaluronic Acid, Moringa Oleifera Seed Oil, Squalane, Aloe Vera Extract, Hydrolyzed Collagen, Propanediol, Sodium Hydroxide, Sodium Chloride, 1,2-Hexanediol, Disodium EDTA, Phenoxyethanol.\nWater Elixir: Water, Glycerin, Butylene Glycol, Rosa Centifolia Flower Water, Pentylene Glycol, Phytosteryl\/Octyldodecyl Lauroyl Glutamate, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Palmitoyl Tripeptide-5, Hydrogenated Lecithin, Malic Acid, Sodium Dilauramidoglutamide Lysine, Prunus Mume Fruit Extract, Sodium PCA, Betaine, Sorbitol, Glycine, Alanine, Proline, Serine, Threonine, Arginine, Lysine, Glutamic Acid, Glycosyl Trehalose, Hydrogenated Starch Hydrolysate, Sodium Hyaluronate, Oryza Sativa (Rice) Lees Extract, Lactobacillus\/Soymilk Ferment Filtrate, Glycine Max (Soybean) Seed Extract, Hydrolyzed Silk, Xanthan Gum, Polyglyceryl-10 Laurate, Tocopherol, 1,2-Hexanediol, Disodium Succinate, Phenoxyethanol.\nWater Balm: Water, Butylene Glycol, Dimethicone, Cetyl Ethylhexanoate, Glycerin, Rosa Damascena Flower Water, Cyclopentasiloxane, Dimethicone\/PEG-10\/15 Crosspolymer, Betaine, Serine, Sodium PCA, Hydrolyzed Silk, Behenyl Alcohol, Sorbitol, Oryza Sativa (Rice) Lees Extract, Polyglyceryl-10 Pentastearate, Saxifraga Sarmentosa Extract, Glycosphingolipids, Ginkgo Biloba Leaf Extract, Acer Saccharum Extract, Hydrolyzed Rice Extract, Lactobacillus\/Soy Milk Ferment Filtrate, Camellia Sinensis Leaf Extract, Sodium Stearoyl Lactylate, Ceramide 3, Glycine, Prunus Persica Leaf Extract, Glutamic Acid, Hydrogenated Lecithin, Glycine Soja Seed Extract, Alanine, Arginine, Lysine, Natto Gum, Threonine, Lysolecithin, Proline, Prunus Mume Fruit Extract, Sodium Chloride, Phenoxyethanol.\nReturn Policy\nNot the right fit? Return it within 30 days for a full refund. No questions asked.\nFor Better Results\nReady to build out your full routine?\n\n\nComplete Makeup Prep Kit (Primary Upgrade) — Adds Wrinkle Smoothing Peptide Eye Gel for a dedicated eye-area solution.\n\nPro Makeup Prep Kit (Pro Upgrade) — Adds Water Oil, Eye Gel, and a complimentary Skin Prep Brush.\n\nHow to Use the Essential Makeup Prep Kit\n\n\nExfoliate. Sexapeel Gommage, 1–3x\/week, to remove the buildup causing texture and patchiness.\n\nHydrate. Water Elixir, morning and night, to fix the dehydration causing settling.\n\nSeal. Water Balm, morning and night, to lock it in and prep for makeup.\n\nFAQ\nWhy does this sequence — exfoliate, hydrate, seal — actually matter?Makeup problems like pilling, settling, and cakey texture trace back to two causes: dead skin buildup and dehydration. This kit removes the buildup, fixes the dehydration, then seals it all in — addressing both root causes in one purchase.\nWill this stop my foundation from settling into fine lines?Yes. Removing buildup and hydrating skin first gives foundation an even, hydrated surface to sit on instead of clinging to dry patches or texture.\nHow long until I see results?Skin feels smoother and more hydrated immediately. The exfoliation benefit builds over 3–4 weeks of consistent use — this is a daily-better routine, not a one-time fix.\nIs this kit safe for sensitive or rosacea-prone skin?Yes. All three products are formulated for reactive, sensitive, and rosacea-prone skin. The Gommage Gel is fragrance-free.\nHow often do I use each product?Sexapeel Gommage: 1–3x\/week. Water Elixir and Water Balm: daily, morning and night.\nWhat's the difference between this and the Complete Makeup Prep Kit?The Complete Makeup Prep Kit adds the Wrinkle Smoothing Peptide Eye Gel, specifically for concealer that creases or settles into fine lines around the eyes.\nDo I need a separate primer if I use this kit?No. Water Balm is formulated to replace a separate primer step, on top of hydrating and prepping skin.\nHow much do I save with this kit?$172 retail value for $163 — a $9 savings, with more available on Auto Replenish.\nI already own some of these products — should I still buy the kit?If you're missing just one or tw
19809o, buying individually may make more sense. This kit is built for starting the full three-step system at once.\nCan I use Sexapeel Gommage and Water Elixir on the same day?Yes — on exfoliation nights, use Sexapeel Gommage first, then follow with Water Elixir and Water Balm."
19810            },
19811{
19812              "@type": "ListItem",
19813              "position": 13,
19814              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19815              "name": "Overnight Recovery Kit",
19816              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/overnight_skin_prep_kit.png?v=1786662045\u0026width=1920",
19817              "description": "\nThe best makeup skin prep starts the night before.\n\nIf you wake up with skin that looks dull, feels tight, or makes makeup harder than it should be, your nighttime routine may be missing the right layers. This five-step evening ritual cleanses, hydrates, nourishes, comforts, and seals in moisture so skin feels softer, smoother, and better prepared for morning.\nWake up to skin that feels like you actually did your skincare.\nYou did your routine last night.\nSo why does your skin still feel tight in the morning?\nWhy does it look dull?\nWhy does foundation still grab onto dry areas and make your skin look worse?\nMore products are not necessarily the answer.\nThe right nighttime layers, in the right order, are.\nThe Overnight Recovery Kit is the complete five-step evening routine I recommend when you want your nighttime skincare to actually show up in the way your skin looks and feels the next morning.\nCleanse. Hydrate. Smooth the look of the eye area. Add nourishing lipids. Seal it all in.\nThen go to bed.\nBy morning, skin feels softer, more comfortable, and better prepared for whatever comes next. Including makeup.\nWhy nighttime matters for your makeup\nMost people think skin prep starts five minutes before foundation.\nIt does not.\nSome of the best makeup prep happens the night before.\nWhen skin feels dry, tight, or rough in the morning, foundation has a harder surface to sit on. It can catch on dry-looking areas. Concealer can make the under-eye look more textured. Makeup can look heavier than you wanted.\nA thoughtful evening routine gives your skin a better starting point.\nYou wake up with skin that feels more comfortable and looks smoother. Morning prep gets easier. Makeup has a better canvas.\nThe five-step evening routine\n1. Japanese Cleansing OilMelts away makeup, SPF, and the day’s buildup without leaving skin feeling stripped.\nThis is where the routine starts. You cannot properly layer skincare over yesterday.\n2. Water ElixirA lightweight hydrating essence with multi-weight hyaluronic acid, nano ceramides, amino acids, and Japanese Onsen minerals.\nIt gives skin the water it has been asking for without leaving a heavy, sticky layer behind.\n3. Wrinkle Smoothing Peptide Eye GelA peptide-rich eye gel that hydrates and helps the under-eye look smoother.\nUse it at night as your dedicated eye step. In the morning, a smoother-looking, well-hydrated under-eye gives concealer a better surface to sit on.\n4. Water OilA lightweight facial oil with squalane, sea buckthorn, rice bran oil, ceramides, fatty acids, and an oil-compatible peptide.\nThis is the nourishing step for skin that can still feel dry even after you moisturize.\nIt adds the lipid-rich layer that water alone cannot provide.\n5. Intense Barrier CreamThe richest step in the routine.\nIt surrounds skin in lasting moisture and helps support a softer, more comfortable-looking moisture barrier overnight.\nThis is why Water Balm is not included in this kit. Intense Barrier Cream takes the final sealing position in this dedicated evening routine.\nThis kit is for you if...\nYou wake up and your skin still feels tight.\nYour face looks dull in the morning even though you used skincare the night before.\nFoundation tends to catch on dry-looking areas.\nYour under-eye looks more textured once concealer goes on.\nYour skin needs more than a lightweight moisturizer at night.\nYou are tired of buying individual products without knowing what order to use them in.\nYou want one complete nighttime routine instead of another shelf full of experiments.\nWhat makes this different from buying another night cream?\nA night cream is one step.\nThis is the routine around it.\nYou first remove makeup, SPF, and buildup.\nThen you add hydration.\nThen targeted eye care.\nThen nourishing oils and lipids.\nThen you finish with richer moisture.\nEach product has a job. Each layer has a place.\nThat is the difference between owning skincare and having a rout
19817ine that makes sense.\nHow to use the Overnight Recovery Kit\nUse every evening in this order:\nStep 1: Massage Japanese Cleansing Oil onto dry skin to dissolve makeup, SPF, and buildup. Add water to emulsify, then rinse.\nStep 2: Apply Water Elixir to freshly cleansed skin.\nStep 3: Gently tap Wrinkle Smoothing Peptide Eye Gel around the orbital area with your ring finger.\nStep 4: Press Water Oil into the face and neck.\nStep 5: Finish with Intense Barrier Cream to seal in your nighttime layers.\nThat’s it.\nNo twelve-step routine required.\nThe morning payoff\nThe goal is not to wake up looking like someone else.\nIt is to wake up and notice that your own skin feels better.\nSofter.\nMore comfortable.\nLess tight.\nSmoother-looking.\nAnd when you wear makeup, you begin with a better canvas before foundation ever touches your face.\nCreated from 35 years of working on real faces\nI have been a professional makeup artist since 1990 and I am a licensed esthetician.\nAfter working on thousands of faces, I learned something the beauty industry tends to separate into two different conversations.\nSkincare and makeup affect each other.\nThe condition of the skin underneath changes how makeup looks on top.\nThat is why I do not start with foundation.\nI start with the skin.\nThe Overnight Recovery Kit brings that same professional thinking into your nighttime routine. Five products. A specific order. A clear reason for every step.\nWhat’s included\nJapanese Cleansing OilRemoves makeup, SPF, and daily buildup.\nWater ElixirLightweight hydration and moisture support.\nWrinkle Smoothing Peptide Eye GelHydrates and smooths the look of the eye area.\nWater OilAdds lightweight nourishment for softer, more supple-looking skin.\nIntense Barrier CreamFinishes the routine with rich, lasting moisture and barrier support.\nA note about fragrance\nWater Elixir, Water Oil, Wrinkle Smoothing Peptide Eye Gel, and Intense Barrier Cream are fragrance-free.\nJapanese Cleansing Oil is not fragrance-free. Its noticeable scent comes from eucalyptus, bergamot, and citrus ingredients in the formula.\nOne routine. One decision.\nGo to bed with the routine handled. Wake up with a better canvas.\n "
19818            },
19819{
19820              "@type": "ListItem",
19821              "position": 14,
19822              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19823              "name": "The Complete Skin Prep System",
19824              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/complete-barrier-support-skincare-system-collection.png?v=1767745470\u0026width=1920",
19825              "description": "SKINCARE FOR MAKEUP WEARERS\nComplete Skin Prep System\nDone experimenting? This is the whole system.\nIf you keep changing foundation but seeing the same cakiness, flaking, pilling or makeup that seems to sit on top of your skin, your makeup may not be the problem.\nYour skin prep may be.\nThe Complete Skin Prep System gives you every Sonia Roselli skincare formula in one purchase.\nCleanse. Smooth. Hydrate. Nourish. Prep the eyes. Add richer moisture when you need it.\nNo more trying to figure out what you are missing.\nGreat skincare. Better makeup.\n8 full-size skincare products + complimentary Skin Prep Brush\nCTA: Get the Complete System\n\nBefore You Buy Another Foundation\nYou changed the foundation.\nThen the concealer.\nThen the powder.\nMaybe you added another skincare product underneath all of it.\nAnd somehow your makeup still looks like makeup.\nIt catches around your nose.\nLooks cakey by noon.\nSettles into every line.\nPills over your skincare.\nOr sits on top of your face instead of looking like skin.\nBefore you buy another foundation, look underneath it.\nThe Complete Skin Prep System gives you the full Sonia Roselli approach to preparing skin for makeup.\nNot another random product.\nThe system.\n\nOne System. Every Sonia Roselli Skincare Formula.\nThis is the flagship Sonia Roselli Beauty skincare system.\nIt includes all eight full-size skincare formulas, plus a complimentary Skin Prep Brush.\nEach product has its own job.\nTogether, they give you the flexibility to prep your skin based on what it actually needs that day.\nBecause professional skin prep is not about putting everything on your face at once.\nIt is about knowing what to reach for.\n\nMeet the Complete Skin Prep System\
19825nJapanese Cleansing Oil\nMELT\nWhat it does for your skin:Melts away makeup, sunscreen and daily buildup while leaving skin feeling comfortable.\nWhy makeup wearers care:Tomorrow's makeup starts with what you take off tonight. A thorough cleanse gives you a fresh surface for the skincare and makeup that come next.\nMade in Japan.\nJapanese Cleansing Oil is not fragrance-free.\n\nSexapeel Gommage Peeling Gel\nSMOOTH\nWhat it does for your skin:Helps lift away surface buildup so rough or flaky-feeling skin feels smoother.\nWhy makeup wearers care:Foundation can catch on flaky-looking areas and uneven-feeling texture. Smooth the surface instead of trying to cover it with more foundation.\nMade in Korea.\nFragrance-free.\n\nSexapeel Instant Exfoliation Spray\nTARGET\nWhat it does for your skin:A quick exfoliation option for face and body when you want to remove visible surface buildup and help rough areas feel smoother.\nWhy makeup wearers care:Skin prep does not stop at the jawline. Use it where appropriate when you want smoother-feeling skin before body makeup, self-tanner or other body products.\nMade in Korea.\nNot fragrance-free.\nNot for sensitive skin.\n\nWater Elixir\nDRENCH\nWhat it does for your skin:Adds lightweight hydration when skin feels like it needs more water without another heavy layer.\nWhy makeup wearers care:When skin feels properly hydrated, foundation and concealer have a more comfortable surface to sit on.\nMade in Japan.\n\nWrinkle Smoothing Peptide Eye Gel\nEYE PREP\nWhat it does for your skin:Hydrates and preps the delicate eye area.\nWhy makeup wearers care:The under-eye area is often where makeup starts looking heavy first. Prep it before reaching for more concealer or powder.\n\nWater Oil\nNOURISH\nWhat it does for your skin:Adds nourishing oils so skin feels softer and more supple.\nWhy makeup wearers care:Use it when skin needs extra richness and slip before makeup instead of adding another heavy layer of complexion product.\nMade in Japan.\n\nWater Balm\nSEAL\nWhat it does for your skin:Cushiony daily moisture that helps skin feel soft, hydrated and comfortable.\nWhy makeup wearers care:Water Balm helps finish your skin prep so foundation goes onto skin that feels properly moisturized.\nThis is skincare first.\nYour makeup gets the benefit.\nMade in Japan.\n\nIntense Barrier Cream\nCOMFORT\nWhat it does for your skin:Richer moisture for the days or areas where skin feels dry, stressed or like it needs more comfort.\nWhy makeup wearers care:Not every part of your face needs the same prep. Use richer moisture where you need it instead of asking foundation to hide dry-looking areas.\nMade in Japan.\n\nPlus a Complimentary Skin Prep Brush\nYour Complete Skin Prep System includes a complimentary Skin Prep Brush.\nUse it when you want a soft, even application of compatible skin prep products.\nThe brush is the bonus.\nThe complete skincare system is the reason to buy.\n\nYou Do Not Use Everything Every Day\nThis part matters.\nBuying the complete system does not mean putting eight products on your face every morning.\nMore is not better.\nThe point is having the right options when your skin changes.\nSome mornings you may 
19825need hydration and moisture.\nOther days you may want additional nourishment.\nThe eye area may need something different from the rest of your face.\nAnd exfoliation is something you use when appropriate, not simply because it is sitting on your bathroom counter.\nThe Complete Skin Prep System gives you the whole wardrobe.\nYou choose what your skin needs.\n\nThe Sonia Roselli Skin Prep Method\n1. MELT\nStart with Japanese Cleansing Oil to remove makeup, sunscreen and daily buildup.\n2. SMOOTH\nUse Sexapeel Gommage Peeling Gel when the face needs exfoliation.\nSexapeel Instant Exfoliation Spray gives you another exfoliation option for face and body, but it is not for sensitive skin.\n3. DRENCH\nLayer Water Elixir when your skin needs lightweight hydration.\n4. NOURISH\nAdd Water Oil when your skin wants more richness and slip.\n5. SEAL\nFinish with Water Balm.\nReach for Intense Barrier Cream when you want richer moisture and comfort.\nEYE PREP\nUse Wrinkle Smoothing Peptide Eye Gel when the eye area needs its own hydration step before concealer.\nThen give your skincare a moment to settle.\nApply SPF as appropriate during the day.\nThen makeup.\n\nThe Goal Is Not More Skincare\nIt is better prep.\nWhen skin feels rough, piling foundation over it does not make the texture disappear.\nWhen skin feels thirsty, another layer of powder is not always the answer.\nWhen concealer looks heavy under the eyes, more concealer can make the problem more obvious.\nThe Complete Skin Prep System gives you another way to approach those makeup problems.\nStart with the skin.\nThen decide what the makeup actually needs.\n\nWhat You May Notice\nWith the right routine for your skin, it may feel:\nSofter.\nSmoother.\nMore hydrated.\nMore comfortable.\nAnd when makeup goes on, foundation and concealer can look smoother and less heavy on properly prepped skin.\nYou may even discover that you need less makeup than you thought.\nNot because your foundation suddenly changed.\nBecause the skin underneath it did.\n\nThis Is Not Where Everyone Needs to Start\nIf you are new to Sonia Roselli Beauty and only want the essential face-prep steps, start with a smaller skin prep kit.\nIf you already own several Sonia Roselli products, fill the gaps in your routine instead of buying duplicates.\nBut if you are done buying one product at a time...\nDone trying to figure out what is missing...\nAnd ready to have the entire Sonia Roselli skincare system available when you need it...\nThis is it.\nOne purchase.\nThe whole system.\n\nCreated by a Makeup Artist Who Starts With Skin\nSonia Roselli has worked as a professional makeup artist since 1990.\nShe is also a licensed esthetician, complexion expert and skincare product developer.\nThat combination matters.\nBecause when makeup does not look right, Sonia does not automatically blame the foundation.\nShe looks at the skin underneath it.\nHow it feels.\nWhere it looks dry.\nWhere makeup is catching.\nWhat the eye area needs.\nWhether the skin needs hydration, nourishment, exfoliation or simply fewer layers.\nSonia also has reactive, rosacea-prone skin herself.\nThe Complete Skin Prep System brings that decades-long point of view home.\nGreat skincare. Better makeup.\n\nMade in Japan + Korea\nThe Complete Skin Prep System brings together Sonia Roselli Beauty's Japanese and Korean skincare formulas.\nMade in Korea:Sexapeel Gommage Peeling GelSexapeel Instant Exfoliation Spray\nMade in Japan:Japanese Cleansing OilWater ElixirWater OilWater BalmIntense Barrier Cream\nCountry-of-origin copy for the Wrinkle Smoothing Peptide Eye Gel should be added once the current source-of-truth is confirmed.\n\nFrequently Asked Questions\nWhat is the Complete Skin Prep System?\nThe Complete Skin Prep System is Sonia Roselli Beauty's flagship skincare system for makeup wearers.\nIt contains every full-size Sonia Roselli skincare formula in one purchase, plus a complimentary Skin Prep Brush.\nIt is designed for the customer who wants the complete system instead of continuing to buy products one at a time.\n\nIs this skincare or makeup prep?\nBoth, but skincare comes first.\nEvery formula has a skincare job.\nThe reason makeup wearers care is simple: foundation and concealer sit on top of your skin.\nHow your skin feels and how you prepare it can affect how your makeup looks.\nThat is why Sonia Roselli Beauty is skincare for makeup wearers.\n\nIs this a primer kit?\nNo.\nThe Complete Skin Prep System is skincare.\nIt cleanses, exfoliates, hydrates, nourishes and moisturizes the skin.\nThose skincare steps also prepare the surface before complexion makeup.\n\nDoes the C
19825omplete Skin Prep System include full-size products?\nYes.\nIt contains all eight full-size Sonia Roselli skincare formulas plus a complimentary Skin Prep Brush.\n\nDo I use all eight products every day?\nNo.\nThe Complete Skin Prep System gives you options.\nChoose the products that make sense for what your skin needs that day.\nYou do not need to layer every formula every time you do your skincare.\n\nIs the Complete Skin Prep System for sensitive skin?\nDo not assume every product in the system is appropriate for sensitive skin.\nSexapeel Instant Exfoliation Spray is not for sensitive skin.\nIf your skin feels reactive, simplify your routine and introduce products thoughtfully rather than using every step at once.\n\nIs the Complete Skin Prep System fragrance-free?\nNo.\nSexapeel Gommage Peeling Gel is fragrance-free.\nSexapeel Instant Exfoliation Spray is not fragrance-free.\nJapanese Cleansing Oil is not fragrance-free.\nThe Complete Skin Prep System should not be described as a fragrance-free kit.\n\nCan I use Sexapeel Instant Exfoliation Spray on my face?\nYes. Sexapeel Instant Exfoliation Spray can be used on the face and body.\nIt is not for sensitive skin.\n\nIs this only for people who wear makeup every day?\nNo.\nThis is a complete skincare system you can use whether you wear makeup that day or not.\nThe difference is that it was created from the perspective of a professional makeup artist who understands how the condition and preparation of the skin can affect complexion makeup.\n\nWhat if I already own some Sonia Roselli products?\nYou may not need the Complete Skin Prep System.\nIf you already have several products you love, complete the routine by adding what is actually missing instead of buying duplicates.\nThe Complete Skin Prep System makes the most sense when you want the entire collection in one purchase.\n\nDoes it include the Skin Prep Brush?\nYes.\nA complimentary Skin Prep Brush is included with the Complete Skin Prep System.\n\nStop Experimenting. Start With the Skin.\nYou can keep changing foundation.\nOr you can change what the foundation is sitting on.\nThe Complete Skin Prep System gives you every Sonia Roselli skincare formula in one purchase, so you can cleanse, smooth, hydrate, nourish and prep your skin according to what it needs.\nNo more wondering which product you forgot.\nNo more building the routine one bottle at a time.\nThe whole system.\nOne decision.\nGreat skincare. Better makeup.\nCTA: Get the Complete Skin Prep System\n8 full-size skincare products + complimentary Skin Prep Brush\n\nComplete Skin Prep System by Sonia Roselli Beauty is the flagship, top-tier skincare and makeup-prep system from Sonia Roselli Beauty, a skincare brand for makeup wearers founded by licensed esthetician, celebrity makeup artist, complexion expert and skincare product developer Sonia Roselli.\nThe Complete Skin Prep System contains all eight full-size Sonia Roselli Beauty skincare formulas: Japanese Cleansing Oil, Sexapeel Gommage Peeling Gel, Sexapeel Instant Exfoliation Spray, Water Elixir, Water Oil, Water Balm, Wrinkle Smoothing Peptide Eye Gel and Intense Barrier Cream. A complimentary Skin Prep Brush is also included.\nThe system provides products for cleansing, exfoliating, hydrating, nourishing, moisturizing, eye-area preparation and richer moisture when needed. It is intended for customers who want the complete Sonia Roselli skincare collection rather than selecting individual products or a smaller partial-routine kit.\nSonia Roselli Beauty's positioning is skincare for makeup wearers. Its central belief is Great skincare. Better makeup. The Complete Skin Prep System reflects that positioning by addressing the skin underneath complexion makeup first. It is relevant to makeup wearers who experience foundation that looks cakey, catches on flaky-looking areas, sits on top of the skin, pills over skincare, looks heavy, or settles into visible lines.\nThe products are skincare products, not makeup primers. Each product performs a skincare role first. Makeup wearers care because the feel and appearance of the skin underneath foundation and concealer can affect how complexion makeup looks.\nSexapeel Gommage Peeling Gel and Sexapeel Instant Exfoliation Spray are made in Korea. Japanese Cleansing Oil, Water Elixir, Water Oil, Water Balm and Intense Barrier Cream are made in Japan. Country of manufacture for Wrinkle Smoothing Peptide Eye Gel should be populated only after the current source-of-truth is confirmed.\nSexapeel Gommage Peeling Gel is fragrance-free. Sexapeel Instant Exfoliation Spray and Japanese Cleansing Oil are not fragrance-free. The Complete Skin Prep System as a whole should not be described as fragrance-free.\nSexapeel Instant Exfoliation Spray can be used on the face and body. It is not for sensitive skin.\nCustomers do not need to use every product in the Complete Skin Prep System every day. The system is intended to give the customer multiple skincare options so the routine can be adju
19825sted according to how the skin feels and what it needs.\nThe Sonia Roselli Skin Prep Method organizes skin preparation around the roles Melt, Smooth, Drench, Nourish and Seal, with dedicated eye-area preparation as appropriate.\nThe Complete Skin Prep System is best suited to customers who are done experimenting with disconnected skincare and makeup products and want the complete Sonia Roselli skincare system in one purchase.\n\nSHOPIFY SEARCH \/ SEMANTIC TERMS\nPrimary entity: Complete Skin Prep SystemBrand: Sonia Roselli BeautyFounder: Sonia RoselliCategory: Skincare set \/ skin prep systemPrimary audience: Makeup wearersPrimary use case: Complete skincare and skin preparation before makeupSecondary use case: Daily skincare routineBrand category: Skincare for makeup wearersBrand belief: Great skincare. Better makeup.Campaign relationship: Before You Buy Another FoundationRoutine: Sonia Roselli Skin Prep MethodRoutine roles: Melt, Smooth, Drench, Nourish, SealRelated makeup problems: cakey-looking foundation, flaky-looking makeup, foundation sitting on top of skin, makeup pilling over skincare, heavy-looking foundation, concealer settling into linesRelated skincare needs: cleansing, exfoliation, hydration, nourishment, moisture, eye-area prep, richer moistureProduct format: Eight full-size skincare formulas plus complimentary Skin Prep BrushFormula origins: Japan and KoreaExpertise: Licensed esthetician, professional celebrity makeup artist since 1990, complexion expert, skincare product developer\n\nComplete Skin Prep System\nDone experimenting? Get the whole system.\nEvery Sonia Roselli skincare formula in one purchase, plus a complimentary Skin Prep Brush.\nBest for: The customer who wants the complete routine and one decision.\nShop the Complete System"
19826            },
19827{
19828              "@type": "ListItem",
19829              "position": 15,
19830              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19831              "name": "Sexapeel™ Face \u0026 Body Exfoliation Kit",
19832              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/sexapeel_face_and_body_exfoliation_kit.png?v=1784673874\u0026width=1920",
19833              "description": "The Sexapeel™ Face \u0026amp; Body Exfoliation Kit by Sonia Roselli is a two-part rinse-off gommage exfoliation system formulated in Korea. Created by a 35-year licensed esthetician, the kit features the fragrance-free Sexapeel Gel for the face (Mandelic Acid and PHAs) and Sexapeel Spray for the body (Glycolic Acid and fruit-acid complex). The non-abrasive formulas lift surface buildup and dead skin without harsh scrubbing, leaving skin smooth, soft, and makeup-ready. Priced at $96 ($91 on Auto Replenish) with free shipping and a 30-day money-back guarantee."
19834            },
19835{
19836              "@type": "ListItem",
19837              "position": 16,
19838              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19839              "name": "The Ageless Beauty Kit",
19840              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/ageless_beauty_skincare_kit_white.png?v=1784677363\u0026width=1920",
19841              "description": "Your skin changed. Your foundation noticed.\nThe foundation you used to love suddenly settles into every line. Clings to dry areas. Looks heavier than it used to.\nBefore you buy another foundation, change what is underneath it.\nThe Ageless Beauty Kit gives skin three things in the right order:\nWater. Oil. Seal.\nWater Elixir hydrates. Water Oil adds lightweight nourishment. Water Balm seals it in and creates a soft, cushioned surface before makeup.\nThree full-size products.Three simple steps.No guessing what goes first.\nSame foundation. Different skin.\nMaybe your foundation did not change.\nYour skin did.\nIt feels drier than it used to. Less cushioned. Makeup catches where it never used to catch. Foundation settles into lines. Clings around dry areas. Looks heavier by midday.\nSo you buy another foundation.\nSame problem.\nThat is when it is worth looking at the skin underneath.\nThe Ageless Beauty Kit layers hydration, lightweight nourishment, and moisture in a specific order so skin feels softer, more comfortable, and better prepared before foundation ever touches it.\nThe goal is not more makeup.\nThe goal is makeup that looks more like skin.\nWater. Oil. Seal.\nThree products. Each one has a different job.\n1. WATER: Water Elixir\nStart with hydration.\nWater Elixir is a lightweight essence made with Hyaluronic Acid, amino acids, and Palmitoyl Tripeptide-5.\nAs skincare:Helps skin feel hydrated, soft, and supple.\nWhy makeup wearers care:Foundation has a better surface to sit on when the skin underneath feels properly hydrated.\nHow to use:Press 2 pumps into cleansed, damp skin morning and night.\n2. OIL: Water Oil\nWater alone may not feel like enough anymore.\nWater Oil combines Squalane, Sea Buckthorn Oil, Camellia Oil, Jojoba Oil, and other conditioning oils in a lightweight formula.\nAs skincare:Helps skin feel softer, more supple, and comfortably nourished.\nWhy makeup wearers care:The added softness and slip help create a more cushioned surface so makeup looks less dry and patchy.\nHow to use:Warm 1 pump between your palms. Press into skin while it is still damp from Water Elixir.\n3. SEAL: Water Balm\nFinish with Water Balm.\nThis cushiony moisturizer combines Ceramide 3, Hydrolyzed Silk, amino acids, and humectants.\nAs skincare:Helps skin feel moisturized, cushioned, and comfortable.\nWhy makeup wearers care:Water Balm creates the final soft, hydrated surface before foundation and concealer.\nHow to use:Warm a pea-sized amount between your fingertips. Press into skin. Wait 60 seconds before applying makeup.\nHydration is not always the whole answer.\nMaybe you already moisturize.\nMaybe you use a serum.\nMaybe that used to be enough.\nNow your skin still feels tight a few hours later.\nThat does not mean you need twelve more products.\nIt may mean you need a better balance of hydration and nourishment.\nWater Elixir gives skin water-based hydration.\nWater Oil adds lightweight nourishment.\nWater Balm seals the routine.\nEach step has one clear job.\nWater. Oil. Seal.\nIs this kit for you?\nThe Ageless Beauty Kit may be a good fit if:\n\n\nYour skin feels drier than 
19841it used to.\n\n\nYour moisturizer no longer feels like enough.\n\n\nYour skin feels tight after a few hours.\n\n\nFoundation settles into every line.\n\n\nMakeup clings to dry areas.\n\n\nFoundation looks heavier than it used to.\n\n\nMakeup looks fine in the morning and worse by midday.\n\n\nYou keep changing foundation but getting the same problem.\n\n\nYou want skin, not makeup.\n\n\nYou want three clear steps instead of another complicated routine.\n\n\nIf your skin currently burns, stings, or reacts to nearly everything, a barrier-first routine may be a better place to start.\nWhy this routine is different\nA lot of routines stop at hydration.\nThis one does not.\nWater Elixir handles the water-based hydration step.\nWater Oil adds lightweight oils and Squalane for added softness, nourishment, and slip.\nWater Balm goes on last to seal those layers in.\nThat gives you a simple routine you can actually remember.\nAnd because every product is skincare first, you can use the same routine on bare-skin days and makeup days.\nGreat skincare. Better makeup.\nKey Ingredients\nPalmitoyl Tripeptide-5\nFound in Water Elixir, Water Oil, and Water Balm. Helps support firmer, smoother-looking skin over time.\nHyaluronic Acid + Amino Acids\nFound in Water Elixir. Help skin feel hydrated, soft, and supple.\nSqualane + Sea Buckthorn Oil\nFound in Water Oil. Help condition and nourish skin without the feel of a traditional heavy facial oil.\nCeramide 3\nFound in Water Balm. Helps support a more comfortable, resilient-feeling skin barrier.\nHydrolyzed Silk\nFound in Water Balm. Helps skin feel smooth and creates an elegant finish before makeup.\nCreated by someone who has spent 35 years looking at skin under makeup.\nSonia Roselli is a licensed esthetician, celebrity makeup artist, complexion expert, and product developer.\nShe began her makeup career in 1990.\nThat means decades of seeing what happens when foundation meets skin that is dry, tight, reactive, over-layered, or simply not prepped for the makeup going on top.\nSonia also has reactive, rosacea-prone skin herself.\nShe created Sonia Roselli Beauty around a simple belief:\nMakeup looks better when skin feels better.\nWater Elixir, Water Oil, and Water Balm are all made in Japan.\nHow to Use\nUse all three products morning and night.\nStep 1: Water ElixirPress 2 pumps into cleansed, damp skin.\nStep 2: Water OilWarm 1 pump between your palms. Press into skin while it is still damp.\nStep 3: Water BalmWarm a pea-sized amount between your fingertips. Press into skin.\nBefore makeup, wait 60 seconds after Water Balm.\nThat is the routine.\nWater. Oil. Seal.\nHow to Prep Before Foundation\nDo not rush the layers.\nPress each product into the skin instead of rubbing on more product.\nUse:\nWater Elixir → Water Oil → Water Balm\nThen give Water Balm about 60 seconds before applying foundation or concealer.\nYour skin should feel hydrated and cushioned.\nNot coated.\nThen apply makeup.\nFrequently Asked Questions\nWhat is the Ageless Beauty Kit?\nThe Ageless Beauty Kit is a three-step Sonia Roselli Beauty skincare kit made in Japan.\nIt contains Water Elixir, Water Oil, and Water Balm.\nThe routine layers water-based hydration first, lightweight nourishment second, and moisturizer last.\nWho is the Ageless Beauty Kit for?\nIt is designed for skin that feels drier, tighter, less cushioned, or harder to make up than it used to.\nIt is especially useful when foundation starts clinging, settling, or looking heavier even though you have not changed your makeup.\nWhat order do I use the Ageless Beauty Kit?\nUse:\nWater Elixir → Water Oil → Water Balm\nOr remember:\nWater. Oil. Seal.\nCan I use the Ageless Beauty Kit before makeup?\nYes.\nUse Water Elixir first, Water Oil second, and Water Balm last.\nWait about 60 seconds after Water Balm before applying foundation or concealer.\nWhy would I use face oil under makeup?\nWater Oil is the nourishment step in this routine.\nIt adds lightweight oils and Squalane between your water-based hydration and moisturizer.\nFor makeup wearers, that added softness and slip can help create a more cushioned surface before foundation.\nUse one pump.\nMore is not better.\nWill Water Oil feel greasy?\nWater Oil is designed to feel lightweight rather than like a traditional heavy facial oil.\nUse one pump and press it into damp skin.\nFollow with Water Balm.\nWhy do I need Water Oil if I already use Water Elixir?\nThey have different jobs.\nWater Elixir supplies the lightweight, water-based hydration step.\nWater Oil adds Squalane and conditioning oils.\nWater Balm seals the routine.\nOne does not replace the other.\nWill this help my makeup look better?\nThe kit is designed to improve the condition of the skin underneath makeup.\nWhen skin feels dry or under-prepped, foundation can cling to dry-looking areas, settle more visibly, or look heavier.\nThis routine helps create a softer, more hydrated, cushioned surface before makeup.\nDoes the Ageless Beauty Kit replace makeup primer?\nNo.\nThis is skincare.\nEach product has a skincare job first.\nThe makeup benefit comes from preparing the skin underneath foundation and concealer.\nCan I use all three products morning and night?\nYes.\nUse all three in the same order:\nWater Elixir → Water Oil → Water Balm\nHow much should I use?\nWater Elixir: 2 pumpsWater Oil: 1 pumpWater Balm: A pea-sized amount\nUsing more product does not automatically create a better result.\nHow long should I wait before makeup?\nWait about 60 seconds after Water Balm.\nThat gives your skincare a moment to settle before applying foundation or concealer.\nWhat is the difference between the Ageless Beauty Kit and the Daily Hydration Kit?\nThe Daily Hydration Kit contains Water Elixir and Water Balm.\nThe Ageless Beauty Kit adds Water Oil between them.\nChoose Daily Hydration when hydration and moisture are your main needs.\nChoose Ageless Beauty when your skin feels like it needs additional nourishment and softness between those steps.\nI already own Water Elixir and Water Balm. Should I buy this kit?\nProbably not if both products are still well stocked.\nIf Water Oil is the only piece you are missing, buying Water Oil individually is simpler.\nChoose the Ageless Beauty Kit when you are ready to replenish all three or want to start the complete three-step routine from scratch.\nHow much do I save?\nWater Elixir, Water Oil, and Water Balm have a combined retail value of $199.\nThe Ageless Beauty Kit is $189, so you save $10.\nAuto Replenish is $179 every 90 days, saving $20 per order.\nWhere is the Ageless Beauty Kit made?\nWater Elixir, Water Oil, and Water Balm are all made in Japan.\n30-Day Money-Back Guarantee\nSkincare is personal.\nIf the Ageless Beauty Kit is not the right fit, return it within 30 days for a full refund.\nNo questions asked.\nFull Ingredients\nWater Elixir\nWater, Glycerin, Butylene Glycol, Rosa Centifolia Flower Water, Pentylene Glycol, Phytosteryl\/Octyldodecyl Lauroyl Glutamate, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Palmitoyl Tripeptide-5, Hydrogenated Lecithin, Malic Acid, Sodium Dilauramidoglutamide Lysine, Prunus Mume Fruit Extract, Sodium PCA, Betaine, Sorbitol, Glycine, Alanine, Proline, Serine, Threonine, Arginine, Lysine, Glutamic Acid, Glycosyl Trehalose, Hydrogenated Starch Hydrolysate, Sodium Hyaluronate, Oryza Sativa (Rice) Lees Extract, Lactobacillus\/Soymilk Ferment Filtrate, Glycine Max (Soybean) Seed Extract, Hydrolyzed Silk, Xanthan Gum, Polyglyceryl-10 Laurate, Tocopherol, 1,2-Hexanediol, Disodium Succinate, Phenoxyethanol.\nWater Oil\nWater, Squalane, Cetyl Ethylhexanoate, Dimethicone, Diphenylsiloxy Phenyl Trimethicone, Trimethylolpropane Triisostearate, Isotr
19841idecyl Isononanoate, Butylene Glycol, Palmitoyl Tripeptide-5, Hippophae Rhamnoides Fruit Oil (Sea Buckthorn), Camellia Japonica Seed Oil, Glycine Soja Oil, Argania Spinosa Kernel Oil, Oryza Sativa (Rice) Bran Oil, Persea Gratissima (Avocado) Oil, Simmondsia Chinensis (Jojoba) Seed Oil, Sesamum Indicum (Sesame) Seed Oil, Prunus Mume Fruit Extract, Prunus Yedoensis Leaf Extract, Camellia Sinensis Leaf Extract, Coix Lacryma-Jobi Ma-Yuen Seed Extract, Citrus Junos Fruit Extract, Pentylene Glycol, Sodium Chloride, Sodium Citrate, Citric Acid, Tocopherol, Ethylhexylglycerin, Pentasodium Pentetate, Glycerin, Hydrolyzed Soybean Extract, Phenoxyethanol.\nWater Balm\nWater, Butylene Glycol, Dimethicone, Cetyl Ethylhexanoate, Glycerin, Rosa Damascena Flower Water, Cyclopentasiloxane, Dimethicone\/PEG-10\/15 Crosspolymer, Betaine, Serine, Sodium PCA, Hydrolyzed Silk, Behenyl Alcohol, Sorbitol, Oryza Sativa (Rice) Lees Extract, Polyglyceryl-10 Pentastearate, Saxifraga Sarmentosa Extract, Glycosphingolipids, Ginkgo Biloba Leaf Extract, Acer Saccharum Extract, Hydrolyzed Rice Extract, Lactobacillus\/Soy Milk Ferment Filtrate, Camellia Sinensis Leaf Extract, Sodium Stearoyl Lactylate, Ceramide 3, Glycine, Prunus Persica Leaf Extract, Glutamic Acid, Hydrogenated Lecithin, Glycine Soja Seed Extract, Alanine, Arginine, Lysine, Natto Gum, Threonine, Lysolecithin, Proline, Prunus Mume Fruit Extract, Sodium Chloride, Phenoxyethanol."
19842            },
19843{
19844              "@type": "ListItem",
19845              "position": 17,
19846              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19847              "name": "Smooth Skin Kit",
19848              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/smooth_skin_kit_1.png?v=1784673579\u0026width=1920",
19849              "description": "A Duo of our Best-sellers\n\n\nSexApeel™ Instant Exfoliation Spray is arguably the most famous product in Sonia Roselli’s line. It’s a \"gommage\" style exfoliator, which is a gentle, French-inspired technique (popularized in Korean beauty) that \"erases\" dead skin without the need for harsh scrubbing or gritty beads.\n\nWater Balm Skin Prep is the \"sealant\" that makes skin glow. It is a unique 5-in-1 gel-cream designed to replace your toner, serum, day cream, night cream, and makeup primer. It’s a cult favorite among professional makeup artists because it gives the skin a \"plumped from within\" look that acts like a real-life Instagram filter.\n\n"
19850            },
19851{
19852              "@type": "ListItem",
19853              "position": 18,
19854              "url": "https:\/\/www.soniaroselli.com\/collections\/shop-all",
19855              "name": "Concealer Skin Prep Kit",
19856              "image": "https:\/\/www.soniaroselli.com\/cdn\/shop\/files\/concealerskinprepkit.png?v=1786223251\u0026width=1920",
19857              "description": "CONCEALER SKIN PREP KIT\nWrinkle Smoothing Peptide Eye Gel + Water Balm\nBefore you buy another concealer, prep the skin underneath it.\nD
19857aily skincare that hydrates, cushions, and smooths the look of the eye area so concealer has a better surface to sit on.\n\n\nSmooths the look of fine lines with peptide-powered eye care.\n\n\nHydrates + cushions dry-looking under-eyes with ceramides, amino acids, squalane, glycerin, and other moisture-binding ingredients.\n\n\nHelps concealer sit better with less dry-looking texture and visible settling.\n\n\nNo primer needed.\n[PRICE]\nFree shipping on every order.\nCTA: SHOP CONCEALER SKIN PREP\n\nWHAT'S INCLUDED\nWrinkle Smoothing Peptide Eye Gel\nYour targeted eye-area skincare.\nHydrates.\nCushions.\nHelps smooth the look of fine lines.\nHelps the eye area look softer and more conditioned over time.\nAnd when you wear makeup, it gives concealer a better-prepared surface.\nWater Balm\nYour moisturizing seal and smoothing step.\nWater Balm goes right over Eye Gel to add another layer of hydration and cushion.\nIt helps lock everything in while creating a soft, smooth, makeup-ready finish.\nTogether, they are your concealer skin prep.\nEye Gel first. Water Balm on top. Concealer after.\n\nWHAT IS THE CONCEALER SKIN PREP KIT?\nThe Concealer Skin Prep Kit is a two-step skincare routine made specifically for the skin underneath your concealer.\nIt exists for the person who keeps buying new concealers but keeps getting the same result.\nDry-looking under-eyes.\nConcealer settling into lines.\nCakey texture by midday.\nPowder making everything look worse.\nInstead of adding another makeup product, this kit starts with the skin.\nWrinkle Smoothing Peptide Eye Gel gives the eye area targeted hydration and peptide care.\nWater Balm goes over it to cushion, moisturize, and create a smoother-looking finish.\nThen you apply your concealer.\nGreat skincare. Better makeup.\n\nWHY DOES THIS KIT EXIST?\nBecause concealer cannot hide dry-looking texture without sitting on top of it.\nAnd more powder does not add hydration.\nIf every concealer you try ends up settling into the same lines or looking dry in the same places, the formula in your concealer may not be the only thing worth changing.\nLook underneath it.\nYour under-eye area needs skincare too.\nThis kit gives it hydration.\nCushion.\nMoisture.\nPeptide care.\nA smoother-looking finish.\nAnd a simple routine that works whether you wear makeup that day or not.\n\nWHY EYE GEL + WATER BALM?\nThink of them like PB\u0026amp;J.\nThey do different jobs.\nThey just make more sense together.\nEye Gel goes first.\nIt gives the delicate eye area targeted hydration and peptide care.\nIt helps the area feel cushioned and helps soften the look of fine lines.\nWater Balm goes on top.\nIt adds another layer of hydration.\nIt helps seal everything in.\nAnd its smoothing texture creates a soft-focus finish before makeup.\nThen comes concealer.\nNow your concealer is going over hydrated, cushioned, smoother-looking skin.\nNot another layer of primer.\nSkincare is the prep.\n\nTWO SKINCARE STEPS. ONE BETTER CANVAS.\nWrinkle Smoothing Peptide Eye Gel\nWhat it does as skincare\nHydrates the delicate eye area.\nHelps the skin feel cushioned and comfortable.\nHelps smooth the look of fine lines.\nSupports a softer, more resilient-looking eye area with consistent use.\nHelps the under-eye area look brighter and more even.\nWhy makeup wearers care\nDry-looking skin can make concealer look dry too.\nEye Gel gives concealer a hydrated, smoother-looking surface to sit on.\nThat means makeup can apply more evenly and visible settling can look less obvious.\n\nWater Balm\nWhat it does as skincare\nDelivers lasting hydration.\nHelps skin feel softer and more supple.\nSupports a comfortable moisture barrier with ceramides and amino acids.\nHelps seal in hydration.\nCreates a smooth, conditioned finish.\nWhy makeup wearers care\nWater Balm goes over your eye care to add cushion and smooth the surface.\nIts texture helps create that soft-focus, almost photo-filter-looking finish Sonia wants before concealer.\nNo extra primer layer.\nNo piling more makeup on top of dry-looking skin.\n\nSKINCARE THAT DOES MORE THAN PREP\
19857nThese formulas were not created just to make makeup look better for a few hours.\nThey are daily skincare.\n4-Peptide Complex: Included\nSupports the look of smoother, more resilient skin around the eye area with consistent use.\nAmino Acid Complex: Included\nWater Balm contains a full amino acid complex to support hydrated, comfortable-feeling skin.\nCeramides: Included\nHelp support the skin's moisture barrier and keep dry-looking skin feeling cushioned.\nNiacinamide: Included\nSupports a brighter, more even-looking eye area.\nSqualane: Included\nAdds lightweight moisture and helps the delicate eye area feel soft and supple.\nHydrolyzed Silk: Included\nHelps Water Balm create its soft, silky, smoothing finish on the skin.\n\nWHY THE FORMULAS WORK SO WELL TOGETHER\nEye Gel brings targeted eye care.\nWater Balm brings the seal.\nEye Gel delivers:\nPeptidesNiacinamideGlucosyl CeramideSqualaneGlycerinSkin-smoothing texture ingredients\nWater Balm delivers:\nCeramide 3A full amino acid complexGlycerinSodium PCABetaineHydrolyzed SilkFermented Rice ExtractSkin-smoothing silicones\nThe result is a routine that addresses both sides of the problem.\nCare for the skin.\nThen create a smoother surface for makeup.\n\nSONIA'S UNDER-EYE SKIN PREP TECHNIQUE\nWant the full makeup-artist method?\nAdd Water Elixir before the two products in this kit.\nWater Elixir is sold separately.\nStep 1: Water Elixir\nPress a thin layer around the eye area.\nUse it underneath the eye and above the eye area as your first lightweight hydration step.\nDo not drench the skin.\nA thin layer is enough.\nStep 2: Wrinkle Smoothing Peptide Eye Gel\nApply a small amount along the orbital bone.\nUse your ring finger.\nTap gently.\nDo not drag or rub.\nGive it a moment to settle into the skin.\nStep 3: Water Balm\nPress a thin layer of Water Balm right over your eye prep.\nThis is Sonia's finishing step.\nIt adds cushion.\nHelps seal in hydration.\nAnd creates that soft, smooth, photo-filter-looking finish before concealer.\nStep 4: Let it settle\nYour skin should feel hydrated and smooth.\nNot wet.\nNot slippery.\nNot heavily coated.\nStep 5: Apply concealer\nUse a thin layer.\nAdd more only where you actually need it.\nThen use powder only where you need it.\nWater Elixir hydrates.\nEye Gel targets + smooths.\nWater Balm cushions + seals.\nThen makeup.\n\nSONIA'S SECRET WAS NEVER MORE CONCEALER\nAs a professional makeup artist, Sonia learned that dry-looking under-eyyes do not usually look better when you keep adding product.\nMore concealer can look heavier.\nMore powder can make dry-looking texture more obvious.\nSo instead of starting with makeup, she started with hydration.\nA lightweight layer first.\nTargeted eye care next.\nThen a thin layer of Water Balm over everything to cushion and smooth the finish.\nThat became her prep technique for dry, texture-prone under-eyes.\nPrep first. Concealer second.\n\nHOW TO USE THE KIT WITHOUT WATER ELIXIR\nYou do not need Water Elixir to use the Concealer Skin Prep Kit.\nThe kit works as a simple two-step routine.\n1. Apply Wrinkle Smoothing Peptide Eye Gel\nUse a small amount.\nTap gently around the orbital area.\n2. Apply Water Balm on top\nUse a thin layer.\nPress it into the skin.\n3. Let the layers settle\nThe area should feel soft and cushioned rather than wet.\n4. Apply concealer\nUse a thin layer.\nAdd only where needed.\nEye Gel. Water Balm. Concealer.\nSimple.\n\nYOUR CONCEALER MAY NOT NEED MORE POWDER\nYou know what happens.\nYour concealer starts settling.\nSo you powder it.\nThen the area looks drier.\nSo you add more concealer.\nNow it looks heavier.\nBy noon, the makeup you used to make your eyes look better is making every bit of texture more obvious.\nStop adding.\nStart underneath.\nHydrate.\nCushion.\nSmooth.\nThen use less makeup where you can.\n\nWHAT YOU MAY NOTICE\nPLACEHOLDER TIMELINE\nFinal timing should be validated against customer review data before publication.\nInstantly\nSkin feels hydrated, cushioned, and smoother.\nThe eye area feels softer and better prepared before concealer.\nWater Balm creates an immediate silky, soft-focus finish on the surface.\nAfter 1 Week\nSkin may feel more consistently hydrated and comfortable.\nDry-looking texture may appear less obvious.\nConcealer may apply more evenly as the skin underneath 
19857stays better conditioned.\nAfter 1 Month\nThe eye area may look smoother and more conditioned with consistent skincare.\nThe peptide eye care continues to support the look of smoother, more resilient skin.\nAnd the daily hydration habit gives makeup a better starting point every time you wear it.\n\nREAL SKIN MOVES\nWe are not going to tell you your concealer will never crease.\nYour eyes move.\nYou smile.\nYou squint.\nYou blink.\nSome settling is normal.\nThe goal is not to erase every line.\nThe goal is to give concealer hydrated, smoother-looking skin underneath it so the makeup looks less dry, less heavy, and less obvious.\nThat is a promise we can stand behind.\n\nTHIS KIT IS FOR YOU IF...\nYour concealer settles into fine lines.\nYour under-eyes look dry after makeup.\nPowder makes the area look worse.\nConcealer looks good when you first apply it and cakey later.\nYour current eye cream feels too heavy under concealer.\nYou keep changing concealers and getting the same result.\nYou want skincare that also makes sense under makeup.\nYou want fewer unnecessary layers.\nYou want to use less powder.\nYou want your concealer to look more like makeup on skin and less like product sitting on top.\n\nTHE SKINCARE BENEFITS\nHelps smooth the look of fine lines\nThe Eye Gel uses a four-peptide complex designed to support smoother, more resilient-looking skin with consistent use.\nDeeply hydrates\nGlycerin, squalane, Sodium PCA, betaine, sorbitol, and other hydration-supporting ingredients help keep dry-looking skin feeling soft and comfortable.\nHelps support the moisture barrier\nCeramides and amino acids help support comfortable, hydrated skin.\nSoftens + cushions\nThe combination of eye-area hydrators and Water Balm creates the cushioned feel dry under-eyes are often missing.\nSupports a more even-looking eye area\nNiacinamide supports a brighter, more even-looking appearance around the eyes.\nCreates a smooth, soft-focus finish\nWater Balm's hydrolyzed silk and smoothing texture ingredients help create a silky surface before makeup.\n\nWHY NOT JUST BUY ANOTHER EYE CREAM?\nBecause this kit is not built around the idea that your eye cream lives in a separate universe from your makeup.\nYou wear concealer.\nYour skincare needs to work with that.\nWrinkle Smoothing Peptide Eye Gel gives the eye area targeted care.\nWater Balm gives that skincare the moisturizing seal and smoothing finish Sonia uses before makeup.\nYou get the skincare benefits even when you wear nothing on top.\nAnd when you do wear concealer, your skin is already prepped.\n\nWHY NOT JUST USE WATER BALM?\nBecause Eye Gel and Water Balm have different jobs.\nEye Gel gives the eye area targeted peptide care and lightweight hydration.\nWater Balm goes over it to add cushion, moisture, and a smoothing finish.\nOne does not replace the other in this routine.\nTarget first. Seal second.\n\nDO I NEED PRIMER?\nNo.\nYou do not need a separate primer with this routine.\nYour skincare is y
19857our skin prep.\nEye Gel prepares the eye area through hydration and smoothing care.\nWater Balm completes the prep by adding moisture, cushion, and a soft-focus finish.\nLet everything settle.\nThen apply your makeup.\n\nHOW MUCH SHOULD I USE?\nLess than you probably think.\nEye Gel\nUse a small amount.\nA thick layer is not better.\nTap it gently around the orbital area.\nWater Balm\nUse a thin layer over the eye prep.\nYour skin should feel smooth and cushioned.\nNot coated.\nToo much skincare underneath concealer can create unnecessary movement.\n\nSHOULD I USE POWDER?\nYou can.\nBut you may not need as much.\nIf powder makes your under-eyyes look dry or makes lines more obvious, try using it only where you actually need it.\nPrep first.\nUse a thin layer of concealer.\nThen decide if powder is necessary.\nDo not powder automatically just because someone told you that you have to.\n\nBUILT BY SOMEONE WHO UNDERSTANDS BOTH SIDES\nSonia Roselli has worked as a professional makeup artist since 1990.\nShe is also a licensed esthetician.\nThat matters.\nShe understands what skin needs.\nAnd she understands what happens when you put concealer on it five minutes later.\nThe products were designed around both sides of the mirror.\nGreat skincare. Better makeup.\n\nCUSTOMER REVIEWS\nWhat customers are talking about\nPrioritize reviews that specifically mention:\nConcealerDry-looking under-eyesFine linesHydrationSmoother-looking skinUsing less powderMakeup applicationEye-area comfort\n\nFREQUENTLY ASKED QUESTIONS\nWhat is the Concealer Skin Prep Kit?\nThe Concealer Skin Prep Kit is a two-product skincare routine containing Wrinkle Smoothing Peptide Eye Gel and Water Balm. It is designed to hydrate, cushion, and smooth the look of the skin underneath concealer.\nWhat comes in the Concealer Skin Prep Kit?\nThe kit includes:\nWrinkle Smoothing Peptide Eye GelWater Balm\nWater Elixir is not included.\nWhy do I need both Eye Gel and Water Balm?\nThey do different jobs.\nEye Gel gives the eye area targeted hydration and peptide care.\nWater Balm goes over it to add cushion, help seal in hydration, and create a smoother-looking finish before makeup.\nWhich product goes first?\nWrinkle Smoothing Peptide Eye Gel goes first.\nWater Balm goes over it.\nThen concealer.\nWhat is Sonia's full under-eye prep routine?\nFor the full three-layer technique, use:\nWater ElixirWrinkle Smoothing Peptide Eye GelWater Balm\nWater Elixir is sold separately.\nUse thin layers and let the products settle before concealer.\nDo I need primer with this kit?\nNo.\nThis skincare routine is your skin prep.\nYou do not need to add a separate primer before concealer.\nIs Wrinkle Smoothing Peptide Eye Gel an eye cream?\nYes.\nIt is daily eye skincare with a four-peptide complex, hydration-supporting ingredients, and a texture designed to work well underneath concealer.\nIs Water Balm a moisturizer?\nYes.\nWater Balm is a daily moisturizer and smoothing skincare step.\nIn this routine, it is layered over Eye Gel to help cushion the eye area and seal in hydration.\nCan I use this kit without makeup?\nYes.\nBoth products are skincare.\nUse them whether you wear concealer that day or not.\nCan I use the products morning and night?\nYes.\nWrinkle Smoothing Peptide Eye Gel is designed for morning and evening use.\nWater Balm can also be used as part of your daily skincare routine.\nWill the kit stop concealer from creasing?\nWe do not promise zero creasing.\nFaces move.\nSome settling is normal.\nThe goal is to hydrate and smooth the look of the skin underneath so concealer can apply more evenly and look less dry.\nWhy does my concealer settle into fine lines?\nDry-looking skin, too much product underneath, heavy concealer, and too much powder can all make visible settling more obvious.\nThe eye area also moves constantly.\nBetter skin prep gives the concealer a better surface to sit on.\nWhat if my concealer looks dry even when I use eye cream?\nYour eye cream may not be giving you the right combination of hydration, texture, and makeup compatibility.\nTry using a small amount of Eye Gel followed by a thin layer of Water Balm.\nLet the layers settle before applying concealer.\nCan I put Water Balm around my eyes?\nYes, in this routine Water Balm is pressed over the Eye Gel as the moisturizing and smoothing layer.\nUse a small amount.\nCan I put Water Balm on my whole face too?\nYes.\nWater Balm is a face moisturizer.\nYou can use it over the face as your final moisturizing skincare step before sunscreen and makeup.\nHow long should I wait before concealer?\nAllow the skincare to settle before applying makeup.\nWrinkle Smoothing Peptide Eye Gel is documented to settle for approximately 60 to 90 seconds before concealer.\nWhen layering Water Balm on top, wait until the final layer feels smooth and settled rather than wet or slippery.\nHow much concealer should I use?\nStart thin.\nAdd more only where you need additional coverage.\nUsing more concealer does not automatically make the area look smoother.\nShould I use powder after concealer?\nOnl
19857y if you need it.\nIf powder makes your under-eyyes look dry, use less or apply it only to areas that need setting.\nWill this get rid of dark circles?\nThe kit is not designed to remove genetic or structural dark circles.\nIt helps care for the eye area and creates a better-prepared surface for the concealer you use to even the appearance of darkness.\nWill the Eye Gel erase wrinkles?\nNo.\nIt is cosmetic skincare.\nThe peptide complex supports the look of smoother, more resilient skin with consistent use.\nIt does not erase wrinkles or stop facial movement.\nIs the kit fragrance-free?\nCurrent product documentation identifies both Wrinkle Smoothing Peptide Eye Gel and Water Balm as fragrance-free.\nDoes Water Balm contain ceramides?\nYes.\nWater Balm contains Ceramide 3 along with a full amino acid complex.\nDoes Water Balm contain amino acids?\nYes.\nThe formula contains glycine, serine, alanine, glutamic acid, arginine, lysine, threonine, and proline.\nDoes Eye Gel contain peptides?\nCurrent product documentation identifies a four-peptide complex including Acetyl Hexapeptide-8, Palmitoyl Tripeptide-1, Palmitoyl Pentapeptide-4, and Palmitoyl Tetrapeptide-7.\nDoes Eye Gel contain niacinamide?\nCurrent product documentation lists niacinamide in the Wrinkle Smoothing Peptide Eye Gel formula.\nDoes Water Balm contain niacinamide?\nNo.\nWater Balm does not list niacinamide in its current formula.\nWhat if I have very sensitive skin?\nPatch test new skincare before using it around the eye area.\nIf you have known ingredient allergies or an existing medical skin condition, check the ingredient list carefully and speak with your healthcare professional when appropriate.\nDoes Water Balm contain soy?\nYes.\nWater Balm contains soy-derived ingredients.\nIf you have a known soy sensitivity, patch test first or avoid the product.\nDoes Water Balm contain silk?\nYes.\nWater Balm contains hydrolyzed silk.\nIf you have a known silk sensitivity, check with your healthcare professional or avoid use.\nBEFORE YOU BUY ANOTHER CONCEALER\nIf every concealer ends up looking dry in the same places, settling into the same lines, or getting worse when you add powder, stop changing the top layer for a minute.\nChange what goes underneath it.\nEye Gel first.\nWater Balm on top.\nThen concealer.\nDaily skincare when you are bare-faced.\nSkin prep when you wear makeup.\nCONCEALER SKIN PREP KIT\nWrinkle Smoothing Peptide Eye Gel + Water Balm\nFree shipping on every order.\nCTA: PREP MY SKIN FOR CONCEALER\nGreat skincare. Better makeup.\nPrimary Search Topic\nconcealer skin prep\nSupporting Search Topics\nunder eye skin prepskin prep before concealereye cream under concealereye cream before concealerconcealer settling into fine linesconcealer looks drydry under eyes with concealercakey concealer under eyeshow to prep under eyes for concealerwhat to put under concealerpeptide eye gelhydrating eye cream under makeupmoisturizer under concealerhow to keep concealer from looking dryskin prep for makeup\nThe Sonia Roselli Beauty Concealer Skin Prep Kit is a two-product skincare set containing Wrinkle Smoothing Peptide Eye Gel and Water Balm.\nIt is designed for makeup wearers whose concealer tends to look dry, settle visibly into fine lines, or look heavier after powder.\nWrinkle Smoothing Peptide Eye Gel provides targeted eye-area hydration and peptide care and helps create a smoother-looking surface underneath concealer.\nWater Balm is layered over the Eye Gel to add hydration, cushion the skin, help seal in moisture, and create a smoother, soft-focus finish before makeup.\nA separate makeup primer is not needed with this routine.\nFor Sonia Roselli's fuller makeup-artist prep technique, Water Elixir can be applied in a thin layer before Eye Gel, followed by Water Balm. Water Elixir is sold separately.\nThe kit does not promise zero creasing because facial movement and some makeup settling are normal.\nThe goal is hydrated, cushioned, smoother-looking skin and better-looking concealer.\nConcealer Skin Prep Kit\nYour concealer may not be the problem. Your skin prep may be.\nEye Gel + Water Balm hydrate, cushion, and smooth the skin underneath concealer.\nNo primer needed.\nCTA: SHOP THE KIT\nConcealer settling into every line?\nBefore you buy another one, prep the skin underneath it.\nThe Concealer Skin Prep Kit pairs Wrinkle Smoothing Peptide Eye Gel with Water Balm for targeted eye care, cushioned hydration, and smoother-looking skin before concealer.\nEye Gel first. Water Balm on top. Then makeup.\n\nQUICK-BUY BENEFIT
19857S\nSmooths:Peptide eye care helps soften the look of fine lines.\nHydrates:Ceramides, amino acids, squalane, glycerin, and other moisture-supporting ingredients cushion dry-looking skin.\nPreps:Water Balm creates a smooth, soft-focus finish before concealer.\nPrimer:Not needed.\nUse:Eye Gel → Water Balm → Concealer\nPro Routine:Water Elixir → Eye Gel → Water Balm → Makeup"
19858            }
19859]
19860      }
19861    }
19862  </script>
19862
19863
19864
19865</div><section id="shopify-section-template--19743130189877__newsletter_qYRfmx" class="shopify-section section section-newsletter x-section"><style data-shopify>#shopify-section-template--19743130189877__newsletter_qYRfmx{
19866    background: #ffffff;
19867  }
19868  .dark #shopify-section-template--19743130189877__newsletter_qYRfmx{
19869    
19870      background: transparent;
19871    
19872  }
19873  #shopify-section-template--19743130189877__newsletter_qYRfmx, #shopify-section-template--19743130189877__newsletter_qYRfmx *:before {
19874    
19875    
19876    
19877    
19878    
19879    
19880    
19881  }
19882  .dark #shopify-section-template--19743130189877__newsletter_qYRfmx, .dark #shopify-section-template--19743130189877__newsletter_qYRfmx *:before {
19883    
19884      color: #e1e3e1;
19885      --colors-text: 225, 227, 225;
19886    
19887    
19888      --colors-heading: 255, 255, 255;
19889    
19890    
19891      --colors-button: 255, 255, 255;
19892    
19893    
19894      --colors-button-text: 40, 41, 40;
19895    
19896    
19897      --colors-button-hover: rgb(255, 255, 255);
19898    
19899    
19900      --colors-button-text-hover: 40, 41, 40;
19901    
19902    
19903      --colors-line-and-border: 49, 49, 49;
19904    
19905  }@media (min-width: 768px) {}
19906  .section-padding-template--19743130189877__newsletter_qYRfmx {
19907    padding-top: 20px;
19908    padding-bottom: 20px;
19909  }
19910  @media (min-width: 768px) {
19911    .section-padding-template--19743130189877__newsletter_qYRfmx {
19912      padding-top: 28px;
19913      padding-bottom: 28px;
19914    }
19915  }</style><div class="newsletter section-padding-template--19743130189877__newsletter_qYRfmx">
19916  <div class="promotion h-full relative w-full md:promotion:pb-0 md:h-auto">
19917    <div class="w-full z-10 flex items-center h-full overflow-hidden md:relative md:top-auto md:translate-y-0">
19918      <div class="newsletter__wrapper md:max-w-3xl lg:pr-0 lg:pl-0 md:w-full mr-auto ml-auto pl-5 pr-5 text-center"><div class="x-block-header-wrapper "><style data-shopify>.heading-heading_hAdNrp {
19919                        font-size: 1.35rem;
19920                      }
19921                      @media screen and (min-width: 768px) {
19922                        .heading-heading_hAdNrp {
19923                          font-size: 2.25rem;
19924                        }
19925                      }</style><div >
19926                      
19927
19928
19929<style data-shopify>
19930  
19931  .dark .heading-heading_hAdNrp {
19932    
19933      --color-highlight: rgb(145, 180, 116);
19934    
19935  }
19936</style>
19937
19938
19939
19940  
19941
19942   
19943    <h2
19944      class='heading-heading_hAdNrp x-block-header p-break-words h2 block leading-tight anm-fade-element' x-intersect.once="$el.classList.add('is-visible');  setTimeout(() => { $el.classList.remove('anm-fade-element', 'is-visible') }, 600)"> 
19945  
19946    
19947      
19948        Get Weekly <span class="highlight relative inline-block hl-underline mb-2.5" x-data="{ isIntersecting: false }" x-intersect.once.margin.-25%.0px.-25%.0px="isIntersecting = true" :class="isIntersecting && `highlight-anm-start`" >Skin Prep
19949  
19950    <svg class="svg-highlight svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none">
19951      <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight);" stroke-width="4px" style="stroke: var(--color-highlight);"/>
19952    </svg>
19953  
19954</span> Tips From the Makeup Chair
19955      
19956    
19957  </h2>
19958
19959  
19960
19961                    </div></div><div x-intersect.once="$el.classList.add('is-visible')" class="x-block-text anm-fade-element p-break-words rte mb-6 max-w-5xl mr-auto ml-auto" >
19962                  <p>Love your skin every day</p>
19963                </div><style data-shopify>
19964                .bg-form-email_form_973Jgq {
19965                  
19966                    background: transparent;
19967                  
19968                }
19969                .dark .bg-form-email_form_973Jgq {
19970                  
19971                    background: transparent;
19972                  
19973                }
19974              </style>
19975              <div x-intersect.once="$el.classList.add('is-visible')" class="x-block-email-form anm-fade-element mr-auto ml-auto" >
19976                
19977                <form method="post" action="/contact#NewsletterForm--template--19743130189877__newsletter_qYRfmx" id="NewsletterForm--template--19743130189877__newsletter_qYRfmx" accept-charset="UTF-8" class="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
19978                  <input type="hidden" aria-hidden="true" name="contact[tags]" value="newsletter">
19979                  <div  class="mt-4 lg:mt-8" >
19980                    <div class="bg-form-email_form_973Jgq flex pt-1.5 pb-1.5 pl-1.5 pr-1.5 border border-solid rounded-[var(--border-radius)] mb-1">
19981                      <div class="relative flex-1">
19982                        <input
19983                          id="NewsletterFormInput--template--19743130189877__newsletter_qYRfmx"
19984                          type="email"
19985                          name="contact[email]"
19986                          class="w-full input pl-5 pr-5 lg:pr-8 lg:pl-8 pt-5 pb-1 md:pt-3.5 md:pb-2 focus:outline-none focus:border-0 bg-transparent placeholder:opacity-0"
19987                          value=""
19988                          aria-required="true"
19989                          autocorrect="off"
19990                          autocapitalize="off"
19991                          autocomplete="email"
19992                          
19993                          placeholder="Email"
19994                          required
19995                        >
19996                        <label
19997                          for="NewsletterFormInput--template--19743130189877__newsletter_qYRfmx"
19998                          class="absolute duration-200 top-1/2 left-5 lg:left-8 -translate-y-1/2 input_focus:text-xs input_focus:top-2 input_not_empty:top-2 input_not_empty:text-xs pointer-events-none"
19999                        >
20000                          Email
20001                        </label>
20002                      </div>
20003                      <button
20004                        type="submit"
20005                        class="button button-solid ml-0.5 pl-5 pr-5 lg:pl-9 lg:pr-9 pt-2 pb-2 leading-normal cursor-pointer empty:hidden"
20006                        name="commit"
20007                        aria-label="Subscribe"
20008                      >
20009<div class="flex justify-center ">
20010  
20011    
20012      
20013        <span class="button-text  is-focus-button:opacity-0">Subscribe</span>
20014      
20015    
20016  
20017  
20018    <span class="button-icon opacity-0 w-5 -translate-x-[4px] self-center">
20019      
20020      <svg xmlns="http://www.w3.org/2000/svg" class="rtl:rotate-180" width="19" height="19" viewbox="0 0 19 19" fill="none" style="fill:none">
20021        <path d="M4.25 9.49927H14.75 M9.5 4.24927L14.75 9.49927L9.5 14.7493" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
20022      </svg>
20023      
20024    </span>
20025  
20026</div>
20027                      </button>
20028                    </div></div></form>
20029              </div></div>
20030    </div>
20031  </div>
20032</div>
20033
20034</section>
20035      </main>
20036      
20037          <!-- BEGIN sections: footer-group -->
20038<div id="shopify-section-sections--19743131041845__footer" class="shopify-section shopify-section-group-footer-group section-footer">
20039<style data-shopify>
20040  #section-footer {
20041    contain: style layout;
20042  }
20043  .section-padding-sections--19743131041845__footer {
20044    padding-top: 0px;
20045    padding-bottom: 28px;
20046  }
20047  @media (min-width: 768px) { 
20048    .section-padding-sections--19743131041845__footer {
20049      padding-top: 0px;
20050      padding-bottom: 20px;
20051    }
20052  }
20053</style>
20054<div id="section-footer" class="section-footer relative background-footer sticky-footer selection:bg-[rgba(var(--colors-text-footer),0.2)] section-padding-sections--19743131041845__footer"><div class="flex-wrap md:mb-5 md:border-b md:border-b-solid md:pt-12 md:pb-7">
20055        <div class="pt-6 md:pt-0 md:flex justify-center md:mt-auto md:mb-auto md:mr-auto md:ml-auto md:pr-0 rtl:md:pr-5 rtl:md:pl-0 x-pgw page-width flex-wrap">
20056            <div class="footer-col--1 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-0 w-full md:w-1/5 ltr" ><div class="x-block-image pt-4 pb-4 flex flex-col justify-start text-left text-left rtl:text-right md:pr-0"
20057                  ><style data-shopify>
20058                        .image-image_rPE3L3 {
20059                          width: 190px;
20060                        }
20061                      </style>
20062                      
20063                      
20064                      <div class="image-image_rPE3L3 h-full inline-block overflow-hidden">
20065                        <img src="//www.soniaroselli.com/cdn/shop/files/SR-Primary-Logo-A-01-543f27-1.png?v=1783986848&amp;width=855" alt="Sonia Roselli brand name in dark brown serif lettering on a black background." srcset="//www.soniaroselli.com/cdn/shop/files/SR-Primary-Logo-A-01-543f27-1.png?v=1783986848&amp;width=380 380w" width="190" height="auto" loading="lazy" class="" sizes="380px">
20066                        
20067                      </div>
20068                  </div></div>
20069            <div class="footer-col--2 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: true }" class="x-block-link-list pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
20070                        <p class="h6 text-[115%]">Shop</p>
20071                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''">
20072    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20073      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
20074    </svg>
20075</span>
20076                      </div>
20077                      <ul class="mt-6 hidden md:block">
20078                        
20079<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
20080                            <a href="/collections/skin-prep-makeup" class="hover-text-link nav-link relative block lg:inline-block">
20081                              Skin Care
20082                            </a>
20083                          </li><li class="mb-1  first:pt-0 pt-2">
20084                            <a href="/collections/sonia-roselli-skincare-kits-professional-skin-prep-sets" class="hover-text-link nav-link relative block lg:inline-block">
20085                              Skincare Kits
20086                            </a>
20087                          </li><li class="mb-1  first:pt-0 pt-2">
20088                            <a href="/collections/shop-all" class="hover-text-link nav-link relative block lg:inline-block">
20089                              Shop All
20090                            </a>
20091                          </li><li class="mb-1  first:pt-0 pt-2">
20092                            <a href="/pages/about-sonia-roselli" class="hover-text-link nav-link relative block lg:inline-block">
20093                              About
20094                            </a>
20095                          </li><li class="mb-1  first:pt-0 pt-2">
20096                            <a href="/pages/skincare-how-to-videos" class="hover-text-link nav-link relative block lg:inline-block">
20097                              Videos
20098                            </a>
20099                          </li><li class="mb-1  first:pt-0 pt-2">
20100                            <a href="/blogs/complexion" class="hover-text-link nav-link relative block lg:inline-block">
20101                              Complexion Library
20102                            </a>
20103                          </li>
20104                      </ul>
20105                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
20106                        
20107<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
20108                            <a href="/collections/skin-prep-makeup" class="hover-text-link nav-link relative block lg:inline-block">
20109                              Skin Care
20110                            </a>
20111                          </li><li class="mb-1  first:pt-0 pt-2">
20112                            <a href="/collections/sonia-roselli-skincare-kits-professional-skin-prep-sets" class="hover-text-link nav-link relative block lg:inline-block">
20113                              Skincare Kits
20114                            </a>
20115                          </li><li class="mb-1  first:pt-0 pt-2">
20116                            <a href="/collections/shop-all" class="hover-text-link nav-link relative block lg:inline-block">
20117                              Shop All
20118                            </a>
20119                          </li><li class="mb-1  first:pt-0 pt-2">
20120                            <a href="/pages/about-sonia-roselli" class="hover-text-link nav-link relative block lg:inline-block">
20121                              About
20122                            </a>
20123                          </li><li class="mb-1  first:pt-0 pt-2">
20124                            <a href="/pages/skincare-how-to-videos" class="hover-text-link nav-link relative block lg:inline-block">
20125                              Videos
20126                            </a>
20127                          </li><li class="mb-1  first:pt-0 pt-2">
20128                            <a href="/blogs/complexion" class="hover-text-link nav-link relative block lg:inline-block">
20129                              Complexion Library
20130                            </a>
20131                          </li>
20132                      </ul></div></div>
20133            <div class="footer-col--3 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="x-block-link-list pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 curs
20133or-pointer md:cursor-default duration-200 transition">
20134                        <p class="h6 text-[115%]">Support</p>
20135                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''">
20136    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20137      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
20138    </svg>
20139</span>
20140                      </div>
20141                      <ul class="mt-6 hidden md:block">
20142                        
20143<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
20144                            <a href="/pages/careers" class="hover-text-link nav-link relative block lg:inline-block">
20145                              Careers
20146                            </a>
20147                          </li><li class="mb-1  first:pt-0 pt-2">
20148                            <a href="/pages/contact-us" class="hover-text-link nav-link relative block lg:inline-block">
20149                              Contact
20150                            </a>
20151                          </li><li class="mb-1  first:pt-0 pt-2">
20152                            <a href="/pages/faqs" class="hover-text-link nav-link relative block lg:inline-block">
20153                              FAQ
20154                            </a>
20155                          </li><li class="mb-1  first:pt-0 pt-2">
20156                            <a href="https://www.soniaroselli.com/a/loop_subscriptions" class="hover-text-link nav-link relative block lg:inline-block">
20157                              Manage Autoship
20158                            </a>
20159                          </li><li class="mb-1  first:pt-0 pt-2">
20160                            <a href="https://www.soniaroselli.com/account/login" class="hover-text-link nav-link relative block lg:inline-block">
20161                              Order Status
20162                            </a>
20163                          </li><li class="mb-1  first:pt-0 pt-2">
20164                            <a href="/pages/return-policy" class="hover-text-link nav-link relative block lg:inline-block">
20165                              Returns
20166                            </a>
20167                          </li><li class="mb-1  first:pt-0 pt-2">
20168                            <a href="/pages/shipping-policies-1" class="hover-text-link nav-link relative block lg:inline-block">
20169                              Shipping
20170                            </a>
20171                          </li>
20172                      </ul>
20173                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
20174                        
20175<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
20176                            <a href="/pages/careers" class="hover-text-link nav-link relative block lg:inline-block">
20177                              Careers
20178                            </a>
20179                          </li><li class="mb-1  first:pt-0 pt-2">
20180                            <a href="/pages/contact-us" class="hover-text-link nav-link relative block lg:inline-block">
20181                              Contact
20182                            </a>
20183                          </li><li class="mb-1  first:pt-0 pt-2">
20184                            <a href="/pages/faqs" class="hover-text-link nav-link relative block lg:inline-block">
20185                              FAQ
20186                            </a>
20187                          </li><li class="mb-1  first:pt-0 pt-2">
20188                            <a href="https://www.soniaroselli.com/a/loop_subscriptions" class="hover-text-link nav-link relative block lg:inline-block">
20189                              Manage Autoship
20190                            </a>
20191                          </li><li class="mb-1  first:pt-0 pt-2">
20192                            <a href="https://www.soniaroselli.com/account/login" class="hover-text-link nav-link relative block lg:inline-block">
20193                              Order Status
20194                            </a>
20195                          </li><li class="mb-1  first:pt-0 pt-2">
20196                            <a href="/pages/return-policy" class="hover-text-link nav-link relative block lg:inline-block">
20197                              Returns
20198                            </a>
20199                          </li><li class="mb-1  first:pt-0 pt-2">
20200                            <a href="/pages/shipping-policies-1" class="hover-text-link nav-link relative block lg:inline-block">
20201                              Shipping
20202                            </a>
20203                          </li>
20204                      </ul></div></div>
20205            <div class="footer-col--4 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="x-block-link-list pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 curs
20205or-pointer md:cursor-default duration-200 transition">
20206                        <p class="h6 text-[115%]">Programs</p>
20207                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''">
20208    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20209      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
20210    </svg>
20211</span>
20212                      </div>
20213                      <ul class="mt-6 hidden md:block">
20214                        
20215<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
20216                            <a href="/pages/loyalty" class="hover-text-link nav-link relative block lg:inline-block">
20217                              Loyalty & Rewards
20218                            </a>
20219                          </li><li class="mb-1  first:pt-0 pt-2">
20220                            <a href="/pages/pro-application" class="hover-text-link nav-link relative block lg:inline-block">
20221                              Pro Artist Program
20222                            </a>
20223                          </li><li class="mb-1  first:pt-0 pt-2">
20224                            <a href="/pages/brand-ambassadors" class="hover-text-link nav-link relative block lg:inline-block">
20225                              Brand Ambassador
20226                            </a>
20227                          </li>
20228                      </ul>
20229                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
20230                        
20231<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
20232                            <a href="/pages/loyalty" class="hover-text-link nav-link relative block lg:inline-block">
20233                              Loyalty & Rewards
20234                            </a>
20235                          </li><li class="mb-1  first:pt-0 pt-2">
20236                            <a href="/pages/pro-application" class="hover-text-link nav-link relative block lg:inline-block">
20237                              Pro Artist Program
20238                            </a>
20239                          </li><li class="mb-1  first:pt-0 pt-2">
20240                            <a href="/pages/brand-ambassadors" class="hover-text-link nav-link relative block lg:inline-block">
20241                              Brand Ambassador
20242                            </a>
20243                          </li>
20244                      </ul></div></div>
20245            <div class="footer-col--5 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="x-block-link-list pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
20246                        <p class="h6 text-[115%]">Legal</p>
20247                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''">
20248    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20249      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
20250    </svg>
20251</span>
20252                      </div>
20253                      <ul class="mt-6 hidden md:block">
20254                        
20255<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
20256                            <a href="/pages/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
20257                              Privacy
20258                            </a>
20259                          </li><li class="mb-1  first:pt-0 pt-2">
20260                            <a href="/pages/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block">
20261                              Terms of Service
20262                            </a>
20263                          </li><li class="mb-1  first:pt-0 pt-2">
20264                            <a href="/pages/mobile-message-service-terms-and-conditions" class="hover-text-link nav-link relative block lg:inline-block">
20265                              SMS Terms of Service
20266                            </a>
20267                          </li><li class="mb-1  first:pt-0 pt-2">
20268                            <a href="/pages/accessibility" class="hover-text-link nav-link relative block lg:inline-block">
20269                              Accessibility
20270                            </a>
20271                          </li><li class="mb-1  first:pt-0 pt-2">
20272                            <a href="/pages/sitemap" class="hover-text-link nav-link relative block lg:inline-block">
20273                              Sitemap
20274                            </a>
20275                          </li><div class="mt-2">
20276                            
20277<div id="selector-social" class=" flex flex-col items-center md:items-start mr-auto ml-auto">
20278    
20279      <ul class="social-list flex  flex-wrap pt-2.5 pb-2.5 gap-2 justify-center md:justify-start" role="list">
20280<li>
20281      <a href="https://www.facebook.com/soniarosellibeauty/" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
20282    <svg class="icon-animation" width="100%" height="100%" viewB
20282ox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20283      <path d="M17.6477 13.4987L18.322 9.15733H14.1091V6.34132C14.1091 5.15199 14.6971 3.99467 16.5851 3.99467H18.5V0.293323C18.5 0.293323 16.7631 0 15.0963 0C11.6278 0 9.35684 2.07999 9.35684 5.84533V9.15733H5.5V13.4987H9.35684V24H14.1037V13.4987H17.6477Z" fill="currentColor"/>
20284    </svg>
20285  
20286</a>
20287    </li><li>
20288      <a href="https://www.pinterest.com/soniaroselli/" target="blank" aria-label="Pinterest" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
20289    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20290      <path d="M12 0C5.37188 0 0 5.37188 0 12C0 17.0859 3.16406 21.4266 7.62656 23.175C7.52344 22.2234 7.425 20.7703 7.66875 19.7344C7.88906 18.7969 9.075 13.7719 9.075 13.7719C9.075 13.7719 8.71406 13.0547 8.71406 11.9906C8.71406 10.3219 9.67969 9.075 10.8844 9.075C11.9062 9.075 12.4031 9.84375 12.4031 10.7672C12.4031 11.7984 11.7469 13.3359 11.4094 14.7609C11.1281 15.9562 12.0094 16.9313 13.1859 16.9313C15.3187 16.9313 16.9594 14.6812 16.9594 11.4375C16.9594 8.56406 14.8969 6.55313 11.9484 6.55313C8.53594 6.55313 6.52969 9.1125 6.52969 11.7609C6.52969 12.7922 6.92812 13.8984 7.425 14.4984C7.52344 14.6156 7.5375 14.7234 7.50937 14.8406C7.42031 15.2203 7.21406 16.0359 7.17656 16.2C7.125 16.4203 7.00313 16.4672 6.77344 16.3594C5.27344 15.6609 4.33594 13.4719 4.33594 11.7094C4.33594 7.92188 7.0875 4.44844 12.2625 4.44844C16.425 4.44844 19.6594 7.41563 19.6594 11.3813C19.6594 15.5156 17.0531 18.8438 13.4344 18.8438C12.2203 18.8438 11.0766 18.2109 10.6828 17.4656C10.6828 17.4656 10.0828 19.7578 9.9375 20.3203C9.66562 21.3609 8.93437 22.6688 8.44687 23.4656C9.57187 23.8125 10.7625 24 12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0Z" fill="currentColor"/>
20291    </svg>
20292  
20293</a>
20294    </li><li>
20295      <a href="https://www.instagram.com/soniarosellibeauty/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
20296    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
20297      <path 
20298        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 
2029812.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
20299          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
20300          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
20301        />
20302    </svg>
20303  
20304</a>
20305    </li><li>
20306      <a href="https://www.tiktok.com/@soniarosellibeauty" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
20307    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20308      <path d="M16.9401 0H12.7968V16.3478C12.7968 18.2957 11.2032 19.8957 9.22007 19.8957C7.23693 19.8957 5.64334 18.2957 5.64334 16.3478C5.64334 14.4348 7.20152 12.8695 9.11385 12.8V8.69567C4.89966 8.7652 1.5 12.1391 1.5 16.3478C1.5 20.5913 4.97049 24 9.2555 24C13.5405 24 17.0109 20.5565 17.0109 16.3478V7.9652C18.5691 9.07827 20.4814 9.73913 22.5 9.77393V5.66957C19.3837 5.56522 16.9401 3.06087 16.9401 0Z" fill="currentColor"/>
20309    </svg>
20310  
20311</a>
20312    </li><li>
20313      <a href="https://www.youtube.com/@soniarosellistyle" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
20314    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20315      <path d="M23.7609 7.45237C23.7609 7.45237 23.5266 5.88392 22.8047 5.19522C21.8906 4.28881 20.8688 4.28437 20.4 4.23105C17.0438 4 12.0047 4 12.0047 4H11.9953C11.9953 4 6.95625 4 3.6 4.23105C3.13125 4.28437 2.10938 4.28881 1.19531 5.19522C0.473438 5.88392 0.24375 7.45237 0.24375 7.45237C0.24375 7.45237 0 9.29631 0 11.1358V12.8598C0 14.6992 0.239062 16.5432 0.239062 16.5432C0.239062 16.5432 0.473437 18.1116 1.19062 18.8003C2.10469 19.7067 3.30469 19.6756 3.83906 19.7734C5.76094 19.9467 12 20 12 20C12 20 17.0438 19.9911 20.4 19.7645C20.8688 19.7112 21.8906 19.7067 22.8047 18.8003C23.5266 18.1116 23.7609 16.5432 23.7609 16.5432C23.7609 16.5432 24 14.7037 24 12.8598V11.1358C24 9.29631 23.7609 7.45237 23.7609 7.45237ZM9.52031 14.9525V8.55873L16.0031 11.7667L9.52031 14.9525Z" fill="currentColor"/>
20316    </svg> 
20317  
20318</a>
20319    </li><li>
20320      <a href="mailto:[email protected]" aria-label="Email" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg class="icon-animation w-full h-full" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 197.8 197.8" xml:space="preserve">
20321    <path d="M171 32.1c5.8 0 10.7 2 14.7 5.9s5.9 8.9 5.9 14.7v92.8c0 5.7-2 10.6-5.9 14.7-4 4.1-8.9 6.1-14.7 5.9H26.3c-5.8 0-10.7-2-14.7-5.9-4-4-5.9-8.9-5.9-14.7V52.8c0-5.8 2-10.7 5.9-14.7s8.9-5.9 14.7-5.9H171zM171 52.8H26.3v2.2L94 114.4c1.2.9 2.7 1.4 4.6 1.4 1.8 0 3.3-.5 4.4-1.4l68-59.5v-2.1zM26.3 138.4l37.1-37.5-37.1-32.3v69.8zM87.5 122.1l-16.3-14.3-37.7 37.7h129.8l-37.7-37.7-16.1 14.3c-3.2 2.6-6.9 4-11.1 4-4 0-7.7-1.3-10.9-4zM133.7 100.9l37.3 37.3V68.6l-37.3 32.3z"/>
20322  </svg>
20323</a>
20324    </li><li>
20325      <a href="tel:312-371-8596" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg class="icon-animation w-full h-full" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 197.8 197.8" xml:space="preserve">
20326    <path d="M178.8 29.3c3.7 3.7 6.9 8.2 9.4 13.4 2.5 5.2 4.2 11.8 4.9 19.8.7 8 0 16.3-2.2 24.8-2.2 8.6-6.7 18.4-13.4 29.6-6.8 11.1-15.8 22.3-27 33.6-28.7 28.7-56.1 43-82.3 43-16.2 0-29.2-4.9-39-14.7l-16.9-16.9C6.7 156.3 4 149.6 4 141.8c0-7.9 2.8-14.5 8.3-19.9l15.1-15.1c5.6-5.6 12.2-8.3 19.9-8.3 7.7 0 14.4 2.8 19.9 8.3l13.1 12.9 39.5-39.2-13.2-13.1c-5.6-5.7-8.3-12.4-8.3-20.1 0-7.7 2.8-14.4 8.3-20.1l15.1-14.9c5.4-5.4 12.1-8.2 20-8.2 7.9 0 14.6 2.7 20 8.2zM25.5 148.5l10.3 10.2 28.5-28.3-10.5-10.2c-1.8-1.8-4-2.7-6.5-2.7s-4.7.9-6.5 2.7l-15.2 14.9c-1.8 1.8-2.7 4.1-2.7 6.7 0 2.6.9 4.9 2.7 6.7zm111.6-11.3c9.8-9.9 17.7-19.5 23.6-28.8 5.9-9.3 9.8-17.3 11.6-24.1 1.8-6.8 2.5-13.1 2-19-.5-5.9-1.5-10.6-3.1-14.1-1.6-3.5-3.5-6.3-5.8-8.5L137.1 71l2.7 2.7c1.8 1.8 2.7 4.1 2.7 6.7 0 2.7-.9 4.8-2.7 6.5L87 140c-1.8 1.8-4.1 2.7-6.7 2.7-2.7 0-4.9-.9-6.7-2.7l-2.7-3.1-28.3 28.7c6 6 14.6 9.1 25.6 9.1 21 0 44-12.5 68.9-37.4zM120 40.6c-1.8 1.8-2.7 4.1-2.7 6.7 0 2.7.9 4.9 2.7 6.7l10.2 10.2 28.5-28.3-10.3-10.2c-1.8-1.8-4-2.7-6.
203266-2.7-2.6 0-4.8.9-6.6 2.7z"/>
20327  </svg>
20328
20329</a>
20330    </li></ul>
20331     </div>
20332                          </div>
20333                      </ul>
20334                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
20335                        
20336<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
20337                            <a href="/pages/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
20338                              Privacy
20339                            </a>
20340                          </li><li class="mb-1  first:pt-0 pt-2">
20341                            <a href="/pages/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block">
20342                              Terms of Service
20343                            </a>
20344                          </li><li class="mb-1  first:pt-0 pt-2">
20345                            <a href="/pages/mobile-message-service-terms-and-conditions" class="hover-text-link nav-link relative block lg:inline-block">
20346                              SMS Terms of Service
20347                            </a>
20348                          </li><li class="mb-1  first:pt-0 pt-2">
20349                            <a href="/pages/accessibility" class="hover-text-link nav-link relative block lg:inline-block">
20350                              Accessibility
20351                            </a>
20352                          </li><li class="mb-1  first:pt-0 pt-2">
20353                            <a href="/pages/sitemap" class="hover-text-link nav-link relative block lg:inline-block">
20354                              Sitemap
20355                            </a>
20356                          </li><div class="mt-2">
20357                            
20358<div id="selector-social" class=" flex flex-col items-center md:items-start mr-auto ml-auto">
20359    
20360      <ul class="social-list flex  flex-wrap pt-2.5 pb-2.5 gap-2 justify-center md:justify-start" role="list">
20361<li>
20362      <a href="https://www.facebook.com/soniarosellibeauty/" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
20363    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20364      <path d="M17.6477 13.4987L18.322 9.15733H14.1091V6.34132C14.1091 5.15199 14.6971 3.99467 16.5851 3.99467H18.5V0.293323C18.5 0.293323 16.7631 0 15.0963 0C11.6278 0 9.35684 2.07999 9.35684 5.84533V9.15733H5.5V13.4987H9.35684V24H14.1037V13.4987H17.6477Z" fill="currentColor"/>
20365    </svg>
20366  
20367</a>
20368    </li><li>
20369      <a href="https://www.pinterest.com/soniaroselli/" target="blank" aria-label="Pinterest" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
20370    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20371      <path d="M12 0C5.37188 0 0 5.37188 0 12C0 17.0859 3.16406 21.4266 7.62656 23.175C7.52344 22.2234 7.425 20.7703 7.66875 19.7344C7.88906 18.7969 9.075 13.7719 9.075 13.7719C9.075 13.7719 8.71406 13.0547 8.71406 11.9906C8.71406 10.3219 9.67969 9.075 10.8844 9.075C11.9062 9.075 12.4031 9.84375 12.4031 10.7672C12.4031 11.7984 11.7469 13.3359 11.4094 14.7609C11.1281 15.9562 12.0094 16.9313 13.1859 16.9313C15.3187 16.9313 16.9594 14.6812 16.9594 11.4375C16.9594 8.56406 14.8969 6.55313 11.9484 6.55313C8.53594 6.55313 6.52969 9.1125 6.52969 11.7609C6.52969 12.7922 6.92812 13.8984 7.425 14.4984C7.52344 14.6156 7.5375 14.7234 7.50937 14.8406C7.42031 15.2203 7.21406 16.0359 7.17656 16.2C7.125 16.4203 7.00313 16.4672 6.77344 16.3594C5.27344 15.6609 4.33594 13.4719 4.33594 11.7094C4.33594 7.92188 7.0875 4.44844 12.2625 4.44844C16.425 4.44844 19.6594 7.41563 19.6594 11.3813C19.6594 15.5156 17.0531 18.8438 13.4344 18.8438C12.2203 18.8438 11.0766 18.2109 10.6828 17.4656C10.6828 17.4656 10.0828 19.7578 9.9375 20.3203C9.66562 21.3609 8.93437 22.6688 8.44687 23.4656C9.57187 23.8125 10.7625 24 12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0Z" fill="currentColor"/>
20372    </svg>
20373  
20374</a>
20375    </li><li>
20376      <a href="https://www.instagram.com/soniarosellibeauty/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
20377    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
20377ox="0 0 24 24" fill="currentColor">
20378      <path 
20379        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
20380          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
20381          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
20382        />
20383    </svg>
20384  
20385</a>
20386    </li><li>
20387      <a href="https://www.tiktok.com/@soniarosellibeauty" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
20388    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20389      <path d="M16.9401 0H12.7968V16.3478C12.7968 18.2957 11.2032 19.8957 9.22007 19.8957C7.23693 19.8957 5.64334 18.2957 5.64334 16.3478C5.64334 14.4348 7.20152 12.8695 9.11385 12.8V8.69567C4.89966 8.7652 1.5 12.1391 1.5 16.3478C1.5 20.5913 4.97049 24 9.2555 24C13.5405 24 17.0109 20.5565 17.0109 16.3478V7.9652C18.5691 9.07827 20.4814 9.73913 22.5 9.77393V5.66957C19.3837 5.56522 16.9401 3.06087 16.9401 0Z" fill="currentColor"/>
20390    </svg>
20391  
20392</a>
20393    </li><li>
20394      <a href="https://www.youtube.com/@soniarosellistyle" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
20395    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20396      <path d="M23.7609 7.45237C23.7609 7.45237 23.5266 5.88392 22.8047 5.19522C21.8906 4.28881 20.8688 4.28437 20.4 4.23105C17.0438 4 12.0047 4 12.0047 4H11.9953C11.9953 4 6.95625 4 3.6 4.23105C3.13125 4.28437 2.10938 4.28881 1.19531 5.19522C0.473438 5.88392 
203960.24375 7.45237 0.24375 7.45237C0.24375 7.45237 0 9.29631 0 11.1358V12.8598C0 14.6992 0.239062 16.5432 0.239062 16.5432C0.239062 16.5432 0.473437 18.1116 1.19062 18.8003C2.10469 19.7067 3.30469 19.6756 3.83906 19.7734C5.76094 19.9467 12 20 12 20C12 20 17.0438 19.9911 20.4 19.7645C20.8688 19.7112 21.8906 19.7067 22.8047 18.8003C23.5266 18.1116 23.7609 16.5432 23.7609 16.5432C23.7609 16.5432 24 14.7037 24 12.8598V11.1358C24 9.29631 23.7609 7.45237 23.7609 7.45237ZM9.52031 14.9525V8.55873L16.0031 11.7667L9.52031 14.9525Z" fill="currentColor"/>
20397    </svg> 
20398  
20399</a>
20400    </li><li>
20401      <a href="mailto:[email protected]" aria-label="Email" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg class="icon-animation w-full h-full" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 197.8 197.8" xml:space="preserve">
20402    <path d="M171 32.1c5.8 0 10.7 2 14.7 5.9s5.9 8.9 5.9 14.7v92.8c0 5.7-2 10.6-5.9 14.7-4 4.1-8.9 6.1-14.7 5.9H26.3c-5.8 0-10.7-2-14.7-5.9-4-4-5.9-8.9-5.9-14.7V52.8c0-5.8 2-10.7 5.9-14.7s8.9-5.9 14.7-5.9H171zM171 52.8H26.3v2.2L94 114.4c1.2.9 2.7 1.4 4.6 1.4 1.8 0 3.3-.5 4.4-1.4l68-59.5v-2.1zM26.3 138.4l37.1-37.5-37.1-32.3v69.8zM87.5 122.1l-16.3-14.3-37.7 37.7h129.8l-37.7-37.7-16.1 14.3c-3.2 2.6-6.9 4-11.1 4-4 0-7.7-1.3-10.9-4zM133.7 100.9l37.3 37.3V68.6l-37.3 32.3z"/>
20403  </svg>
20404</a>
20405    </li><li>
20406      <a href="tel:312-371-8596" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg class="icon-animation w-full h-full" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 197.8 197.8" xml:space="preserve">
20407    <path d="M178.8 29.3c3.7 3.7 6.9 8.2 9.4 13.4 2.5 5.2 4.2 11.8 4.9 19.8.7 8 0 16.3-2.2 24.8-2.2 8.6-6.7 18.4-13.4 29.6-6.8 11.1-15.8 22.3-27 33.6-28.7 28.7-56.1 43-82.3 43-16.2 0-29.2-4.9-39-14.7l-16.9-16.9C6.7 156.3 4 149.6 4 141.8c0-7.9 2.8-14.5 8.3-19.9l15.1-15.1c5.6-5.6 12.2-8.3 19.9-8.3 7.7 0 14.4 2.8 19.9 8.3l13.1 12.9 39.5-39.2-13.2-13.1c-5.6-5.7-8.3-12.4-8.3-20.1 0-7.7 2.8-14.4 8.3-20.1l15.1-14.9c5.4-5.4 12.1-8.2 20-8.2 7.9 0 14.6 2.7 20 8.2zM25.5 148.5l10.3 10.2 28.5-28.3-10.5-10.2c-1.8-1.8-4-2.7-6.5-2.7s-4.7.9-6.5 2.7l-15.2 14.9c-1.8 1.8-2.7 4.1-2.7 6.7 0 2.6.9 4.9 2.7 6.7zm111.6-11.3c9.8-9.9 17.7-19.5 23.6-28.8 5.9-9.3 9.8-17.3 11.6-24.1 1.8-6.8 2.5-13.1 2-19-.5-5.9-1.5-10.6-3.1-14.1-1.6-3.5-3.5-6.3-5.8-8.5L137.1 71l2.7 2.7c1.8 1.8 2.7 4.1 2.7 6.7 0 2.7-.9 4.8-2.7 6.5L87 140c-1.8 1.8-4.1 2.7-6.7 2.7-2.7 0-4.9-.9-6.7-2.7l-2.7-3.1-28.3 28.7c6 6 14.6 9.1 25.6 9.1 21 0 44-12.5 68.9-37.4zM120 40.6c-1.8 1.8-2.7 4.1-2.7 6.7 0 2.7.9 4.9 2.7 6.7l10.2 10.2 28.5-28.3-10.3-10.2c-1.8-1.8-4-2.7-6.6-2.7-2.6 0-4.8.9-6.6 2.7z"/>
20408  </svg>
20409
20410</a>
20411    </li></ul>
20412     </div>
20413                          </div>
20414                      </ul></div></div></div></div><div class="additional-footer ltr x-pgw page-width mr-auto ml-auto lg:flex lg:flex-row lg:justify-between items-center"
20415  >
20416    <div class="flex flex-col lg:flex lg:flex-row gap-x-7 items-center w-full justify-between"><div class="mb-3 md:mb-2 lg:mb-0">
20417        
20418
20419        </div><div class="flex flex-col items-center lg:mb-0 order-last md:order-none lg:pl-14 lg:max-w-3xl">
20420        <div class="mt-4 md:mt-4 base-link text-center lg:mt-0 lg:text-right p-break-words"><p class="inline-block">&copy; 2026, </p>
20421            <a href="/" title="">Sonia Roselli Skincare</a>.
20422        </div>
20423      </div>
20424        <ul class="icon-payment flex justify-center gap-2 flex-wrap" role="list"><li>
20425              <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-amazon"><title id="pi-amazon">Amazon</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" fill-rule="nonzero" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF" fill-rule="nonzero"/><path d="M25.26 16.23c-1.697 1.48-4.157 2.27-6.275 2.27-2.97 0-5.644-1.3-7.666-3.463-.16-.17-.018-.402.173-.27 2.183 1.504 4.882 2.408 7.67 2.408 1.88 0 3.95-.46 5.85-1.416.288-.145.53.222.248.47v.001zm.706-.957c-.216-.328-1.434-.155-1.98-.078-.167.024-.193-.148-.043-.27.97-.81 2.562-.576 2.748-.305.187.272-.047 2.16-.96 3.063-.14.138-.272.064-.21-.12.205-.604.664-1.96.446-2.29h-.001z" fill="#F90" fill-rule="nonzero"/><path d="M21.814 15.291c-.574-.498-.676-.73-.993-1.205-.947 1.012-1.618 1.315-2.85 1.315-1.453 0-2.587-.938-2.587-2.818 0-1.467.762-2.467 1.844-2.955.94-.433 2.25-.51 3.25-.628v-.235c0-.43.033-.94-.208-1.31-.212-.333-.616-.47-.97-.47-.66 0-1.25.353-1.392 1.085-.
2042503.163-.144.323-.3.33l-1.677-.187c-.14-.033-.296-.153-.257-.38.386-2.125 2.223-2.766 3.867-2.766.84 0 1.94.234 2.604.9.842.82.762 1.918.762 3.11v2.818c0 .847.335 1.22.65 1.676.113.164.138.36-.003.482-.353.308-.98.88-1.326 1.2a.367.367 0 0 1-.414.038zm-1.659-2.533c.34-.626.323-1.214.323-1.918v-.392c-1.25 0-2.57.28-2.57 1.82 0 .782.386 1.31 1.05 1.31.487 0 .922-.312 1.197-.82z" fill="#221F1F"/></svg>
20426
20427            </li><li>
20428              <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
20429
20430            </li><li>
20431              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 
204311.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
20432
20433            </li><li>
20434              <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
20435            </li><li>
20436              <svg viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
20437            </li><li>
20438              <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.
2043806zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
20439
20440            </li><li>
20441              <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
20442
20443            </li><li>
20444              <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 
204440-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
20445            </li><li>
20446              <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
20447
20448            </li><li>
20449              <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 
2044916.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
20450
20451            </li></ul></div>
20452  </div>
20453</div>
20454</div>
20455<!-- END sections: footer-group -->
20456        
20457      
20458<div id="eurus-popup" class="fixed duration-500 inset-0 z-[100] pointer-events-none md:block flex flex-col-reverse h-fit top-[unset] md:h-full md:top-0" x-cloak></div>
20459
20460<div id="popup-minimal-left"
20461  class="popup-minimal fixed z-50 bottom-4 md:bottom-8 left-4 md:left-8 pointer-events-auto pr-4 md:pr-8"
20462></div>
20463
20464      
20465        <div class="scroll-to-top">
20466  <style data-shopify>
20467    .scroll_top {
20468      bottom: 40px;
20469    }
20470    @media(min-width: 768px) {
20471      .scroll_top {
20472        bottom: 40px;
20473      }
20474    }
20475  </style>
20476  <div
20477    x-data="xScrollTop"
20478    @init-run.window="scrollFunction()"
20479    @scroll.window="scrollFunction()"
20480    class="hidden md:block"
20481  >
20482    <button 
20483      x-show="show" x-cloak 
20484      @click="scrollTop()" 
20485      class="scroll_top fixed z-50 pl-3 pr-3 pb-3 pt-3 w-11 h-11 md:w-14 md:h-14 md:pl-4 md:pt-4 md:pr-4 md:pb-4 border-0 rounded-full right-5 rtl:right-auto rtl:left-5 -rotate-90 button-outline"
20486      x-transition:enter="transition-all ease-in-out duration-500"
20487      x-transition:enter-start="opacity-0 transform translate-y-1/3"
20488      x-transition:enter-end="opacity-100 translate-y-0"
20489      x-transition:leave="transition-all ease-in-out duration-500"
20490      x-transition:leave-end="opacity-0 transform translate-y-1/3"
20491      aria-label="scroll top"
20492    >
20493      
20494        
20495    <svg width="100%" height="100%" class=" w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20496      <path fill="none" d="M15.7122 20L23 12.5L15.7122 5M1 12.5001H21.5834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
20497    </svg>
20498  
20499
20500      
20501    </button>
20502  </div>
20503  
20503<script>
20504    requestAnimationFrame(() => {
20505      document.addEventListener('alpine:init', () => {
20506        Alpine.data('xScrollTop', () => ({
20507          show: false,
20508          scrollTop() {
20509            window.scrollTo({top: 0, behavior: 'smooth'});
20510          },
20511          scrollFunction() {
20512            const position = window.xViewport.innerWidth < 1025 ? 300 : 900;
20513            this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position)
20514              ? true : false;
20515          }
20516        }));
20517      });
20518    });
20519  </script>
20519
20520</div>
20521      
20522      
20523    </div>
20524    <div><div
20525            class="hidden" 
20526            x-data='xTabAttention({
20527              message1: "We\u0027re still here!", 
20528              message2: "Come back for rewards!", 
20529              delay: 3
20530            })'
20531            @init-run.window="initTabAttention()"
20532          >
20533          </div>
20534          
20534<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/tab-attention.js?v=32006057042266106271782713469" defer></script>
20534<ul hidden>
20535        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.
20536        </li>
20537        <li id="a11y-new-window-message">Opens in a new window.
20538        </li>
20539      </ul>
20540      
20540<script>
20541        window.Eurus = {
20542          cart_error: `There was an error while updating your cart. Please try again.`,
20543          cart_quantity_error_html: `You can only add [quantity] of this item to your cart.`,
20544          loadedScript: new Set(),
20545          cart_add_url: '/cart/add'
20546        };
20547      </script>
20547
20548      
20549      
20549<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/splide4.1.3.js?v=75458750262329959491782713469" defer></script>
20549
20550      
20551      
20552<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/coupon-code.js?v=135514657843889770711782713469" defer></script>
20552
20553
20554        
20554<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/product-recommendations.js?v=79934933607583473321782713469" defer></script>
20554
20555      
20556<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/estimate-shipping-rate.js?v=35554055062891148931782713469" defer></script>
20556<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/product-insurance.js?v=150031005349469277621782713469" defer></script>
20556
20557        
20557<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/preview-color-swatches.js?v=5957683164806633661782713469" defer></script>
20557
20558        
20558<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/speech-search.js?v=80603510328065116571782713469" defer></script>
20558
20559        
20559<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/double-touch.js?v=64605958049830659291782713469" defer></script>
20559<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/cart-countdown-timer.js?v=143864077785370808651782713469" defer></script>
20559
20560      
20561      
20561<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/theme.js?v=47174415326487577631782713469" defer></script>
20561
20562      
20562<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/header.js?v=53444609849464794681782713469" defer></script>
20562
20563      
20563<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/truncate-text.js?v=48087358240679057471782713469" defer></script>
20563
20564      
20564<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/variant-select-card.js?v=66303865572284760631782713469" defer></script>
20564
20565      
20566        
20566<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/product-cart.js?v=60769023760558595491782713469" defer></script>
20566
20567        
20567<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/quantity-selector.js?v=56005620581758573381782713469" defer></script>
20567
20568      
20569      
20569<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/video.js?v=64484941244777200891782713469" defer></script>
20569
20570      
20570<script src="//www.soniaroselli.com/cdn/shop/t/201/assets/vendors.js?v=21726020999429958561782713469" defer></script>
20570
20571      
20571<script>
20572        window.addEventListener("load", (event) => {
20573          deferScriptLoad('instant.page', '//www.soniaroselli.com/cdn/shop/t/201/assets/instant.page.v5.1.1.js?v=43232110432331176871782713469', () => {}, true);
20574        });
20575      </script>
20575
20576    </div>
20577  <style> .back-in-stock-cta {background: #313131 !important; color: #f1f1f0 !important; width: 100% !important; padding: 14px 16px;} </style>
20578<div id="shopify-block-Ad3lHck9Ccldkb2R1R__12526071353035850722" class="shopify-block shopify-app-block">
20579  
20579<script defer src="https://backinstock.useamp.com/widget/51123_1789051338.js?category=bis&v=6"></script>
20579
20580
20581
20582<script id="back-in-stock-helper-embedded">
20583  var _BISConfig = _BISConfig || {};
20584
20585  
20586
20587  
20588</script>
20588
20589
20590<script id="preorders-helper-embedded">
20591  
20592</script>
20592
20593
20594<script id="low-stock-helper-embedded">
20595  
20596</script>
20596
20597
20598
20599
20600
20601<script defer type="module" src="https://cdn.shopify.com/extensions/01a0ae82-28b0-715d-bb47-827eda8f44e3/back-in-stock-69/assets/wishlist.js"></script>
20601
20602
20603
20604<script defer type="module" src="https://cdn.shopify.com/extensions/01a0ae82-28b0-715d-bb47-827eda8f44e3/back-in-stock-69/assets/preorder-product-page-updater.js"></script>
20604
20605
20606
20607
20608
20609</div><div id="shopify-block-AK2cvU1YxM2RudVVoa__17368511000352060744" class="shopify-block shopify-app-block">
20609<script type="text/javascript">
20610    window.gfp_customer = {
20611      id: "",
20612      email: "",
20613      first_name: "",
20614      last_name: ""
20615    }
20616    function gfpLoadWidgets() {
20617    if (!document.querySelector('script[src="https://widgets.goaffpro.app/main.js"]')) {
20618      var s = document.createElement('script');
20619      s.type = 'module';
20620      s.src = 'https://widgets.goaffpro.app/main.js';
20621      document.head.appendChild(s);
20622    }
20623  }
20624</script>
20624
20625
20626 
20626<script type="text/javascript" async="true" src="/a/goaffpro/loader.js"></script>
20626
20627
20628
20629
20630
20631
20632
20633
20634
20635</div><div id="shopify-block-AdW9mTWxpY0NKNDNDd__6842374028040892932" class="shopify-block shopify-app-block">
20636
20637<!-- BEGIN app snippet: loyalty-styles -->
20638
20639
20640
20641
20642
20643  
20644  
20645    
20646    <link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fdbf-6544-724b-b6ff-afcfa58e537b/loyalty-program-21-346/assets/common.css" media="print" onload="this.onload=null;this.media='all'">
20647    <noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fdbf-6544-724b-b6ff-afcfa58e537b/loyalty-program-21-346/assets/common.css"></noscript>
20648  
20649
20650  
20651  
20652    
20653    <link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fdbf-6544-724b-b6ff-afcfa58e537b/loyalty-program-21-346/assets/modals.css" media="print" onload="this.onload=null;this.media='all'">
20654    <noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fdbf-6544-724b-b6ff-afcfa58e537b/loyalty-program-21-346/assets/modals.css"></noscript>
20655  
20656
20657  
20658  
20659    
20660    <link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fdbf-6544-724b-b6ff-afcfa58e537b/loyalty-program-21-346/assets/loyalty-page-rules.css" media="print" onload="this.onload=null;this.media='all'">
20661    <noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fdbf-6544-724b-b6ff-afcfa58e537b/loyalty-program-21-346/assets/loyalty-page-rules.css"></noscript>
20662  
20663
20664  
20665  
20666    
20667    <link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fdbf-6544-724b-b6ff-afcfa58e537b/loyalty-program-21-346/assets/carousel.css" media="print" onload="this.onload=null;this.media='all'">
20668    <noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fdbf-6544-724b-b6ff-afcfa58e537b/loyalty-program-21-346/assets/carousel.css"></noscript>
20669  
20670
20671  
20672  
20673    
20674    <link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fdbf-6544-724b-b6ff-afcfa58e537b/loyalty-program-21-346/assets/cart.css" media="print" onload="this.onload=null;this.media='all'">
20675    <noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fdbf-6544-724b-b6ff-afcfa58e537b/loyalty-program-21-346/assets/cart.css"></noscript>
20676  
20677
20678<!-- END app snippet -->
20679
20680
20681<!-- BEGIN app snippet: customizations -->
20682
20683
20684<script
20685  type='application/json'
20686  class='ll__storefront-customizations-ho4ed3'
20687  data-current-locale='en'
20688>
20689  {
20690    "multiLanguageTextCustomizations":{
20691      "en":null
20692    },
20693    "dynamicContentTranslations":{
20694      "en":null
20695    },"textCustomizations": {"loyaltyPageLoggedOutTitleText":"Welcome to your Rewards, ","loyaltyPageLoggedOutSubtitleText":"Got points? Log in to find out and treat yourself. \u003cbr\u003e 400 Points","loyaltyPageLoggedOutJoinButtonText":"Join the program","loyaltyPageLoggedOutLoginButtonText":"Log in","loyaltyPageReferralLoggedOutSubtitleText":"Give your friends $20 off on their first order and get 2000 points for each successful referral.","loyaltyPageReferralLoggedOutTitleText":"Give $20 off coupon, Get $20"},"cartPlacementSelector": ".cart-drawer-price-total","backgroundColorDark": "#313131","backgroundColorLight": "#ece9e2","borderRadius": "6","customCSS": ".ll__container {\nmax-width: 540px !important;\npadding: 14px 20px; !important;\nmargin-left: 0 !important;\nbackground: transparent;\nborder-top: 1px solid #e5e7eb;\n}","textColor": "#333","textColorLight": "#f1f1f0"}
20696</script>
20696
20697
20698<style>
20699  .ll__root-ho4ed3 {
20700    --color-background-dark: #313131;
20701    --color-background-light: #ece9e2;
20702    --color-text-light: #f1f1f0;
20703    --color-text: #333;
20704    --border-radius-button: 6px;
20705    }
20706
20707  .ll__container {
20708max-width: 540px !important;
20709padding: 14px 20px; !important;
20710margin-left: 0 !important;
20711background: transparent;
20712border-top: 1px solid #e5e7eb;
20713}
20714</style>
20715<!-- END app snippet -->
20716
20717
20718
20719
20720
20721
20722
20723
20724
20725
20726
20727
20728
20729
20730
20731  
20732  <!-- BEGIN app snippet: modal -->
20733
20734
20735
20736
20737
20738
20739
20740
20741
20742<script
20743  type='application/json'
20744  class='ll__shop-data-ho4ed3'
20745  data-product-variant-id=''
20746  data-customer-tags=''
20747>
20748  {"excludedCustomerTags":["wholesale"],"earnRules":[{"id":252428,"type":"Sign up","title":"Sign up","pointsPerAction":300},{"id":844073,"type":"Place an order","title":"Place an order","pointsPerAction":10,"actionConditionType":"relative","actionConditionAmount":1,"isOnFulfilled":false},{"id":774990,"type":"Leave a review","title":"Leave a review","pointsPerAction":400,"reviewApp":"judgeme","reviewRequirements":["rating"]},{"id":947820,"type":"Leave a review","title":"Leave a review with a Photo ","pointsPerAction":500,"reviewApp":"judgeme","reviewRequirements":["photo"]},{"id":278533,"type":"Birthday points","title":"Birthday points","pointsPerAction":500},{"id":692637,"type":"Follow on Instagram","title":"Follow on us Instagram","pointsPerAction":200,"openLinkUrl":"https:\/\/instagram.com\/soniarosellibeauty"},{"id":931018,"type":"Visit a link","title":"Follow us on Pinterest","pointsPerAction":200,"openLinkUrl":"https:\/\/pinterest.com\/soniaroselli\/_created\/","actionButtonLabel":"Follow"},{"id":674811,"type":"Follow on TikTok","title":"Follow on us TikTok","pointsPerAction":200,"openLinkUrl":"https:\/\/tiktok.com\/@soniarosellibeauty"},{"id":241414,"type":"Share link on Facebook","title":"Share on Facebook","pointsPerAction":200,"openLinkUrl":"https:\/\/facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.soniaroselli.com%2F"},{"id":740296,"type":"Like Facebook page","title":"Like us on Facebook","pointsPerAction":100,"openLinkUrl":"https:\/\/facebook.com\/soniarosellibeauty"}],"redeemRules":[{"id":355681,"type":"Amount discount","title":"$20 Reward","costPoints":2000,"rewardAmount":20,"rewardType":"fixed"},{"id":119003,"type":"Amount discount","title":"$15 Reward","costPoints":1500,"rewardAmount":15,"rewardType":"fixed"},{"id":315385,"type":"Amount discount","title":"$10 Reward","costPoints":1000,"rewardAmount":10,"rewardType":"fixed"},{"id":392209,"type":"Amount discount","title":"$5 Reward","costPoints":500,"rewardAmount":5,"rewardType":"fixed"}],"vipTiers":[{"name":"Bronze","threshold":0,"benefits":[]},{"name":"Silver","threshold":500,"benefits":[]},{"name":"Gold","threshold":1000,"benefits":[]}],"vipTierOptions":{"isEnabled":false,"thresholdType":"points","progressExpirationType":"never"},"pointsName":{"singular":"point","plural":"points"},"isExcludeShippingFromPointsCalculation":true,"isExcludeTaxesFromPointsCalculation":true,"referral":{"isEnabled":true,"isAccountRequired":false,"socialShareTypes":["facebook","twitter","email"],"referrerReward":{"type":"Amount discount","title":"Get $20 off","rewardAmount":20,"rewardType":"fixed"},"refereeReward":{"type":"Amount discount","title":"Get $20 off","rewardAmount":20,"rewardType":"fixed"},"subject":"","socialShareIconUrls":{"facebook":"https:\/\/cdn.shopify.com\/s\/files\/1\/1121\/8630\/files\/share-icon-facebook_80x80.png?v=1779456867","twitter":"https:\/\/cdn.shopify.com\/s\/files\/1\/1121\/8630\/files\/share-icon-x_80x80.png?v=1779456867","email":"https:\/\/cdn.shopify.com\/s\/files\/1\/1121\/8630\/files\/share-icon-email_80x80.png?v=1779456867","whatsapp":"https:\/\/cdn.shopify.com\/s\/files\/1\/1121\/8630\/files\/share-icon-whatsapp_80x80.png?v=1779456867","sms":"https:\/\/cdn.shopify.com\/s\/files\/1\/1121\/8630\/files\/share-icon-sms_80x80.png?v=1779456867"}},"pointsExpirationMonths":24,"loveLinks":[{"id":643330,"internalTitle":"MDW $10 reward ","title":"Claim your $10 reward before it disappears! ","pointsPerAction":1000,"expiresAt":"2026-05-27T04:59:59.999Z"},{"id":504149,"internalTitle":"Pro Offer ","title":"$20 for your kit ","pointsPerAction":2000,"expiresAt":"2026-07-22T04:59:59.999Z"},{"id":958983,"internalTitle":"SMS Off","title":"SMS $5 ","pointsPerAction":500,"expiresAt":"2026-07-24T04:59:59.999Z"},{"id":325729,"internalTitle":"Winback2026","title":"Winback ","pointsPerAction":1000,"expiresAt":"2026-08-09T04:59:59.999Z"}]}
20749</script>
20749
20750
20751
20752  
20752<script type='application/json' class='ll__active-rewards-ho4ed3'>
20753    null
20754  </script>
20754
20755
20756
20757
20758
20759
20760
20761
20762
20763
20764
20765
20766
20767
20768
20769
20770
20771
20772
20773
20774
20775<dialog
20776  class='ll__redeem-modal-ho4ed3 ll__root-ho4ed3 ll__modal'
20777  data-points-available='0'
20778
20779  
20780>
20781  <div class='ll__modal-content'>
20782    
20783      <div class='ll__page-1 ll__modal-page ll__logged-out' style='display: none;'>
20784        <!-- BEGIN app snippet: modal-header --><div class='ll__header'>
20785  
20786
20787  
20788
20789  
20790
20791  <button type='button' class='ll__close-button'>✕</button>
20792</div>
20793<!-- END app snippet -->
20794
20795        <p class='ll__title'>
20796          
20797            Join program to get rewards
20798          
20799        </p>
20800
20801        <p class='ll__subtitle'>
20802          
20803            Redeem your points for discounts
20804          
20805        </p>
20806
20807        <div class='ll__button-group'>
20808          <button type='button' class='ll__join-button ll__button'>
20809            
20810              Join now
20811            
20812          </button>
20813
20814          <button type='button' class='ll__login-button ll__button'>
20815            
20816              Log in
20817            
20818          </button>
20819        </div>
20820      </div>
20821    
20822
20823    
20824      <div class='ll__page-3 ll__modal-page' style='display: none;'>
20825        <!-- BEGIN app snippet: modal-header --><div class='ll__header'>
20826  <button type='button' class='ll__back-button'>←</button>
20827  
20828
20829  
20830    <div class='ll__back-button-placeholder' style='display: none;'> </div>
20831  
20832
20833  
20834
20835  <button type='button' class='ll__close-button'>✕</button>
20836</div>
20837<!-- END app snippet -->
20838
20839        <div class='ll__illustrated-block'>
20840          <span class='ll__icon-percentage'></span>
20841
20842          <div>
20843            <p class='ll__selected-rule-title'></p>
20844            <p class='ll__selected-rule-subtitle'></p>
20845          </div>
20846        </div>
20847
20848        <p class='ll__description'>
20849          Use this discount code on your next order!
20850        </p>
20851
20852        <div class='ll__input-container'>
20853          <input type='text' class='ll__discount-code-input ll__input' readonly>
20854
20855          <button type='button' class='ll__copy-discount-button ll__copy-button'>
20856            <span class='ll__copied-message' style='display: none;'>Copied!</span>
20857
20858            <span class='ll__icon-copy'></span>
20859          </button>
20860        </div>
20861
20862        <p class='ll__expiration-date'>
20863          Reward expires on <span class='ll__expiration-date-value'></span>
20864        </p>
20865
20866        <p class='ll__apply-discount-error ll__error'></p>
20867
20868        <button type='button' class='ll__apply-discount-button ll__button'></button>
20869
20870        
20871      </div>
20872
20873      
20874    
20875
20876    
20877      <div class='ll__page-referral ll__modal-page'>
20878        
20879        <!-- BEGIN app snippet: modal-header --><div class='ll__header'>
20880  
20881
20882  
20883
20884  
20885    <div>Reward program</div>
20886  
20887
20888  <button type='button' class='ll__close-button'>✕</button>
20889</div>
20890<!-- END app snippet -->
20891
20892        <div class='ll__illustrated-block'>
20893          <span class='ll__icon-percentage'></span>
20894
20895          <div>
20896            <p class='ll__selected-rule-title'>
20897              Get $20 off
20898            </p>
20899
20900            <p class='ll__selected-rule-subtitle' style='display: none;'></p>
20901          </div>
20902        </div>
20903
20904        <div class='ll__input-container'>
20905          <div class='ll__input-icon-container'>
20906            <!-- BEGIN app snippet: icon-email --><svg width='21' height='18' viewBox='0 0 21 18' xmlns='http://www.w3.org/2000/svg'>
20907  <path fill="currentColor" d="M3.7 19.9c-.8-.1-1.5-.4-2.1-1-.6-.6-.9-1.3-1-2.1-.3-2-.5-4.2-.5-6.3 0-1.6.1-3.2.3-4.7 0-.1 0-.1.1-.2 0-.1.1-.1.2-.1.1 0 .1 0 .2 0 .1 0 .1 0 .2.1l7.2 5.7c.8.6 1.8 1 2.8 1s2-.4 2.8-1l7.2-5.7c.1-.1.1-.1.2-.1.1 0 .1 0 .2 0 .1 0 .1.1.2.1 0 .1.1.1.1.2.2 1.5.3 3.1.3 4.7 0 2.2-.3 4.3-.5 6.3-.1.8-.4 1.5-1 2.1-.6.6-1.3.9-2.1 1l-.2 0c-2.3.2-4.7.5-7.1.5s-4.8-.3-7.1-.5l-.2 0zm17.1-17.4c.1.1.1.2.1.3 0 .1-.1.2-.2.2l-8.3 6.5c-.4.3-.9.5-1.4.5s-1-.2-1.4-.5L1.3 3c-.1-.1-.2-.2-.2-.3 0-.1.1-.2.1-.3.3-.4.7-.7 1.1-.9.4-.2.9-.4 1.4-.4l.2 0c2.3-.2 4.7-.5 7.1-.5s4.8.2 7.1.5l.2 0c.5 0 1 .2 1.4.4.4.2.8.5 1.1.9z"/>
20908</svg>
20909<!-- END app snippet -->
20910          </div>
20911
20912          <input
20913            type='text'
20914            class='ll__email-input ll__input'
20915            placeholder='Your email'
20916          >
20917        </div>
20918
20919        <p class='ll__description'>
20920          
20921            Add your email to claim discount.
20922          
20923        </p>
20924
20925        <p class='ll__referral-error ll__error'></p>
20926
20927        <button type='button' class='ll__claim-reward-button ll__button'>
20928          Claim reward
20929        </button>
20930
20931        <p class='ll__referral-marketing-consent ll__description' style='display: none;'></p>
20932
20933        <button type='button' class='ll__create-account-button ll__button'>
20934          Create Account
20935        </button>
20936      </div>
20937    
20938  </div>
20939</dialog>
20940<!-- END app snippet -->
20941
20942  
20942<script src='https://cdn.shopify.com/extensions/01a0fdbf-6544-724b-b6ff-afcfa58e537b/loyalty-program-21-346/assets/modals.js' type='text/javascript' defer></script>
20942
20943
20944  
20945    
20945<script src='https://cdn.shopify.com/extensions/01a0fdbf-6544-724b-b6ff-afcfa58e537b/loyalty-program-21-346/assets/referral.js' type='text/javascript' defer></script>
20945
20946  
20947
20948
20949
20950
20951
20952
20953  
20953<script src='https://cdn.shopify.com/extensions/01a0fdbf-6544-724b-b6ff-afcfa58e537b/loyalty-program-21-346/assets/cart.js' type='text/javascript' defer></script>
20953
20954
20955  
20956
20957
20958<script src='https://cdn.shopify.com/extensions/01a0fdbf-6544-724b-b6ff-afcfa58e537b/loyalty-program-21-346/assets/opt-in.js' type='text/javascript' defer></script>
20958
20959
20960
20961
20962  
20963
20964  <div class='ll__cart-ho4ed3 ll__root-ho4ed3 ll__container' style='display: none;'>
20965    
20966      <span>Log in to redeem your points for rewards.</span>
20967
20968      <a href='https://www.soniaroselli.com/customer_authentication/redirect?locale=en&region_country=US?return_url=/cart'>Log in</a>
20969    
20970  </div>
20971
20972
20973
20974
20975</div><div id="shopify-block-AN3hjMzZUNWdaVzhyd__4727195953647268973" class="shopify-block shopify-app-block">
20975<script>   document.querySelectorAll('.drv-widget-header').forEach(function(header) {    header.style.display = 'block';  });  document.querySelectorAll('.drv-brand-mark').forEach(function(header) {    header.style.display = 'block';  });  window.$svDoranInit = window.$svDoranInit || {};  window.$svDoranInit.sdkRequested = true;  window.$svDoranInit.shop = 'www.soniaroselli.com';window.$svDoranInit.language = 'en';  window.$svDoranInit.currency = 'USD';  window.$svDoranInit.sdkURL = window.$svDoranInit.sdkURL || "https://cdn.shopify.com/extensions/01a0f839-b3dc-774f-adf2-4a8db7252362/doran-shoppable-videos-1790870909/assets/drv-sdk.js";window.$svDoranInit.carouselSettings = window.$svDoranInit.carouselSettings || {};    window.$svDoranInit.carouselSettings = Object.assign({"borderRadius":46,"gap":10,"playType":"DisplayThumbnail","borderWidth":0,"borderColor":"linear-gradient(90deg,rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%)","itemsInMobile":2,"itemsInTablet":3,"itemsInDesktop":4,"isQuickAddDisplayed":true,"isViewExternalProduct":false,"isDarkMode":false,"isAutoScrolling":false}, window.$svDoranInit.carouselSettings);window.$svDoranInit.storiesSettings = window.$svDoranInit.storiesSettings || {};    window.$svDoranInit.storiesSettings = Object.assign({"playType":"PlayOnHover","gap":10,"borderWidth":0,"borderColor":"linear-gradient(90deg,rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%)","sizeInMobile":105,"sizeInTablet":81,"sizeInDesktop":87,"titleColor":"#2a2a2a","isBrandmarkRemoved":true,"isDarkMode":false,"isTitleHidden":false}, window.$svDoranInit.storiesSettings);</script>
20975
20976
20977</div>
20977<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
20977
20978</body>
20979</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.