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 – 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 "variant_id": 15331963718, 4750 "product_id": 4688033286, 4751 "available": true, 4752 "title": "Sexapeel⢠Instant Exfoliation Spray", 4753 "compare_at_price": 5900, 4754 "price": 5900, 4755 "price_with_currency": "$ 59.00", 4756 "sale_amount": "$ 0.00", 4757 "collections": "||285551132725||318067736629||312835768373||308160790581||318067343413||262726549557||184227590||316648489013||", 4758 "inventory_management": "shopify", 4759 "qty": 6108, 4760 "container": "card", 4761 "can_show_preorder": false, 4762 "diff_day_create": 1455323283, 4763 "diff_day_publish": 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 "product": { 4777 "title": "Sexapeel⢠Instant Exfoliation Spray", 4778 "listName": "Shop All", 4779 "sku": "4688033286", 4780 "currencyCode": "USD", 4781 "price": 5900, 4782 "vendor": "Sonia Roselli Beauty" 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's shoulder and upper arm showing red exfoliation bubbles from SEXAPEEL Instant Exfoliation Spray, with text overlay 'Rough, bumpy skin? Start here.' 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 "product": { 4948 "title": "Sexapeel⢠Instant Exfoliation Spray", 4949 "listName": "Shop All", 4950 "sku": "4688033286", 4951 "currencyCode": "USD", 4952 "price": 5900, 4953 "vendor": "Sonia Roselli Beauty" 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 "product": { 4983 "title": "Sexapeel⢠Instant Exfoliation Spray", 4984 "listName": "Shop All", 4985 "sku": "4688033286", 4986 "currencyCode": "USD", 4987 "price": 5900, 4988 "vendor": "Sonia Roselli Beauty" 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 "product": { 5020 "title": "Sexapeel⢠Instant Exfoliation Spray", 5021 "listName": "Shop All", 5022 "sku": "4688033286", 5023 "currencyCode": "USD", 5024 "price": 5900, 5025 "vendor": "Sonia Roselli Beauty" 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 "product": { 5047 "title": "Sexapeel⢠Instant Exfoliation Spray", 5048 "listName": "Shop All", 5049 "sku": "4688033286", 5050 "currencyCode": "USD", 5051 "price": 5900, 5052 "vendor": "Sonia Roselli Beauty" 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 "product": { 5180 "title": "Sexapeel⢠Instant Exfoliation Spray", 5181 "listName": "Shop All", 5182 "sku": "4688033286", 5183 "currencyCode": "USD", 5184 "price": 5900, 5185 "vendor": "Sonia Roselli Beauty" 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 "product": { 5427 "title": "Sexapeel⢠Instant Exfoliation Spray", 5428 "listName": "Shop All", 5429 "sku": "4688033286", 5430 "currencyCode": "USD", 5431 "price": 5900, 5432 "vendor": "Sonia Roselli Beauty" 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 "variant_id": 42343568048181, 5489 "product_id": 7201274101813, 5490 "available": true, 5491 "title": "Wrinkle Smoothing Peptide Eye Gel", 5492 "compare_at_price": 6700, 5493 "price": 6700, 5494 "price_with_currency": "$ 67.00", 5495 "sale_amount": "$ 0.00", 5496 "collections": "||285551132725||318067736629||318067212341||262726549557||318067245109||184227590||316648489013||", 5497 "inventory_management": "shopify", 5498 "qty": 3737, 5499 "container": "card", 5500 "can_show_preorder": false, 5501 "diff_day_create": 1687175962, 5502 "diff_day_publish": 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 "product": { 5516 "title": "Wrinkle Smoothing Peptide Eye Gel", 5517 "listName": "Shop All", 5518 "sku": "7201274101813", 5519 "currencyCode": "USD", 5520 "price": 6700, 5521 "vendor": "Sonia Roselli Beauty" 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 "product": { 5687 "title": "Wrinkle Smoothing Peptide Eye Gel", 5688 "listName": "Shop All", 5689 "sku": "7201274101813", 5690 "currencyCode": "USD", 5691 "price": 6700, 5692 "vendor": "Sonia Roselli Beauty" 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 "product": { 5722 "title": "Wrinkle Smoothing Peptide Eye Gel", 5723 "listName": "Shop All", 5724 "sku": "7201274101813", 5725 "currencyCode": "USD", 5726 "price": 6700, 5727 "vendor": "Sonia Roselli Beauty" 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 "product": { 5759 "title": "Wrinkle Smoothing Peptide Eye Gel", 5760 "listName": "Shop All", 5761 "sku": "7201274101813", 5762 "currencyCode": "USD", 5763 "price": 6700, 5764 "vendor": "Sonia Roselli Beauty" 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 "product": { 5786 "title": "Wrinkle Smoothing Peptide Eye Gel", 5787 "listName": "Shop All", 5788 "sku": "7201274101813", 5789 "currencyCode": "USD", 5790 "price": 6700, 5791 "vendor": "Sonia Roselli Beauty" 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 "product": { 5919 "title": "Wrinkle Smoothing Peptide Eye Gel", 5920 "listName": "Shop All", 5921 "sku": "7201274101813", 5922 "currencyCode": "USD", 5923 "price": 6700, 5924 "vendor": "Sonia Roselli Beauty" 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 & 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 & 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 & 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 & 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 "product": { 6226 "title": "Wrinkle Smoothing Peptide Eye Gel", 6227 "listName": "Shop All", 6228 "sku": "7201274101813", 6229 "currencyCode": "USD", 6230 "price": 6700, 6231 "vendor": "Sonia Roselli Beauty" 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 "variant_id": 15333105478, 6290 "product_id": 4688284742, 6291 "available": true, 6292 "title": "Water Balm Gel-Cream Moisturizer &amp; Skin Prep", 6293 "compare_at_price": 6500, 6294 "price": 6500, 6295 "price_with_currency": "$ 65.00", 6296 "sale_amount": "$ 0.00", 6297 "collections": "||285551132725||318067736629||318067015733||318067212341||317079912501||262726549557||318067245109||184227590||316648489013||", 6298 "inventory_management": "shopify", 6299 "qty": 2875, 6300 "container": "card", 6301 "can_show_preorder": false, 6302 "diff_day_create": 1455324465, 6303 "diff_day_publish": 1455323940 6304 6305 } 6306 ]" 6307 6308 aria-label="Water Balm Gel-Cream Moisturizer & 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 "product": { 6317 "title": "Water Balm Gel-Cream Moisturizer &amp; Skin Prep", 6318 "listName": "Shop All", 6319 "sku": "4688284742", 6320 "currencyCode": "USD", 6321 "price": 6500, 6322 "vendor": "S-Japan" 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 "product": { 6488 "title": "Water Balm Gel-Cream Moisturizer &amp; Skin Prep", 6489 "listName": "Shop All", 6490 "sku": "4688284742", 6491 "currencyCode": "USD", 6492 "price": 6500, 6493 "vendor": "S-Japan" 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 "product": { 6523 "title": "Water Balm Gel-Cream Moisturizer &amp; Skin Prep", 6524 "listName": "Shop All", 6525 "sku": "4688284742", 6526 "currencyCode": "USD", 6527 "price": 6500, 6528 "vendor": "S-Japan" 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 "product": { 6560 "title": "Water Balm Gel-Cream Moisturizer &amp; Skin Prep", 6561 "listName": "Shop All", 6562 "sku": "4688284742", 6563 "currencyCode": "USD", 6564 "price": 6500, 6565 "vendor": "S-Japan" 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 "product": { 6587 "title": "Water Balm Gel-Cream Moisturizer &amp; Skin Prep", 6588 "listName": "Shop All", 6589 "sku": "4688284742", 6590 "currencyCode": "USD", 6591 "price": 6500, 6592 "vendor": "S-Japan" 6593 } 6594 }" 6595 > 6596 Water Balm Gel-Cream Moisturizer & 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 "product": { 6720 "title": "Water Balm Gel-Cream Moisturizer &amp; Skin Prep", 6721 "listName": "Shop All", 6722 "sku": "4688284742", 6723 "currencyCode": "USD", 6724 "price": 6500, 6725 "vendor": "S-Japan" 6726 } 6727 }" 6728 > 6729 Water Balm Gel-Cream Moisturizer & 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 "product": { 6952 "title": "Water Balm Gel-Cream Moisturizer &amp; Skin Prep", 6953 "listName": "Shop All", 6954 "sku": "4688284742", 6955 "currencyCode": "USD", 6956 "price": 6500, 6957 "vendor": "S-Japan" 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 "variant_id": 6779445903413, 7016 "product_id": 490593189941, 7017 "available": true, 7018 "title": "Water Elixir Hydrating Serum &amp; Skin Prep Essence", 7019 "compare_at_price": 6500, 7020 "price": 6500, 7021 "price_with_currency": "$ 65.00", 7022 "sale_amount": "$ 0.00", 7023 "collections": "||285551132725||318067736629||318067015733||318067212341||262726549557||318067245109||184227590||316648489013||", 7024 "inventory_management": "shopify", 7025 "qty": 1985, 7026 "container": "card", 7027 "can_show_preorder": false, 7028 "diff_day_create": 1517862812, 7029 "diff_day_publish": 1529285571 7030 7031 } 7032 ]" 7033 7034 aria-label="Water Elixir Hydrating Serum & 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 "product": { 7043 "title": "Water Elixir Hydrating Serum &amp; Skin Prep Essence", 7044 "listName": "Shop All", 7045 "sku": "490593189941", 7046 "currencyCode": "USD", 7047 "price": 6500, 7048 "vendor": "S-Japan" 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 'WATER ELIXIR SKIN PREP' 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 "product": { 7214 "title": "Water Elixir Hydrating Serum &amp; Skin Prep Essence", 7215 "listName": "Shop All", 7216 "sku": "490593189941", 7217 "currencyCode": "USD", 7218 "price": 6500, 7219 "vendor": "S-Japan" 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 "product": { 7249 "title": "Water Elixir Hydrating Serum &amp; Skin Prep Essence", 7250 "listName": "Shop All", 7251 "sku": "490593189941", 7252 "currencyCode": "USD", 7253 "price": 6500, 7254 "vendor": "S-Japan" 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 "product": { 7286 "title": "Water Elixir Hydrating Serum &amp; Skin Prep Essence", 7287 "listName": "Shop All", 7288 "sku": "490593189941", 7289 "currencyCode": "USD", 7290 "price": 6500, 7291 "vendor": "S-Japan" 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 "product": { 7313 "title": "Water Elixir Hydrating Serum &amp; Skin Prep Essence", 7314 "listName": "Shop All", 7315 "sku": "490593189941", 7316 "currencyCode": "USD", 7317 "price": 6500, 7318 "vendor": "S-Japan" 7319 } 7320 }" 7321 > 7322 Water Elixir Hydrating Serum & 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 "product": { 7446 "title": "Water Elixir Hydrating Serum &amp; Skin Prep Essence", 7447 "listName": "Shop All", 7448 "sku": "490593189941", 7449 "currencyCode": "USD", 7450 "price": 6500, 7451 "vendor": "S-Japan" 7452 } 7453 }" 7454 > 7455 Water Elixir Hydrating Serum & 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 & 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 & 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 & 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 & 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 & 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 "product": { 7736 "title": "Water Elixir Hydrating Serum &amp; Skin Prep Essence", 7737 "listName": "Shop All", 7738 "sku": "490593189941", 7739 "currencyCode": "USD", 7740 "price": 6500, 7741 "vendor": "S-Japan" 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 "variant_id": 8396245073973, 7800 "product_id": 766502207541, 7801 "available": false, 7802 "title": "Water Oil Dual-Phase Skin Prep Face Serum-Oil", 7803 "compare_at_price": 0, 7804 "price": 6900, 7805 "price_with_currency": "$ 69.00", 7806 "sale_amount": "$ -69.00", 7807 "collections": "||285551132725||318067736629||262726549557||318067245109||184227590||", 7808 "inventory_management": "shopify", 7809 "qty": -4, 7810 "container": "card", 7811 "can_show_preorder": false, 7812 "diff_day_create": 1529019433, 7813 "diff_day_publish": 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 "product": { 7827 "title": "Water Oil Dual-Phase Skin Prep Face Serum-Oil", 7828 "listName": "Shop All", 7829 "sku": "766502207541", 7830 "currencyCode": "USD", 7831 "price": 6900, 7832 "vendor": "S-Japan" 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 '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 "product": { 7980 "title": "Water Oil Dual-Phase Skin Prep Face Serum-Oil", 7981 "listName": "Shop All", 7982 "sku": "766502207541", 7983 "currencyCode": "USD", 7984 "price": 6900, 7985 "vendor": "S-Japan" 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 "product": { 8015 "title": "Water Oil Dual-Phase Skin Prep Face Serum-Oil", 8016 "listName": "Shop All", 8017 "sku": "766502207541", 8018 "currencyCode": "USD", 8019 "price": 6900, 8020 "vendor": "S-Japan" 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 "product": { 8052 "title": "Water Oil Dual-Phase Skin Prep Face Serum-Oil", 8053 "listName": "Shop All", 8054 "sku": "766502207541", 8055 "currencyCode": "USD", 8056 "price": 6900, 8057 "vendor": "S-Japan" 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 "product": { 8079 "title": "Water Oil Dual-Phase Skin Prep Face Serum-Oil", 8080 "listName": "Shop All", 8081 "sku": "766502207541", 8082 "currencyCode": "USD", 8083 "price": 6900, 8084 "vendor": "S-Japan" 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 "product": { 8212 "title": "Water Oil Dual-Phase Skin Prep Face Serum-Oil", 8213 "listName": "Shop All", 8214 "sku": "766502207541", 8215 "currencyCode": "USD", 8216 "price": 6900, 8217 "vendor": "S-Japan" 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 "product": { 8461 "title": "Water Oil Dual-Phase Skin Prep Face Serum-Oil", 8462 "listName": "Shop All", 8463 "sku": "766502207541", 8464 "currencyCode": "USD", 8465 "price": 6900, 8466 "vendor": "S-Japan" 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 "variant_id": 41200986652725, 8525 "product_id": 6931196969013, 8526 "available": true, 8527 "title": "Intense Barrier Cream", 8528 "compare_at_price": 6900, 8529 "price": 6900, 8530 "price_with_currency": "$ 69.00", 8531 "sale_amount": "$ 0.00", 8532 "collections": "||285551132725||318067736629||262726549557||318067245109||184227590||", 8533 "inventory_management": "shopify", 8534 "qty": 4088, 8535 "container": "card", 8536 "can_show_preorder": false, 8537 "diff_day_create": 1655577740, 8538 "diff_day_publish": 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 "product": { 8552 "title": "Intense Barrier Cream", 8553 "listName": "Shop All", 8554 "sku": "6931196969013", 8555 "currencyCode": "USD", 8556 "price": 6900, 8557 "vendor": "S-Japan" 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 "product": { 8723 "title": "Intense Barrier Cream", 8724 "listName": "Shop All", 8725 "sku": "6931196969013", 8726 "currencyCode": "USD", 8727 "price": 6900, 8728 "vendor": "S-Japan" 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 "product": { 8758 "title": "Intense Barrier Cream", 8759 "listName": "Shop All", 8760 "sku": "6931196969013", 8761 "currencyCode": "USD", 8762 "price": 6900, 8763 "vendor": "S-Japan" 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 "product": { 8795 "title": "Intense Barrier Cream", 8796 "listName": "Shop All", 8797 "sku": "6931196969013", 8798 "currencyCode": "USD", 8799 "price": 6900, 8800 "vendor": "S-Japan" 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 "product": { 8822 "title": "Intense Barrier Cream", 8823 "listName": "Shop All", 8824 "sku": "6931196969013", 8825 "currencyCode": "USD", 8826 "price": 6900, 8827 "vendor": "S-Japan" 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 "product": { 8955 "title": "Intense Barrier Cream", 8956 "listName": "Shop All", 8957 "sku": "6931196969013", 8958 "currencyCode": "USD", 8959 "price": 6900, 8960 "vendor": "S-Japan" 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 "product": { 9192 "title": "Intense Barrier Cream", 9193 "listName": "Shop All", 9194 "sku": "6931196969013", 9195 "currencyCode": "USD", 9196 "price": 6900, 9197 "vendor": "S-Japan" 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 "variant_id": 32026733900, 9256 "product_id": 9243811852, 9257 "available": true, 9258 "title": "Japanese Cleansing Oil", 9259 "compare_at_price": 5400, 9260 "price": 5400, 9261 "price_with_currency": "$ 54.00", 9262 "sale_amount": "$ 0.00", 9263 "collections": "||285551132725||318067736629||262726549557||184227590||316648489013||", 9264 "inventory_management": "shopify", 9265 "qty": 3541, 9266 "container": "card", 9267 "can_show_preorder": false, 9268 "diff_day_create": 1482289100, 9269 "diff_day_publish": 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 "product": { 9283 "title": "Japanese Cleansing Oil", 9284 "listName": "Shop All", 9285 "sku": "9243811852", 9286 "currencyCode": "USD", 9287 "price": 5400, 9288 "vendor": "S-Japan" 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 "product": { 9454 "title": "Japanese Cleansing Oil", 9455 "listName": "Shop All", 9456 "sku": "9243811852", 9457 "currencyCode": "USD", 9458 "price": 5400, 9459 "vendor": "S-Japan" 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 "product": { 9489 "title": "Japanese Cleansing Oil", 9490 "listName": "Shop All", 9491 "sku": "9243811852", 9492 "currencyCode": "USD", 9493 "price": 5400, 9494 "vendor": "S-Japan" 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 "product": { 9526 "title": "Japanese Cleansing Oil", 9527 "listName": "Shop All", 9528 "sku": "9243811852", 9529 "currencyCode": "USD", 9530 "price": 5400, 9531 "vendor": "S-Japan" 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 "product": { 9553 "title": "Japanese Cleansing Oil", 9554 "listName": "Shop All", 9555 "sku": "9243811852", 9556 "currencyCode": "USD", 9557 "price": 5400, 9558 "vendor": "S-Japan" 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 "product": { 9686 "title": "Japanese Cleansing Oil", 9687 "listName": "Shop All", 9688 "sku": "9243811852", 9689 "currencyCode": "USD", 9690 "price": 5400, 9691 "vendor": "S-Japan" 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 & 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 "product": { 9950 "title": "Japanese Cleansing Oil", 9951 "listName": "Shop All", 9952 "sku": "9243811852", 9953 "currencyCode": "USD", 9954 "price": 5400, 9955 "vendor": "S-Japan" 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 "variant_id": 41211243135029, 10014 "product_id": 6933229142069, 10015 "available": true, 10016 "title": "Sexapeel⢠Gommage Peeling Gel", 10017 "compare_at_price": 4200, 10018 "price": 4200, 10019 "price_with_currency": "$ 42.00", 10020 "sale_amount": "$ 0.00", 10021 "collections": "||285551132725||318067736629||312835768373||308160790581||318067015733||318067343413||317079912501||262726549557||184227590||316648489013||", 10022 "inventory_management": "shopify", 10023 "qty": 4449, 10024 "container": "card", 10025 "can_show_preorder": false, 10026 "diff_day_create": 1655774794, 10027 "diff_day_publish": 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 "product": { 10041 "title": "Sexapeel⢠Gommage Peeling Gel", 10042 "listName": "Shop All", 10043 "sku": "6933229142069", 10044 "currencyCode": "USD", 10045 "price": 4200, 10046 "vendor": "W-Korea" 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 '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 "product": { 10212 "title": "Sexapeel⢠Gommage Peeling Gel", 10213 "listName": "Shop All", 10214 "sku": "6933229142069", 10215 "currencyCode": "USD", 10216 "price": 4200, 10217 "vendor": "W-Korea" 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 "product": { 10247 "title": "Sexapeel⢠Gommage Peeling Gel", 10248 "listName": "Shop All", 10249 "sku": "6933229142069", 10250 "currencyCode": "USD", 10251 "price": 4200, 10252 "vendor": "W-Korea" 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 "product": { 10284 "title": "Sexapeel⢠Gommage Peeling Gel", 10285 "listName": "Shop All", 10286 "sku": "6933229142069", 10287 "currencyCode": "USD", 10288 "price": 4200, 10289 "vendor": "W-Korea" 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 "product": { 10311 "title": "Sexapeel⢠Gommage Peeling Gel", 10312 "listName": "Shop All", 10313 "sku": "6933229142069", 10314 "currencyCode": "USD", 10315 "price": 4200, 10316 "vendor": "W-Korea" 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 "product": { 10444 "title": "Sexapeel⢠Gommage Peeling Gel", 10445 "listName": "Shop All", 10446 "sku": "6933229142069", 10447 "currencyCode": "USD", 10448 "price": 4200, 10449 "vendor": "W-Korea" 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 & 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 & 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 "product": { 10706 "title": "Sexapeel⢠Gommage Peeling Gel", 10707 "listName": "Shop All", 10708 "sku": "6933229142069", 10709 "currencyCode": "USD", 10710 "price": 4200, 10711 "vendor": "W-Korea" 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 "variant_id": 40087430266933, 10770 "product_id": 6698749657141, 10771 "available": true, 10772 "title": "Skin Prep Brush: Skincare &amp; Primer Application Brush", 10773 "compare_at_price": 0, 10774 "price": 3600, 10775 "price_with_currency": "$ 36.00", 10776 "sale_amount": "$ -36.00", 10777 "collections": "||285551132725||318067736629||262726549557||184227590||316648489013||", 10778 "inventory_management": "shopify", 10779 "qty": 1984, 10780 "container": "card", 10781 "can_show_preorder": false, 10782 "diff_day_create": 1635787951, 10783 "diff_day_publish": 1635790670 10784 10785 } 10786 ]" 10787 10788 aria-label="Skin Prep Brush: Skincare & 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 "product": { 10797 "title": "Skin Prep Brush: Skincare &amp; Primer Application Brush", 10798 "listName": "Shop All", 10799 "sku": "6698749657141", 10800 "currencyCode": "USD", 10801 "price": 3600, 10802 "vendor": "P-Italy" 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 "product": { 10961 "title": "Skin Prep Brush: Skincare &amp; Primer Application Brush", 10962 "listName": "Shop All", 10963 "sku": "6698749657141", 10964 "currencyCode": "USD", 10965 "price": 3600, 10966 "vendor": "P-Italy" 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 "product": { 10996 "title": "Skin Prep Brush: Skincare &amp; Primer Application Brush", 10997 "listName": "Shop All", 10998 "sku": "6698749657141", 10999 "currencyCode": "USD", 11000 "price": 3600, 11001 "vendor": "P-Italy" 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 "product": { 11033 "title": "Skin Prep Brush: Skincare &amp; Primer Application Brush", 11034 "listName": "Shop All", 11035 "sku": "6698749657141", 11036 "currencyCode": "USD", 11037 "price": 3600, 11038 "vendor": "P-Italy" 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 "product": { 11060 "title": "Skin Prep Brush: Skincare &amp; Primer Application Brush", 11061 "listName": "Shop All", 11062 "sku": "6698749657141", 11063 "currencyCode": "USD", 11064 "price": 3600, 11065 "vendor": "P-Italy" 11066 } 11067 }" 11068 > 11069 Skin Prep Brush: Skincare & 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 "product": { 11221 "title": "Skin Prep Brush: Skincare &amp; Primer Application Brush", 11222 "listName": "Shop All", 11223 "sku": "6698749657141", 11224 "currencyCode": "USD", 11225 "price": 3600, 11226 "vendor": "P-Italy" 11227 } 11228 }" 11229 > 11230 Skin Prep Brush: Skincare & 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 "product": { 11478 "title": "Skin Prep Brush: Skincare &amp; Primer Application Brush", 11479 "listName": "Shop All", 11480 "sku": "6698749657141", 11481 "currencyCode": "USD", 11482 "price": 3600, 11483 "vendor": "P-Italy" 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 "variant_id": 32311641112629, 11542 "product_id": 4659586302005, 11543 "available": true, 11544 "title": "Hydration Heroes Facial Skin Prep Kit", 11545 "compare_at_price": 12900, 11546 "price": 12900, 11547 "price_with_currency": "$ 129.00", 11548 "sale_amount": "$ 0.00", 11549 "collections": "||285551132725||282862551093||318067736629||262726549557||184227590||316678209589||303513370677||316648489013||", 11550 "inventory_management": "shopify", 11551 "qty": 1985, 11552 "container": "card", 11553 "can_show_preorder": false, 11554 "diff_day_create": 1599005650, 11555 "diff_day_publish": 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 "product": { 11569 "title": "Hydration Heroes Facial Skin Prep Kit", 11570 "listName": "Shop All", 11571 "sku": "4659586302005", 11572 "currencyCode": "USD", 11573 "price": 12900, 11574 "vendor": "Sonia Roselli Beauty" 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 "product": { 11740 "title": "Hydration Heroes Facial Skin Prep Kit", 11741 "listName": "Shop All", 11742 "sku": "4659586302005", 11743 "currencyCode": "USD", 11744 "price": 12900, 11745 "vendor": "Sonia Roselli Beauty" 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 "product": { 11775 "title": "Hydration Heroes Facial Skin Prep Kit", 11776 "listName": "Shop All", 11777 "sku": "4659586302005", 11778 "currencyCode": "USD", 11779 "price": 12900, 11780 "vendor": "Sonia Roselli Beauty" 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 "product": { 11812 "title": "Hydration Heroes Facial Skin Prep Kit", 11813 "listName": "Shop All", 11814 "sku": "4659586302005", 11815 "currencyCode": "USD", 11816 "price": 12900, 11817 "vendor": "Sonia Roselli Beauty" 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 "product": { 11839 "title": "Hydration Heroes Facial Skin Prep Kit", 11840 "listName": "Shop All", 11841 "sku": "4659586302005", 11842 "currencyCode": "USD", 11843 "price": 12900, 11844 "vendor": "Sonia Roselli Beauty" 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 "product": { 11972 "title": "Hydration Heroes Facial Skin Prep Kit", 11973 "listName": "Shop All", 11974 "sku": "4659586302005", 11975 "currencyCode": "USD", 11976 "price": 12900, 11977 "vendor": "Sonia Roselli Beauty" 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 "product": { 12740 "title": "Hydration Heroes Facial Skin Prep Kit", 12741 "listName": "Shop All", 12742 "sku": "4659586302005", 12743 "currencyCode": "USD", 12744 "price": 12900, 12745 "vendor": "Sonia Roselli Beauty" 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 "variant_id": 42284895928373, 12804 "product_id": 7191444357173, 12805 "available": false, 12806 "title": "Sensitive Skin Prep Skincare Kit for Reactive Skin", 12807 "compare_at_price": 0, 12808 "price": 19500, 12809 "price_with_currency": "$ 195.00", 12810 "sale_amount": "$ -195.00", 12811 "collections": "||285551132725||318067736629||262726549557||318067245109||184227590||316678209589||303513370677||", 12812 "inventory_management": "shopify", 12813 "qty": -4, 12814 "container": "card", 12815 "can_show_preorder": false, 12816 "diff_day_create": 1684787300, 12817 "diff_day_publish": 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 "product": { 12831 "title": "Sensitive Skin Prep Skincare Kit for Reactive Skin", 12832 "listName": "Shop All", 12833 "sku": "7191444357173", 12834 "currencyCode": "USD", 12835 "price": 19500, 12836 "vendor": "Sonia Roselli Beauty" 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's cheek and nose area with peeling skin and overlaid white text reading, '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 "product": { 12984 "title": "Sensitive Skin Prep Skincare Kit for Reactive Skin", 12985 "listName": "Shop All", 12986 "sku": "7191444357173", 12987 "currencyCode": "USD", 12988 "price": 19500, 12989 "vendor": "Sonia Roselli Beauty" 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 "product": { 13019 "title": "Sensitive Skin Prep Skincare Kit for Reactive Skin", 13020 "listName": "Shop All", 13021 "sku": "7191444357173", 13022 "currencyCode": "USD", 13023 "price": 19500, 13024 "vendor": "Sonia Roselli Beauty" 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 "product": { 13056 "title": "Sensitive Skin Prep Skincare Kit for Reactive Skin", 13057 "listName": "Shop All", 13058 "sku": "7191444357173", 13059 "currencyCode": "USD", 13060 "price": 19500, 13061 "vendor": "Sonia Roselli Beauty" 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 "product": { 13083 "title": "Sensitive Skin Prep Skincare Kit for Reactive Skin", 13084 "listName": "Shop All", 13085 "sku": "7191444357173", 13086 "currencyCode": "USD", 13087 "price": 19500, 13088 "vendor": "Sonia Roselli Beauty" 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 "product": { 13216 "title": "Sensitive Skin Prep Skincare Kit for Reactive Skin", 13217 "listName": "Shop All", 13218 "sku": "7191444357173", 13219 "currencyCode": "USD", 13220 "price": 19500, 13221 "vendor": "Sonia Roselli Beauty" 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 "product": { 13670 "title": "Sensitive Skin Prep Skincare Kit for Reactive Skin", 13671 "listName": "Shop All", 13672 "sku": "7191444357173", 13673 "currencyCode": "USD", 13674 "price": 19500, 13675 "vendor": "Sonia Roselli Beauty" 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 "variant_id": 43933913055285, 13734 "product_id": 7710122672181, 13735 "available": true, 13736 "title": "Skin Prep Starter Kit â Exfoliate, Hydrate, Seal", 13737 "compare_at_price": 16900, 13738 "price": 16900, 13739 "price_with_currency": "$ 169.00", 13740 "sale_amount": "$ 0.00", 13741 "collections": "||285551132725||282862551093||308033716277||318067736629||318067015733||318153621557||262726549557||184227590||316678209589||303513370677||316648489013||317110845493||", 13742 "inventory_management": "shopify", 13743 "qty": 1985, 13744 "container": "card", 13745 "can_show_preorder": false, 13746 "diff_day_create": 1725481010, 13747 "diff_day_publish": 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 "product": { 13761 "title": "Skin Prep Starter Kit â Exfoliate, Hydrate, Seal", 13762 "listName": "Shop All", 13763 "sku": "7710122672181", 13764 "currencyCode": "USD", 13765 "price": 16900, 13766 "vendor": "Sonia Roselli Skincare" 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 "product": { 13932 "title": "Skin Prep Starter Kit â Exfoliate, Hydrate, Seal", 13933 "listName": "Shop All", 13934 "sku": "7710122672181", 13935 "currencyCode": "USD", 13936 "price": 16900, 13937 "vendor": "Sonia Roselli Skincare" 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 "product": { 13967 "title": "Skin Prep Starter Kit â Exfoliate, Hydrate, Seal", 13968 "listName": "Shop All", 13969 "sku": "7710122672181", 13970 "currencyCode": "USD", 13971 "price": 16900, 13972 "vendor": "
13972Sonia Roselli Skincare" 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 "product": { 14004 "title": "Skin Prep Starter Kit â Exfoliate, Hydrate, Seal", 14005 "listName": "Shop All", 14006 "sku": "7710122672181", 14007 "currencyCode": "USD", 14008 "price": 16900, 14009 "vendor": "Sonia Roselli Skincare" 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 "product": { 14031 "title": "Skin Prep Starter Kit â Exfoliate, Hydrate, Seal", 14032 "listName": "Shop All", 14033 "sku": "7710122672181", 14034 "currencyCode": "USD", 14035 "price": 16900, 14036 "vendor": "Sonia Roselli Skincare" 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 "product": { 14164 "title": "Skin Prep Starter Kit â Exfoliate, Hydrate, Seal", 14165 "listName": "Shop All", 14166 "sku": "7710122672181", 14167 "currencyCode": "USD", 14168 "price": 16900, 14169 "vendor": "Sonia Roselli Skincare" 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 & PHAs (Gommage)</strong> â gently lift dead skin and buildup for a smoother canvas</li> 14293<li> 14294<strong>Palmitoyl Tripeptide-5 (Elixir & Balm)</strong> â supports firmer, smoother-looking skin over time</li> 14295<li> 14296<strong>Hyaluronic Acid & 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 "product": { 14446 "title": "Skin Prep Starter Kit â Exfoliate, Hydrate, Seal", 14447 "listName": "Shop All", 14448 "sku": "7710122672181", 14449 "currencyCode": "USD", 14450 "price": 16900, 14451 "vendor": "Sonia Roselli Skincare" 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 "variant_id": 43933914923061, 14510 "product_id": 7710123229237, 14511 "available": false, 14512 "title": "Overnight Recovery Kit", 14513 "compare_at_price": 0, 14514 "price": 30900, 14515 "price_with_currency": "$ 309.00", 14516 "sale_amount": "$ -309.00", 14517 "collections": "||285551132725||308033716277||318067736629||262726549557||184227590||316678209589||317110845493||", 14518 "inventory_management": "shopify", 14519 "qty": -4, 14520 "container": "card", 14521 "can_show_preorder": false, 14522 "diff_day_create": 1725481183, 14523 "diff_day_publish": 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 "product": { 14537 "title": "Overnight Recovery Kit", 14538 "listName": "Shop All", 14539 "sku": "7710123229237", 14540 "currencyCode": "USD", 14541 "price": 30900, 14542 "vendor": "Sonia Roselli Skincare" 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 "product": { 14690 "title": "Overnight Recovery Kit", 14691 "listName": "Shop All", 14692 "sku": "7710123229237", 14693 "currencyCode": "USD", 14694 "price": 30900, 14695 "vendor": "Sonia Roselli Skincare" 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 "product": { 14725 "title": "Overnight Recovery Kit", 14726 "listName": "Shop All", 14727 "sku": "7710123229237", 14728 "currencyCode": "USD", 14729 "price": 30900, 14730 "vendor": "
14730Sonia Roselli Skincare" 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 "product": { 14762 "title": "Overnight Recovery Kit", 14763 "listName": "Shop All", 14764 "sku": "7710123229237", 14765 "currencyCode": "USD", 14766 "price": 30900, 14767 "vendor": "Sonia Roselli Skincare" 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 "product": { 14789 "title": "Overnight Recovery Kit", 14790 "listName": "Shop All", 14791 "sku": "7710123229237", 14792 "currencyCode": "USD", 14793 "price": 30900, 14794 "vendor": "Sonia Roselli Skincare" 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 "product": { 14922 "title": "Overnight Recovery Kit", 14923 "listName": "Shop All", 14924 "sku": "7710123229237", 14925 "currencyCode": "USD", 14926 "price": 30900, 14927 "vendor": "Sonia Roselli Skincare" 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 "product": { 15223 "title": "Overnight Recovery Kit", 15224 "listName": "Shop All", 15225 "sku": "7710123229237", 15226 "currencyCode": "USD", 15227 "price": 30900, 15228 "vendor": "Sonia Roselli Skincare" 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 "variant_id": 44771210002485, 15287 "product_id": 7989500149813, 15288 "available": false, 15289 "title": "The Complete Skin Prep System", 15290 "compare_at_price": 0, 15291 "price": 46900, 15292 "price_with_currency": "$ 469.00", 15293 "sale_amount": "$ -469.00", 15294 "collections": "||285551132725||308033716277||318153621557||262726549557||316678209589||317110845493||317112942645||", 15295 "inventory_management": "shopify", 15296 "qty": -4, 15297 "container": "card", 15298 "can_show_preorder": false, 15299 "diff_day_create": 1761859886, 15300 "diff_day_publish": 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 "product": { 15314 "title": "The Complete Skin Prep System", 15315 "listName": "Shop All", 15316 "sku": "7989500149813", 15317 "currencyCode": "USD", 15318 "price": 46900, 15319 "vendor": "Sonia Roselli Skincare" 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 "product": { 15408 "title": "The Complete Skin Prep System", 15409 "listName": "Shop All", 15410 "sku": "7989500149813", 15411 "currencyCode": "USD", 15412 "price": 46900, 15413 "vendor": "Sonia Roselli Skincare" 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 "product": { 15443 "title": "The Complete Skin Prep System", 15444 "listName": "Shop All", 15445 "sku": "7989500149813", 15446 "currencyCode": "USD", 15447 "price": 46900, 15448 "vendor": "
15448Sonia Roselli Skincare" 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 "product": { 15480 "title": "The Complete Skin Prep System", 15481 "listName": "Shop All", 15482 "sku": "7989500149813", 15483 "currencyCode": "USD", 15484 "price": 46900, 15485 "vendor": "Sonia Roselli Skincare" 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 "product": { 15507 "title": "The Complete Skin Prep System", 15508 "listName": "Shop All", 15509 "sku": "7989500149813", 15510 "currencyCode": "USD", 15511 "price": 46900, 15512 "vendor": "Sonia Roselli Skincare" 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 "product": { 15640 "title": "The Complete Skin Prep System", 15641 "listName": "Shop All", 15642 "sku": "7989500149813", 15643 "currencyCode": "USD", 15644 "price": 46900, 15645 "vendor": "Sonia Roselli Skincare" 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 "product": { 16120 "title": "The Complete Skin Prep System", 16121 "listName": "Shop All", 16122 "sku": "7989500149813", 16123 "currencyCode": "USD", 16124 "price": 46900, 16125 "vendor": "Sonia Roselli Skincare" 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 "variant_id": 43793092870197, 16184 "product_id": 7665225990197, 16185 "available": true, 16186 "title": "Sexapeel⢠Face &amp; Body Exfoliation Kit", 16187 "compare_at_price": 10100, 16188 "price": 10100, 16189 "price_with_currency": "$ 101.00", 16190 "sale_amount": "$ 0.00", 16191 "collections": "||282862551093||318067736629||312835768373||308160790581||318067343413||317079912501||262726549557||184227590||316678209589||303513370677||316648489013||", 16192 "inventory_management": "shopify", 16193 "qty": 4448, 16194 "container": "card", 16195 "can_show_preorder": false, 16196 "diff_day_create": 1721939998, 16197 "diff_day_publish": 1768331213 16198 16199 } 16200 ]" 16201 16202 aria-label="Sexapeel⢠Face & 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 "product": { 16211 "title": "Sexapeel⢠Face &amp; Body Exfoliation Kit", 16212 "listName": "Shop All", 16213 "sku": "7665225990197", 16214 "currencyCode": "USD", 16215 "price": 10100, 16216 "vendor": "W-Korea" 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 "product": { 16382 "title": "Sexapeel⢠Face &amp; Body Exfoliation Kit", 16383 "listName": "Shop All", 16384 "sku": "7665225990197", 16385 "currencyCode": "USD", 16386 "price": 10100, 16387 "vendor": "W-Korea" 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 "product": { 16417 "title": "Sexapeel⢠Face &amp; Body Exfoliation Kit", 16418 "listName": "Shop All", 16419 "sku": "7665225990197", 16420 "currencyCode": "USD", 16421 "price": 10100, 16422 "vendor": "W-Korea" 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 "product": { 16454 "title": "Sexapeel⢠Face &amp; Body Exfoliation Kit", 16455 "listName": "Shop All", 16456 "sku": "7665225990197", 16457 "currencyCode": "USD", 16458 "price": 10100, 16459 "vendor": "W-Korea" 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 "product": { 16481 "title": "Sexapeel⢠Face &amp; Body Exfoliation Kit", 16482 "listName": "Shop All", 16483 "sku": "7665225990197", 16484 "currencyCode": "USD", 16485 "price": 10100, 16486 "vendor": "W-Korea" 16487 } 16488 }" 16489 > 16490 Sexapeel⢠Face & 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 "product": { 16614 "title": "Sexapeel⢠Face &amp; Body Exfoliation Kit", 16615 "listName": "Shop All", 16616 "sku": "7665225990197", 16617 "currencyCode": "USD", 16618 "price": 10100, 16619 "vendor": "W-Korea" 16620 } 16621 }" 16622 > 16623 Sexapeel⢠Face & 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 & 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 "product": { 16845 "title": "Sexapeel⢠Face &amp; Body Exfoliation Kit", 16846 "listName": "Shop All", 16847 "sku": "7665225990197", 16848 "currencyCode": "USD", 16849 "price": 10100, 16850 "vendor": "W-Korea" 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 "variant_id": 44773480595509, 16909 "product_id": 1557168259125, 16910 "available": false, 16911 "title": "The Ageless Beauty Kit", 16912 "compare_at_price": 0, 16913 "price": 19600,
16914 "price_with_currency": "$ 196.00", 16915 "sale_amount": "$ -196.00", 16916 "collections": "||285551132725||282862551093||318067736629||262726549557||184227590||316678209589||303513370677||317110845493||", 16917 "inventory_management": "shopify", 16918 "qty": -4, 16919 "container": "card", 16920 "can_show_preorder": false, 16921 "diff_day_create": 1552230111, 16922 "diff_day_publish": 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 "product": { 16936 "title": "The Ageless Beauty Kit", 16937 "listName": "Shop All", 16938 "sku": "1557168259125", 16939 "currencyCode": "USD", 16940 "price": 19600, 16941 "vendor": "Sonia Roselli Beauty" 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 "product": { 17089 "title": "The Ageless Beauty Kit", 17090 "listName": "Shop All", 17091 "sku": "1557168259125", 17092 "currencyCode": "USD", 17093 "price": 19600, 17094 "vendor": "Sonia Roselli Beauty" 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 "product": { 17124 "title": "The Ageless Beauty Kit", 17125 "listName": "Shop All", 17126 "sku": "1557168259125", 17127 "currencyCode": "USD", 17128 "price": 19600,
17129 "vendor": "Sonia Roselli Beauty" 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 "product": { 17161 "title": "The Ageless Beauty Kit", 17162 "listName": "Shop All", 17163 "sku": "1557168259125", 17164 "currencyCode": "USD", 17165 "price": 19600, 17166 "vendor": "Sonia Roselli Beauty" 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 "product": { 17188 "title": "The Ageless Beauty Kit", 17189 "listName": "Shop All", 17190 "sku": "1557168259125", 17191 "currencyCode": "USD", 17192 "price": 19600, 17193 "vendor": "Sonia Roselli Beauty" 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 "product": { 17321 "title": "The Ageless Beauty Kit", 17322 "listName": "Shop All", 17323 "sku": "1557168259125", 17324 "currencyCode": "USD", 17325 "price": 19600, 17326 "vendor": "Sonia Roselli Beauty" 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 "product": { 17739 "title": "The Ageless Beauty Kit", 17740 "listName": "Shop All", 17741 "sku": "1557168259125", 17742 "currencyCode": "USD", 17743 "price": 19600, 17744 "vendor": "Sonia Roselli Beauty" 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 "variant_id": 12674271412277, 17803 "product_id": 1405017948213, 17804 "available": true, 17805 "title": "Smooth Skin Kit", 17806 "compare_at_price": 12600, 17807 "price": 12600, 17808 "price_with_currency": "$ 126.00", 17809 "sale_amount": "$ 0.00", 17810 "collections": "||285551132725||282862551093||312835768373||318067343413||262726549557||316678209589||303513370677||316648489013||317110845493||", 17811 "inventory_management": "shopify", 17812 "qty": 2875, 17813 "container": "card", 17814 "can_show_preorder": false, 17815 "diff_day_create": 1536287604, 17816 "diff_day_publish": 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 "product": { 17830 "title": "Smooth Skin Kit", 17831 "listName": "Shop All", 17832 "sku": "1405017948213", 17833 "currencyCode": "USD", 17834 "price": 12600, 17835 "vendor": "Sonia Roselli Beauty" 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 "product": { 18001 "title": "Smooth Skin Kit", 18002 "listName": "Shop All", 18003 "sku": "1405017948213", 18004 "currencyCode": "USD", 18005 "price": 12600, 18006 "vendor": "Sonia Roselli Beauty" 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 "product": { 18036 "title": "Smooth Skin Kit", 18037 "listName": "Shop All", 18038 "sku": "1405017948213", 18039 "currencyCode": "USD", 18040 "price": 12600, 18041 "vendor": "Sonia Roselli Beauty" 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 "product": { 18073 "title": "Smooth Skin Kit", 18074 "listName": "Shop All", 18075 "sku": "1405017948213", 18076 "currencyCode": "USD", 18077 "price": 12600, 18078 "vendor": "Sonia Roselli Beauty" 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 "product": { 18100 "title": "Smooth Skin Kit", 18101 "listName": "Shop All", 18102 "sku": "1405017948213", 18103 "currencyCode": "USD", 18104 "price": 12600, 18105 "vendor": "Sonia Roselli Beauty" 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 "product": { 18233 "title": "Smooth Skin Kit", 18234 "listName": "Shop All", 18235 "sku": "1405017948213", 18236 "currencyCode": "USD", 18237 "price": 12600, 18238 "vendor": "Sonia Roselli Beauty" 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 "product": { 18471 "title": "Smooth Skin Kit", 18472 "listName": "Shop All", 18473 "sku": "1405017948213", 18474 "currencyCode": "USD", 18475 "price": 12600, 18476 "vendor": "Sonia Roselli Beauty" 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 "variant_id": 45871871983669, 18535 "product_id": 8209088446517, 18536 "available": true, 18537 "title": "Concealer Skin Prep Kit", 18538 "compare_at_price": 0, 18539 "price": 13200, 18540 "price_with_currency": "$ 132.00", 18541 "sale_amount": "$ -132.00", 18542 "collections": "||282862551093||318067736629||282861502517||316748464181||318067212341||318153621557||262726549557||184227590||316678209589||303513370677||317110845493||317112942645||", 18543 "inventory_management": "shopify", 18544 "qty": 2875, 18545 "container": "card", 18546 "can_show_preorder": false, 18547 "diff_day_create": 1786223451, 18548 "diff_day_publish": 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 "product": { 18562 "title": "Concealer Skin Prep Kit", 18563 "listName": "Shop All", 18564 "sku": "8209088446517", 18565 "currencyCode": "USD", 18566 "price": 13200, 18567 "vendor": "S-Japan" 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 "product": { 18733 "title": "Concealer Skin Prep Kit", 18734 "listName": "Shop All", 18735 "sku": "8209088446517", 18736 "currencyCode": "USD", 18737 "price": 13200, 18738 "vendor": "S-Japan" 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 "product": { 18768 "title": "Concealer Skin Prep Kit", 18769 "listName": "Shop All", 18770 "sku": "8209088446517", 18771 "currencyCode": "USD", 18772 "price": 13200, 18773 "vendor": "S-Japan" 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 "product": { 18805 "title": "Concealer Skin Prep Kit", 18806 "listName": "Shop All", 18807 "sku": "8209088446517", 18808 "currencyCode": "USD", 18809 "price": 13200, 18810 "vendor": "S-Japan" 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 "product": { 18832 "title": "Concealer Skin Prep Kit", 18833 "listName": "Shop All", 18834 "sku": "8209088446517", 18835 "currencyCode": "USD", 18836 "price": 13200, 18837 "vendor": "S-Japan" 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 "product": { 18965 "title": "Concealer Skin Prep Kit", 18966 "listName": "Shop All", 18967 "sku": "8209088446517", 18968 "currencyCode": "USD", 18969 "price": 13200, 18970 "vendor": "S-Japan" 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&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 "product": { 19662 "title": "Concealer Skin Prep Kit", 19663 "listName": "Shop All", 19664 "sku": "8209088446517", 19665 "currencyCode": "USD", 19666 "price": 13200, 19667 "vendor": "S-Japan" 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&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&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">© 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®ion_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.