1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <title>Sunless and Sunbed Tanning Skin Care Products | Palm Beach Tan</title> 6 <meta charset="utf-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <meta name="description" content="Want to make your tan last longer? Get the most out of your tan with skin care products to help you prep for your session and extend the life of your tan."> 10 <meta name="generator" content="Laravel 8.83.29"> 11 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 12 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 13 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 14 <link rel="manifest" href="/site.webmanifest"> 15 <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#004062"> 16 <meta name="msapplication-TileColor" content="#ffc40d"> 17 <meta name="theme-color" content="#ffffff"> 18 19 <link rel="preconnect" href="https://use.typekit.net" crossorigin> 20 <link rel="preconnect" href="https://p.typekit.net" crossorigin> 21 <link rel="dns-prefetch" href="https://unpkg.com"> 22 23 24 <style>.opacity-0{opacity:0;}</style> 25
25<script> 26 const triggerEvents = ['resize', 'load', 'DOMContentLoaded']; // events that trigger repositioning background animations 27 28 // Enhanced mobile device detection 29 function isMobile() { 30 // Check for touch capability 31 const hasTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0; 32 33 // Check user agent for mobile devices 34 const userAgent = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); 35 36 // Check screen size (less reliable but still useful) 37 const smallScreen = window.innerWidth < 768; 38 39 // Check for mobile-specific features 40 const isMobileViewport = window.matchMedia && window.matchMedia('(max-width: 768px)').matches; 41 42 // Device orientation support (mobile devices typically support this) 43 const hasOrientation = typeof window.orientation !== 'undefined'; 44 45 // Combine checks - if any strong indicators are present, consider it mobile 46 return userAgent || (hasTouch && (smallScreen || isMobileViewport)) || hasOrientation; 47 } 48 49 // Set animations based on mobile detection 50 if (isMobile()) { 51 localStorage.setItem('animations', 'false'); 52 } else { 53 localStorage.setItem('animations', 'true'); 54 } 55 </script>
55 56 57 58 <link rel="canonical" href="https://palmbeachtan.com/skin-care-products"> 59 <link rel="stylesheet" href="https://use.typekit.net/qap8kxt.css"> 60 <link rel="stylesheet" href="https://palmbeachtan.com/pbt/styles/global.css?v=1791501122"> 61 <link rel="stylesheet" href="https://palmbeachtan.com/pbt/styles/tailwind.css?v=1791501122"> 62 <style> 63 .input-wrapper .input-border { 64 height: var(--space-0.5); 65 } 66 .input-wrapper:hover .input-border { 67 height: 3px !important; 68 } 69 .focus-within input + .input-border { 70 height: 3px !important; 71 } 72 .input-error { 73 --gradient-7: var(--gradient-2); 74 --gray-transparent-2: var(--red-1a); 75 } 76 </style> 77 <meta property="fb:admins" content="100002122793639"> 78 <meta property="og:type" content="website"> 79 <meta property="og:title" content="Palm Beach Tan: Sunless and Sunbed Tanning Skin Care Products"> 80 <meta property="og:description" content="Want to make your tan last longer? Get the most out of your tan with skin care products to help you prep for your session and extend the life of your tan."> 81 <meta property="og:image" content="/image/de602c565e84b55b452857deed8c93f8.webp"> 82 <meta property="og:url" content="https://palmbeachtan.com/skin-care-products"> 83 <!-- Schema Markup - JSON-LD --> 84
84<script type="application/ld+json"> 85 { 86 "@context" : "http://schema.org", 87 "@graph": [ 88 {"@type": "BreadcrumbList","itemListElement": [ 89 {"@type": "ListItem","position": 1,"item":{"@id": "/skin-care-products","name": "Skin care products"}} 90 ]}, 91 { 92 "@type" : "Organization", 93 "name" : "Palm Beach Tan", 94 "legalName" : "Palm Beach Tan, Inc.", 95 "url" : "https://palmbeachtan.com", 96 "logo" : "https://palmbeachtan.com/pbt/images/logo.svg", 97 "foundingDate" : "1990", 98 "alternateName" : "PBT", 99 "slogan": "A Better Shade of You", 100 "description": "Get amazing color & confidence at one of 600+ tanning salons with exclusive Premier Collection® products, spray tanning and sunbeds. No contracts. Find a PBT near you!", 101 "sameAs" : [ 102 "https://www.facebook.com/pbtofficial/", 103 "https://twitter.com/palmbeachtan", 104 "https://en.wikipedia.org/wiki/Palm_Beach_Tan", 105 "https://www.instagram.com/pbtofficial/", 106 "https://www.pinterest.com/palmbeachtan/", 107 "https://www.youtube.com/user/PalmBeachTanOfficial", 108 "https://www.tiktok.com/@palmbeachtan" 109 ], 110 "address" : { 111 "@type" : "PostalAddress", 112 "streetAddress" : "6321 Campus Circle Dr. East", 113 "addressLocality" : "Irving", 114 "addressRegion" : "TX", 115 "postalCode" : "75063", 116 "addressCountry" : "US" 117 }, 118 "hasOfferCatalog": { 119 "@type": "OfferCatalog", 120 "name": "Products and Services", 121 "itemListElement": [ 122 { 123 "@type": "Offer", 124 "itemOffered": { 125 "@type": "Service", 126 "name": "Sunbed Tanning", 127 "url": "https://palmbeachtan.com/sunbed-tanning" 128 } 129 }, 130 { 131 "@type": "Offer", 132 "itemOffered": { 133 "@type": "Service", 134 "name": "Spray Tanning", 135 "url": "https://palmbeachtan.com/sunless-spray-tanning" 136 } 137 }, 138 { 139 "@type": "Offer", 140 "itemOffered": { 141 "@type": "Service", 142 "name": "Wellness", 143 "url": "https://palmbeachtan.com/wellness" 144 } 145 } 146 ] 147 } 148 }, 149 { 150 "@type": "WebPage", 151 "@id": "https://palmbeachtan.com/skin-care-products", 152 "url": "https://palmbeachtan.com/skin-care-products", 153 "description": "Want to make your tan last longer? Get the most out of your tan with skin care products to help you prep for your session and extend the life of your tan.", 154 "name": "Sunless and Sunbed Tanning Skin Care Products", 155 "image": "https://palmbeachtan.com/image/de602c565e84b55b452857deed8c93f8.webp" 156, 157 "isPartOf": { 158 "@type": "WebSite", 159 "name": "Palm Beach Tan", 160 "url": "https://palmbeachtan.com" 161 } 162 } 163 ] 164 } 165 </script>
165 166 <!-- End Schema Markup - JSON --> 167 168 169
169<script> 170 171 // Prepare cookie consent and gtm 172 // Define dataLayer and the gtag function. 173 window.dataLayer = window.dataLayer || []; 174 function gtag(){dataLayer.push(arguments);} 175 176 if(localStorage.getItem('consentMode') === null) { 177 // Default consent to 'denied' while keeping necessary cookies. 178 gtag('consent', 'default', { 179 'functionality_storage': 'granted', 180 'ad_storage': 'denied', 181 'analytics_storage': 'denied', 182 'security_storage': 'denied', 183 'personalization_storage': 'denied', 184 'wait_for_update': 500 185 }); 186 } else { 187 gtag('consent', 'default', JSON.parse(localStorage.getItem('consentMode'))); 188 } 189 </script>
189 190 <!-- Google Tag Manager --> 191
191<script>
vendor: 343 bytes, lines 191-195
191(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 192 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 193 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 194 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 195 })(window,document,'script','dataLayer','
195GTM-N44J2F
vendor: 3 bytes, line 195
195');
195</script>
195 196 <!-- End Google Tag Manager --> 197 198 </head> 199 200<body class="flex flex-col min-h-screen text-body dark:text-body-dark overflow-x-hidden theme-sunless bg-[#FCF9F8] dark:bg-gray-800 pt-16"> 201 202 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 202-203
202 203 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
203GTM-N44J2F
vendor: 91 bytes, lines 203-205
203" 204 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 205
205<!-- End Google Tag Manager (noscript) --> 206 207 <div class="relative w-full"> 208 <div class="relative"> 209 <div class="relative z-20"> 210 <header 211 id="site-header" 212 class="fixed inset-x-0 top-0 mx-auto z-50" 213 214 215 > 216 <div 217 class=" 218 w-full 219 blur-box--shadowed 220 rounded-t-none bg-white 221 backdrop-blur 222 "> 223 <div class="header-wrap container"> 224 <nav class="flex flex-wrap items-center justify-between py-1.5 navbar" aria-label="Primary Nav"> 225 <div class="flex items-center flex-1 logo lg:flex-none"> 226 <a href="/" title="Go to Palm Beach Tan Homepage" class="w-6/12"> 227 <span class="sr-only">Palm Beach Tan</span> 228 <img src="/pbt/images/logo.svg" alt="Palm Beach Tan logo" width="200" height="25" class="logo-pbt"></a> 229 <span class="px-2 text-gray-transparent-4" aria-hidden="true">|</span> 230 <a href="/" title="Go to Palm Beach Tan Homepage" class="w-5/12"> 231 <span class="sr-only">Palm Beach Tan & Wellness</span> 232 <img src="/pbt/images/logo-wellness.svg" alt="Palm Beach Tan & Wellness logo" width="168" height="31" class="logo-beauty fill-black"></a> 233 </div> 234 <div class="flex items-center justify-end ml-6 flex-0 icon-bar lg:order-last"> 235 <a href="/my-pbt" title="Visit MyPBT" class="btn btn-icon btn-subtle p-0 mx-1 hide-from-mobile"> 236 <svg class="icon w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM3.751 20.105a8.25 8.25 0 0116.498 0 .75.75 0 01-.437.695A18.683 18.683 0 0112 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 01-.437-.695z" clip-rule="evenodd"/></svg> 237 238 </a> 239 240 <a href="/locations" title="Find a Location" class="btn btn-icon btn-subtle hide-from-mobile"> 241 <svg class="icon w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M11.54 22.351l.07.04.028.016a.76.76 0 00.723 0l.028-.015.071-.041a16.975 16.975 0 001.144-.742 19.58 19.58 0 002.683-2.282c1.944-1.99 3.963-4.98 3.963-8.827a8.25 8.25 0 00-16.5 0c0 3.846 2.02 6.837 3.963 8.827a19.58 19.58 0 002.682 2.282 16.975 16.975 0 001.145.742zM12 13.5a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"/></svg> 242 243 </a> 244 <button class="w-9 h-9 p-0 mx-1 openmenu-full-nav navbar-toggler btn btn-subtle" id="navbarToggleBtn" 245 type="button" data-collapse-toggle="mega-menu-full" aria-controls="mega-menu" 246 aria-label="Toggle navigation" aria-expanded="false"> 247 <svg class="hamburger" viewBox="0 0 100 100" width="52" height="52"> 248 <path class="line top" 249 d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20" /> 250 <path class="line middle" d="m 30,50 h 40" /> 251 <path class="line bottom" 252 d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20" /> 253</svg> </button> 254 255 </div> 256 <div id="main-navigation" 257 class="items-center hidden w-full px-3 primary-menu-container xl:flex xl:w-auto xl:mx-auto xl:flex-grow-1"> 258 <ul class="nav--items"> 259 <li class="nav--item openmenu-sunbed-tanning"> 260 <a href="/sunbed-tanning" 261 title="Visit Sunbed Tanning" tabindex="0" class="" data-hover-image="">Sunbed Tanning</a> 262</li> <li class="nav--item openmenu-spray-tanning"> 263 <a href="/sunless-spray-tanning" 264 title="Visit Spray Tanning" tabindex="0" class="" data-hover-image="">Spray Tanning</a> 265</li> <li class="nav--item openmenu-skincare"> 266 <a href="/skin-care-products" 267 title="Visit Skincare" tabindex="0" class="active" data-hover-image="">Skincare</a> 268</li>
268 <li class="nav--item openmenu-wellness"> 269 <a href="/wellness" 270 title="Visit Wellness" tabindex="0" class="" data-hover-image="">Wellness</a> 271</li> </ul> 272 </div> 273 </nav> 274 <div id="mega-menu" class="placeholder-megamenu-template"> 275 <nav id="mega-menu-full-nav" class="pt-4 pb-8 mx-4 md:py-8 border-gray-transparent-4 mega-menu" aria-label="Secondary Nav"> 276 <div class="md:grid md:grid-cols-12 max-w-9xl m-auto gap-8" data-animate-in="fade-in-up" data-animate-out="fade-in-down" id="mega-menu-full-nav-content"> 277 <div class="md:flex gap-8 md:col-span-12 lg:col-span-6 "> 278 <div class="pb-8 md:hidden flex gap-2 items-center justify-center"> 279 <a href="/locations" title="Find Your Salon" class=" border border-gray-transparent-5 font-bold text-lg rounded-md px-4 py-2 text-center text-navy-6 flex items-center justify-center flex-grow w-full"> 280 <span class="inline-flex items-center gap-2"> 281 282 <svg class="icon w-4 h-4 -mt-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M9.69 18.933l.003.001C9.89 19.02 10 19 10 19s.11.02.308-.066l.002-.001.006-.003.018-.008a5.741 5.741 0 00.281-.14c.186-.096.446-.24.757-.433.62-.384 1.445-.966 2.274-1.765C15.302 14.988 17 12.493 17 9A7 7 0 103 9c0 3.492 1.698 5.988 3.355 7.584a13.731 13.731 0 002.273 1.765 11.842 11.842 0 00.976.544l.062.029.018.008.006.003zM10 11.25a2.25 2.25 0 100-4.5 2.25 2.25 0 000 4.5z" clip-rule="evenodd"></path></svg> 283 284 Find Your Salon 285 </span> 286 </a> 287 <a href="/my-pbt" title="Find Your Salon" class=" border border-gray-transparent-5 font-bold text-lg rounded-md py-2 text-center w-auto text-navy-6 flex items-center justify-center flex-grow-0 px-8"> 288 <span class="inline-flex items-center gap-2 px-6"> 289 290 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="icon w-4 h-4 -mt-0.5"> 291 <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" /> 292 </svg> 293 294 MyPBT⢠295 </span> 296 </a> 297 </div> 298 <div class="pb-0 md:pb-8"> 299 <h4 class="mega-nav-section-title">Sunbed Tanning</h4> 300<ul class="mb-0 "> 301 <li class="nav--item"> 302 <a href="/sunbed-tanning" title="Visit Sunbed Tanning Home" tabindex="0" class="mega-nav-mobile-link" data-image-count="double" sourceSet="false" data-alt="Dual image of two women: one woman stands confidently in warm, glowing light, while the other is illuminated by red therapeutic lighting, both showcasing modern tanning and light therapy services in a spa-like setting." data-hover-image="/image/3cc23c2507c88c3be4d43e62e23d454b.webp"> 303 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 304 <span class="mega-nav-mobile-link__label">Sunbed Tanning Home</span> 305</a> 306 307 308 309 310 </li> 311 <li class="nav--item"> 312 <a href="/sunbed-tanning/sunbed-tips" title="Visit Sunbed Tanning Tips" tabindex="0" class="mega-nav-mobile-link" data-image-count="double" sourceSet="false" data-alt="Side-by-side image showing a woman standing in warm, glowing light next to a modern spray tan booth, highlighting an automated sunless tanning experience in a retail salon setting." data-hover-image="/image/aac0cfd3e8779050eb7d3405073277c0.webp"> 313 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 314 <span class="mega-nav-mobile-link__label">Sunbed Tanning Tips</span> 315</a> 316 317 318 319 320 </li> 321 <li class="nav--item"> 322 <a href="/sunbed-tanning/our-sunbeds" title="Visit Our Tanning Beds" tabindex="0" class="mega-nav-mobile-link" data-image-count="double" sourceSet="false" data-alt
322="Side-by-side image of two different tanning beds, each with a modern, enclosed design and illuminated interior, showcasing multiple indoor tanning options in a Palm Beach Tan salon." data-hover-image="/image/49aaa7cce593368f4e96f72968bcaecd.webp"> 323 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 324 <span class="mega-nav-mobile-link__label">Our Tanning Beds</span> 325</a> 326 327 328 329 330 </li> 331 </ul> 332 <hr class="mt-2 mb-4 border-gray-transparent-3"/> 333 <h4 class="mega-nav-section-title">Spray Tanning</h4> 334<ul class="mb-0 "> 335 <li class="nav--item"> 336 <a href="/sunless-spray-tanning" title="Visit Spray Tanning Home" tabindex="0" class="mega-nav-mobile-link" data-image-count="double" sourceSet="false" data-alt="Side-by-side image featuring a modern automated spray tan booth and a blonde female model standing in warm, glowing light, representing professional sunless tanning services in a retail salon." data-hover-image="/image/1b3ac4c9c6e99b7706530d4bc4269dcf.webp"> 337 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 338 <span class="mega-nav-mobile-link__label">Spray Tanning Home</span> 339</a> 340 341 342 343 344 </li> 345 <li class="nav--item"> 346 <a href="/sunless-spray-tanning/spray-tan-tips" title="Visit Spray Tan Tips" tabindex="0" class="mega-nav-mobile-link" data-image-count="double" sourceSet="false" data-alt="Side-by-side image of two female models standing in glowing light, showcasing illuminated wellness and tanning environments in a modern retail salon setting." data-hover-image="/image/b27b78000c608e797b27b0c83ea8216c.webp"> 347 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 348 <span class="mega-nav-mobile-link__label">Spray Tan Tips</span> 349</a> 350 351 352 353 354 </li> 355 <li class="nav--item"> 356 <a href="/sunless-spray-tanning/spray-tan-systems" title="Visit Solutions and Spray Booths" tabindex="0" class="mega-nav-mobile-link" data-image-count="double" sourceSet="false" data-alt="Side-by-side image of two female models standing in glowing light, showcasing illuminated wellness and tanning environments in a modern retail salon setting." data-hover-image="/image/e04c7052f2f9afcb5187f1110d3f3a79.webp"> 357 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 358 <span class="mega-nav-mobile-link__label">Solutions and Spray Booths</span> 359</a> 360 361 362 363 364 </li> 365 <li class="nav--item"> 366 <a href="/sunless-spray-tanning/spray-tan-systems/try-your-tan" title="Visit Try Your Tan" tabindex="0" class="mega-nav-mobile-link" data-image-count="double" sourceSet="false" data-alt="Side-by-side product shot of Sunless Solutions spray tan solutions in light and dark formulas, displayed in professional bottles against a clean background to highlight shade options." data-hover-image="/image/bcf3eb4286e32a764a6db11f37bb3bc7.webp"> 367 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 368 <span class="mega-nav-mobile-link__label">Try Your Tan</span> 369</a> 370 371 372 373 374 </li> 375 </ul> 376 </div> 377 <div class="pb-0 md:pb-8"> 378 <hr class="mt-2 mb-4 border-gray-transparent-3 md:mt-0 md:mb-0 md:border-0"/> 379 <h4 class="mega-nav-section-title">Skin Care Products</h4> 380<ul class="mb-0 mega-nav-mobile-list--skin-care"> 381 <li class="nav--item"> 382 <a href="/skin-care-products" title="Visit Shop All" tabindex="0" class="mega-nav-mobile-link" data-image-count="single" sourceSet="false" data-alt="Woman holding a bottle of Black Label Satin Serum Self-Tan Drops, showcasing the sunless tanning product in a clean, professional beauty setting." data-hover-image="/image/6ecfc32c9ba6212c704cec4c735f9bde.webp"> 383 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 384 <span class="mega-nav-mobile-link__label">Shop All</span> 385</a> 386 387 388 389 390 </li> 391 <li class="nav--item"> 392 <a href="/skin-care-products/bronzers#pbtsc" title="Visit Bronzers" tabindex="0" class="mega-nav-mobile-link" data-image-count="double" sourceSet="false" data-alt
392="Side-by-side image of a female model with glowing skin and the Crystal Sunshine sunless tanning product collection, highlighting professional spray tan solutions and skincare products." data-hover-image="/image/d61297532872c4d04223c8502f3c7dd7.webp"> 393 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 394 <span class="mega-nav-mobile-link__label">Bronzers</span> 395</a> 396 397 398 399 400 </li> 401 <li class="nav--item"> 402 <a href="/skin-care-products/intensifiers#pbtsc" title="Visit Intensifiers" tabindex="0" class="mega-nav-mobile-link" data-image-count="double" sourceSet="false" data-alt="Side-by-side image featuring a female model with glowing skin and bottles of Amethyst Intensifier, highlighting a professional tanning or skincare product collection." data-hover-image="/image/afd6f609fbe0da1e99e095141a10f211.webp"> 403 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 404 <span class="mega-nav-mobile-link__label">Intensifiers</span> 405</a> 406 407 408 409 410 </li> 411 <li class="nav--item"> 412 <a href="/skin-care-products/face#pbtsc" title="Visit Face" tabindex="0" class="mega-nav-mobile-link" data-image-count="double" sourceSet="false" data-alt="Side-by-side image of the LâObsidienne X product collection displayed in sleek bottles and a female model standing in dramatic light and shadow, highlighting a premium tanning or skincare brand aesthetic." data-hover-image="/image/ff4f0114d764222819b655731199780f.webp"> 413 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 414 <span class="mega-nav-mobile-link__label">Face</span> 415</a> 416 417 418 419 420 </li> 421 <li class="nav--item"> 422 <a href="/skin-care-products/extenders#pbtsc" title="Visit Extenders" tabindex="0" class="mega-nav-mobile-link" data-image-count="double" sourceSet="false" data-alt="Side-by-side image of a male model with a confident pose and the Scarlet Tan Extender product bottle, highlighting a professional tanning extender designed to maintain and enhance color." data-hover-image="/image/5756325bfb3fb17c38de0b9d949cfddd.webp"> 423 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 424 <span class="mega-nav-mobile-link__label">Extenders</span> 425</a> 426 427 428 429 430 </li> 431 <li class="nav--item"> 432 <a href="/skin-care-products/bath-body#pbtsc" title="Visit Bath & Body" tabindex="0" class="mega-nav-mobile-link" data-image-count="double" sourceSet="false" data-alt="Side-by-side image showing two Black Label Collection skin care products on a neutral background, next to a female model wearing an open shirt and light-colored pants, standing outdoors in natural light." data-hover-image="/image/08eba6a6753cc1776187eef43ea5aec1.webp"> 433 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 434 <span class="mega-nav-mobile-link__label">Bath & Body</span> 435</a> 436 437 438 439 440 </li> 441 <li class="nav--item"> 442 <a href="/skin-care-products/self-tanners#pbtsc" title="Visit Self Tanners" tabindex="0" class="mega-nav-mobile-link" data-image-count="double" sourceSet="false" data-alt="Side-by-side image of a man looking at the camera over a cup of coffee and a woman lying stretched out next to a pool." data-hover-image="/image/e7ba4ec51ce73e49427ef338e1e1c81e.webp"> 443 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 444 <span class="mega-nav-mobile-link__label">Self Tanners</span> 445</a> 446 447 448 449 450 </li> 451 <li class="nav--item"> 452 <a href="/skin-care-products/primers#pbtsc" title="Visit Primers" tabindex="0" class="mega-nav-mobile-link" data-image-count="double" sourceSet="false" data-alt="Left: blackâandâwhite photo of a womanâs back wearing a tied bikini top; Right: color image of hands holding a blueâpurple spray bottle." data-hover-image="/image/08e7ab68714ad33be8070a09ca134c6c.webp"> 453 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 454 <span class="mega-nav-mobile-link__label">Primers</span> 455</a> 456 457 458 459 460 </li> 461 <li class="nav--item"> 462 <a href="/skin-care-products/accessories#pbtsc" title="Visit Accessories" tabindex="0" class="mega-nav-mobile-link" data-image-count="single" sourceSet="false" data-alt
462="Closeâup of a woman with long dark hair looking to the left against a warm brown background." data-hover-image="/image/ada4a45f465850e1cdabfea7ccea5f3f.webp"> 463 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 464 <span class="mega-nav-mobile-link__label">Accessories</span> 465</a> 466 467 468 469 470 </li> 471 </ul> 472 <hr class="mt-2 mb-4 border-gray-transparent-3"/> 473 <h4 class="mega-nav-section-title">Wellness</h4> 474<ul class="mb-0 "> 475 <li class="nav--item"> 476 <a href="/wellness" title="Visit Wellness Home" tabindex="0" class="mega-nav-mobile-link" data-image-count="single" sourceSet="false" data-alt="Shirtless man smiling with his hand on his chest against a warm brown background." data-hover-image="/image/a36a9ec89fbdb32b928f521f17e48bb8.webp"> 477 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 478 <span class="mega-nav-mobile-link__label">Wellness Home</span> 479</a> 480 481 482 483 484 </li> 485 <li class="nav--item"> 486 <a href="/wellness/supplements" title="Visit Supplements" tabindex="0" class="mega-nav-mobile-link" data-image-count="single" sourceSet="false" data-alt="Two black supplement bottles labeled âPure Collagenâ and âSlim Down Resetâ on a light background." data-hover-image="/image/ad7b883495831338e53619a1ad262d13.webp"> 487 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 488 <span class="mega-nav-mobile-link__label">Supplements</span> 489</a> 490 491 492 493 494 </li> 495 </ul> 496 <hr class="mt-2 mb-4 border-gray-transparent-3 md:mt-0 md:mb-0 md:border-0"/> 497 </div> 498 <div class="pb-4 md:pb-8"> 499 <h4 class="mega-nav-section-title">Pricing & Rewards</h4> 500<ul class="mb-0 "> 501 <li class="nav--item"> 502 <a href="/pricing-rewards" title="Visit Pricing & Rewards" tabindex="0" class="mega-nav-mobile-link" data-image-count="single" sourceSet="false" data-alt="Woman in a lightâcolored swimsuit lying on sandy beach under a wooden pier, smiling and leaning on one arm." data-hover-image="/image/ba4cde43052ef022a53b5d885faf484c.webp"> 503 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 504 <span class="mega-nav-mobile-link__label">Pricing & Rewards</span> 505</a> 506 507 508 509 510 </li> 511 <li class="nav--item"> 512 <a href="/pricing-rewards/refer-a-friend" title="Visit Refer-a-Friend" tabindex="0" class="mega-nav-mobile-link" data-image-count="single" sourceSet="false" data-alt="Two women in swimsuits standing together on a beach with the ocean in the background." data-hover-image="/image/bd117ccb8dedfe9a4c2bb98e1d6d4134.webp"> 513 <span class="mega-nav-mobile-link__dot" aria-hidden="true"></span> 514 <span class="mega-nav-mobile-link__label">Refer-a-Friend</span> 515</a> 516 517 518 519 520 </li> 521 </ul> 522 <hr class="mt-2 mb-4 border-gray-transparent-3"/> 523 <div class="flex items-start gap-1 uppercase text-body"> 524 <div class="w-4 flex-shrink-0 pt-2.5"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6"><path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm11.378-3.917c-.89-.777-2.366-.777-3.255 0a.75.75 0 0 1-.988-1.129c1.454-1.272 3.776-1.272 5.23 0 1.513 1.324 1.513 3.518 0 4.842a3.75 3.75 0 0 1-.837.552c-.676.328-1.028.774-1.028 1.152v.75a.75.75 0 0 1-1.5 0v-.75c0-1.279 1.06-2.107 1.875-2.502.182-.088.351-.199.503-.331.83-.727.83-1.857 0-2.584ZM12 18a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd" /></svg></div> 525 <li class="nav--item"> 526 <a href="/faq" title="Visit FAQs" tabindex="0" class="" data-image-count="single" sourceSet="false" data-alt="Palm Beach Tan and Wellness front counter with shelves of products." data-hover-image="/image/b869472c900ebec5deb21c2cbf7ed1c3.webp"> 527 FAQs 528</a> 529 530 531 532 533 </li> 534 </div> 535 <div class="flex items-start gap-1 uppercase text-body"> 536 <div class="w-4 flex-shrink-0 pt-2.5"><svg class="icon w-4 h-4 -mt-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M9.69 18.933l.003.001C9.89 19.02 10 19 10 19s.11.02.308-.066l.002-.001.006-.003.018-.008a5.741 5.741 0 00.281-.14c.186-.096.446-.24.757-.433.62-.384 1.445-.966 2.274-1.765C15.302 14.988 17 12.493 17 9A7 7 0 103 9c0 3.492 1.698 5.988 3.355 7.584a13.731 13.731 0 002.273 1.765 11.842 11.842 0 00.976.544l.062.029.018.008.006.003zM10 11.25a2.25 2.25 0 100-4.5 2.25 2.25 0 000 4.5z" clip-rule="evenodd"></path></svg></div> 537 <li class="nav--item"> 538 <a href="/locations" title="Visit Find&nbsp;Your&nbsp;Location" tabindex="0" class="" data-image-count="single" sourceSet="false" data-alt
538="Interior of a Palm Beach Beauty & Tan salon showing the reception counter with product shelves and a large mural on the wall." data-hover-image="/image/b869472c900ebec5deb21c2cbf7ed1c3.webp"> 539 Find Your Location 540</a> 541 542 543 544 545 </li> 546 </div> 547 <div class="flex items-start gap-1 uppercase text-body"> 548 <div class="w-4 flex-shrink-0 pt-2.5"><svg class="icon w-4 h-4 -mt-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path d="M8 16.25a.75.75 0 01.75-.75h2.5a.75.75 0 010 1.5h-2.5a.75.75 0 01-.75-.75z"></path> <path fill-rule="evenodd" d="M4 4a3 3 0 013-3h6a3 3 0 013 3v12a3 3 0 01-3 3H7a3 3 0 01-3-3V4zm4-1.5v.75c0 .414.336.75.75.75h2.5a.75.75 0 00.75-.75V2.5h1A1.5 1.5 0 0114.5 4v12a1.5 1.5 0 01-1.5 1.5H7A1.5 1.5 0 015.5 16V4A1.5 1.5 0 017 2.5h1z" clip-rule="evenodd"></path> </svg></div> 549 <li class="nav--item"> 550 <a href="/contact-us" title="Visit Contact&nbsp;Us" tabindex="0" class="" data-image-count="double" sourceSet="false" data-alt="Left: blonde woman posing against a cloudy sky; Right: dark-haired woman lit dramatically with shadows and highlights." data-hover-image="/image/0f797fff26f6eb9f793f4b017b338221.webp"> 551 Contact Us 552</a> 553 554 555 556 557 </li> 558 </div> 559 <div class="flex items-start gap-1 uppercase text-body"> 560 <div class="w-4 flex-shrink-0 pt-2.5"><svg class="icon w-4 h-4 -mt-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path d="M3 4a2 2 0 00-2 2v1.161l8.441 4.221a1.25 1.25 0 001.118 0L19 7.162V6a2 2 0 00-2-2H3z" /><path d="M19 8.839l-7.77 3.885a2.75 2.75 0 01-2.46 0L1 8.839V14a2 2 0 002 2h14a2 2 0 002-2V8.839z" /></svg></div> 561 <li class="nav--item"> 562 <a href="/contact-us/corporate-contacts" title="Visit Corporate&nbsp;Contacts" tabindex="0" class="" data-image-count="single" sourceSet="false" data-alt="Woman in a brown bikini and light cover-up posing confidently on a sandy beach with the ocean and blue sky behind her." data-hover-image="/image/b7c456bb6a924e9391f3dc58d1aae421.webp"> 563 Corporate Contacts 564</a> 565 566 567 568 569 </li> 570 </div> 571 <div class="flex items-start gap-1 uppercase text-body"> 572 <div class="w-4 flex-shrink-0 pt-2.5"><svg class="icon w-4 h-4 -mt-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.125 3C3.089 3 2.25 3.84 2.25 4.875V18a3 3 0 0 0 3 3h15a3 3 0 0 1-3-3V4.875C17.25 3.839 16.41 3 15.375 3H4.125ZM12 9.75a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 0-1.5H12Zm-.75-2.25a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75ZM6 12.75a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5H6Zm-.75 3.75a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75ZM6 6.75a.75.75 0 0 0-.75.75v3c0 .414.336.75.75.75h3a.75.75 0 0 0 .75-.75v-3A.75.75 0 0 0 9 6.75H6Z" clip-rule="evenodd" /><path d="M18.75 6.75h1.875c.621 0 1.125.504 1.125 1.125V18a1.5 1.5 0 0 1-3 0V6.75Z" /></svg></div> 573 <li class="nav--item"> 574 <a href="/making-headlines" title="Visit Making&nbsp;Headlines" tabindex="0" class="" data-image-count="single" sourceSet="false" data-alt="Interior of a Palm Beach Beauty & Tan salon showing the reception counter with product shelves and a large mural on the wall." data-hover-image="/image/b869472c900ebec5deb21c2cbf7ed1c3.webp"> 575 Making Headlines 576</a> 577 578 579 580 581 </li> 582 </div> 583 <div class="flex items-start gap-1 uppercase text-body"> 584 <div class="w-4 flex-shrink-0 pt-2.5"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6"><path d="M11.7 2.805a.75.75 0 0 1 .6 0A60.65 60.65 0 0 1 22.83 8.72a.75.75 0 0 1-.231 1.337 49.948 49.948 0 0 0-9.902 3.912l-.003.002c-.114.06-.227.119-.34.18a.75.75 0 0 1-.707 0A50.88 50.88 0 0 0 7.5 12.173v-.224c0-.131.067-.248.172-.311a54.615 54.615 0 0 1 4.653-2.52.75.75 0 0 0-.65-1.352 56.123 56.123 0 0 0-4.78 2.589 1.858 1.858 0 0 0-.859 1.228 49.803 49.803 0 0 0-4.634-1.527.75.75 0 0 1-.231-1.337A60.653 60.653 0 0 1 11.7 2.805Z" /><path d="M13.06 15.473a48.45 48.45 0 0 1 7.666-3.282c.134 1.414.22 2.843.255 4.284a.75.75 0 0 1-.46.711 47.87 47.87 0 0 0-8.105 4.342.75.75 0 0 1-.832 0 47.87 47.87 0 0 0-8.104-4.342.75.75 0 0 1-.461-.71c.035-1.442.121-2.87.255-4.286.921.304 1.83.634 2.726.99v1.27a1.5 1.5 0 0 0-.14 2.508c-.09.38-.222.753-.397 1.11.452.213.901.434 1.346.66a6.727 6.727 0 0 0 .551-1.607 1.5 1.5 0 0 0 .14-2.67v-.645a48.549 48.549 0 0 1 3.44 1.667 2.25 2.25 0 0 0 2.12 0Z" /><path d="M4.462 19.462c.42-.419.753-.89 1-1.395.453.214.902.435 1.347.662a6.742 6.742 0 0 1-1.286 1.794.75.75 0 0 1-1.06-1.06Z" /></svg></div> 585 <li class="nav--item"> 586 <a href="/blog" title="Visit Educational Resources" tabindex="0" class="" data-image-count="single" sourceSet="false" data-alt
586="Interior of a Palm Beach Beauty & Tan salon showing the reception counter with product shelves and a large black-and-white mural on the wall." data-hover-image="/image/b869472c900ebec5deb21c2cbf7ed1c3.webp"> 587 Educational Resources 588</a> 589 590 591 592 593 </li> 594 </div> 595 <div class="flex items-start gap-1 uppercase text-body"> 596 <div class="w-4 flex-shrink-0 pt-2.5"><svg class="icon w-4 h-4 -mt-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M6 3.75A2.75 2.75 0 018.75 1h2.5A2.75 2.75 0 0114 3.75v.443c.572.055 1.14.122 1.706.2C17.053 4.582 18 5.75 18 7.07v3.469c0 1.126-.694 2.191-1.83 2.54-1.952.599-4.024.921-6.17.921s-4.219-.322-6.17-.921C2.694 12.73 2 11.665 2 10.539V7.07c0-1.321.947-2.489 2.294-2.676A41.047 41.047 0 016 4.193V3.75zm6.5 0v.325a41.622 41.622 0 00-5 0V3.75c0-.69.56-1.25 1.25-1.25h2.5c.69 0 1.25.56 1.25 1.25zM10 10a1 1 0 00-1 1v.01a1 1 0 001 1h.01a1 1 0 001-1V11a1 1 0 00-1-1H10z" clip-rule="evenodd" /><path d="M3 15.055v-.684c.126.053.255.1.39.142 2.092.642 4.313.987 6.61.987 2.297 0 4.518-.345 6.61-.987.135-.041.264-.089.39-.142v.684c0 1.347-.985 2.53-2.363 2.686a41.454 41.454 0 01-9.274 0C3.985 17.585 3 16.402 3 15.055z" /></svg></div> 597 <li class="nav--item"> 598 <a href="/careers" title="Visit Careers" tabindex="0" class="" data-image-count="double" sourceSet="false" data-alt="Left: Palm Beach Tan and Wellness front counter with shelves of products; Right: smiling Palm Beach Tan and Wellness employee in black and white." data-hover-image="/image/52a247a828ba7564a53535c7df9c55e8.webp"> 599 Careers 600</a> 601 602 603 604 605 </li> 606 </div> 607 <div class="flex items-start gap-1 uppercase text-body"> 608 <div class="w-4 flex-shrink-0 pt-2.5"><svg class="icon w-4 h-4 -mt-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path d="M10 8a3 3 0 100-6 3 3 0 000 6zM3.465 14.493a1.23 1.23 0 00.41 1.412A9.957 9.957 0 0010 18c2.31 0 4.438-.784 6.131-2.1.43-.333.604-.903.408-1.41a7.002 7.002 0 00-13.074.003z" /></svg></div> 609 <li class="nav--item"> 610 <a href="/my-pbt" title="Visit MyPBTâ¢" tabindex="0" class="" data-image-count="double" sourceSet="false" data-alt="Left: mobile phone displaying the MyPBT app; Right: woman sitting in a Palm Beach Tan lobby holding her phone and smiling." data-hover-image="/image/d5f70e0c1b00d01f33ed4ef921789fa5.webp"> 611 MyPBT⢠612</a> 613 614 615 616 617 </li> 618 </div> 619 </div> 620 </div> 621 <div class="md:hidden lg:block lg:col-span-6"> 622 <figure class="relative double" id="picture-frame"> 623 <picture class="absolute inset-0 object-cover opacity-0 block" id="picture-single"> 624 <div class="split-full" style=" 625 overflow: hidden; 626 border-radius: 16px;"> 627 <img 628 src="/image/f00520733abd4b78e8a9463008ecce27.webp" 629 class="hidden rounded-lg md:block absolute inset-0 object-cover" width="600" height="400" style="height: auto; max-width: 100%;" loading="lazy" 630 alt="Side-by-side images of women in spa treatments: one woman stands wearing a bikini top while receiving a glowing spray tan in warm, misty lighting; the other lies back under a red light therapy panel, her face illuminated by deep red light in a wellness setting."> 631 632 </div> 633 </picture> 634 <picture class="relative justify-between z-10 opacity-0 flex" id="picture-double"> 635 <div class="split-l rounded-lg"> 636 <img 637 src="/image/f00520733abd4b78e8a9463008ecce27.webp" 638 class="hidden rounded-lg md:block" width="600" height="400" loading="lazy" 639 alt="Side-by-side images of women in spa treatments: one woman stands wearing a bikini top while receiving a glowing spray tan in warm, misty lighting; the other lies back under a red light therapy panel, her face illuminated by deep red light in a wellness setting."> 640 641 </div> 642 <div class="split-r rounded-lg"> 643 <img 644 src="/image/f00520733abd4b78e8a9463008ecce27.webp" 645 class="hidden rounded-lg md:block" width="600" height="400" loading="lazy" 646 alt="Side-by-side images of women in spa treatments: one woman stands wearing a bikini top while receiving a glowing spray tan in warm, misty lighting; the other lies back under a red light therapy panel, her face illuminated by deep red light in a wellness setting."> 647 648 </div> 649 </picture> 650 </figure> 651 </div> 652 </div> 653</nav> 654 655 656 </div> 657 </div> 658 </div> 659</header> 660 661 </div> 662 <div class="container dark:bg-gray-900 dark:-100" id="breadcrumbs"> 663 <nav class="flex py-3 mb-8 border-b border-black/20 dark:border-gray-700 text-body" aria-label="Breadcrumb"> 664 <ol class="inline-flex items-center space-x-1 md:space-x-3"> 665 <li class="inline-flex items-center prose"> 666 <a href="/" 667 class="inline-flex items-center text-sm font-medium text-blue-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white visited:text-in-line-text-link-default"> 668 Home 669 </a> 670 </li> 671 672 <li aria-current="page" class="prose"> 673 <div class="flex items-center"> 674 /
675 <span class="ml-1 text-sm font-medium text-body md:ml-2 dark:text-gray-400">Skin care products</span> 676 </div> 677 </li> 678 </ol> 679 </nav> 680 </div> 681 <main> 682 <div class="flex flex-col gap-6 md:gap-10"> 683 <section class="hero container" class="theme-emerald"> 684 <div class="flex flex-col gap-7 lg:flex-row lg:gap-10"> 685 686 <div class="relative lg:basis-7/12 lg:order-2"> 687 <div class="w-full h-full aspect-[5/2] overflow-hidden rounded-2xl"> 688 <img 689 src="/image/38cf3c0d3794a97d8ace4df459e82dc5.webp" 690 srcset="/image/38cf3c0d3794a97d8ace4df459e82dc5.webp 300w, 691/image/9dafcec18050100dbbc6d48267e9a177.webp 600w, 692/image/bbb58a211735bf7d5db2ab84fab4f88a.webp 900w, 693/image/4ccbd1343fd2fe43a66a7e4f15398cbd.webp 1800w 694" 695 class="w-full h-full object-cover" sizes="(min-width: 1024px) 50vw, 100vw" width="300" height="120" fetchpriority="high" decoding="async" 696 alt="A dark-haired female presenting person sits at a vanity in a warm orange painted room" 697 data-anime-id="6ac9631f864ae" 698 data-anime-trigger="self" 699 data-anime-delay="1000" 700 data-anime-duration="1000" 701 data-anime-from='{"rotate":4,"scale":1.4}' 702 data-waypoint-offset="80%" 703 data-hide-until-ready="6ac9631f864ae" 704 >
705<script> 706 if (localStorage.getItem('animations') === 'true') { 707 document.querySelector('[data-hide-until-ready="6ac9631f864ae"]').classList.add('opacity-0') 708 } 709</script>
709 710 </div> 711 </div> 712 713 <div class="lg:order-1 lg:basis-5/12"> 714 715 716 717 <h1 class="display-mobile-large md:display-desktop-large lowercase mb-2 text-theme" 718 data-anime-id="6ac9631f8656c" 719 data-anime-trigger="self" 720 data-anime-delay="300" 721 data-anime-duration="500" 722 data-anime-from='{"translateX":40,"translateY":20}' 723 data-waypoint-offset="80%" 724 data-hide-until-ready="6ac9631f8656c" 725 > 726 Skincare<br>Products 727 </h1>
728<script> 729 if (localStorage.getItem('animations') === 'true') { 730 document.querySelector('[data-hide-until-ready="6ac9631f8656c"]').classList.add('opacity-0') 731 } 732</script>
732 733 734 <div class="max-w-4xl prose body-large-reg-wt text-body" 735 data-anime-id="6ac9631f865fb" 736 data-anime-trigger="self" 737 data-anime-delay="400" 738 data-anime-duration="300" 739 data-anime-from='{"translateX":40,"translateY":-10}' 740 data-waypoint-offset="80%" 741 data-hide-until-ready="6ac9631f865fb" 742 > 743 <div class="body-large-reg-wt prose"> 744 <h2 class="heading-3 lg:heading-2 mb-3">Sunbed tanning lotions, sunless skincare products and more.</h2> 745 <p>Whatever your tanning goals may be, Palm Beach Tan has a skincare product that can 746 help you achieve them. 747 </p> 748 </div> 749 </div>
750<script> 751 if (localStorage.getItem('animations') === 'true') { 752 document.querySelector('[data-hide-until-ready="6ac9631f865fb"]').classList.add('opacity-0') 753 } 754</script>
754 755 756 </div> 757 </div> 758 </section> <div class="container text-pretty lg:flex lg:justify-between lg:gap-10" 759 data-anime-id="6ac9631f868f5" 760 data-anime-trigger="self" 761 data-anime-delay="500" 762 data-anime-duration="600" 763 data-anime-from='{"translateY":20}' 764 data-waypoint-offset="100%" 765 data-hide-until-ready="6ac9631f868f5" 766 > 767 <div data-accordion="collapse" data-disable-on="md"> 768 <button class="block md:hidden aria-expanded:hidden" aria-hidden="true" 769 data-accordion-target="#truncated-text" aria-expanded="false" 770 aria-controls="truncated-text">Read More</button> 771 <div id="truncated-text" class="hidden md:inline" aria-hidden="false"> 772 <div class="prose"> 773 <p>Our exclusive Premier Collection<sup>®</sup> line has been designed from the 774 ground up to bring out your best shade. From bronzers to body wash, we guarantee that youâll find something that works for you. 775 </p> 776 <p>In addition to our own line of exclusive skincare products, we also offer tanning lotions from 777 brands like Australian Gold<sup>®</sup>, Designer Skin<sup>®</sup>, California 778 Tan<sup>®</sup>, Swedish Beauty<sup>®</sup> and more.</p> 779 </div> 780 </div> 781 </div> 782 <div class="mt-5 mb-4 lg:m-0"> 783 <div class="callout-component-wrapper w-full" id="take-quiz"> 784 <div class="relative clickable p-4 lg:p-6 w-full mb-4 md:mb-0 bg-theme-pastel blur-box--bordered" 785 > 786 <div class="relative z-10 flex items-center justify-between gap-4 h-full"> 787 <div class="mr-4 prose text-wrap body-small-reg-wt md:body-medium-reg-wt 2xl:body-large-reg-wt"> 788 <h2 class=" 789 790 text-theme lg:display-desktop-small 791 lowercase display-mobile-small"> 792 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 793 class="inline w-6 h-6 lg:w-10 lg:h-10 -mt-1.5"> 794 <path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10" /> 795 </svg> Take The Skincare Quiz! 796 </h2> 797 798 </div> 799 <a href="/skin-care-products#skincare-questionnaire" title="Take The Skincare Quiz!" class="flex-shrink-0 ml-auto btn btn-icon stretched-link 800 group btn-theme"> 801 <svg class="icon w-6 h-6 group-hover:animate-pulse" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M12.97 3.97a.75.75 0 011.06 0l7.5 7.5a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 11-1.06-1.06l6.22-6.22H3a.75.75 0 010-1.5h16.19l-6.22-6.22a.75.75 0 010-1.06z" clip-rule="evenodd"/></svg> 802 803 </a> 804 </div> 805 </div> 806 </div> 807 808 809 </div> 810 </div>
811<script> 812 if (localStorage.getItem('animations') === 'true') { 813 document.querySelector('[data-hide-until-ready="6ac9631f868f5"]').classList.add('opacity-0') 814 } 815</script>
815 816 <div class="container"> 817 <div id="pbtsc" class="grid gap-4 lg:gap-10 lg:grid-cols-6 xl:grid-cols-4 pt-36 -mt-36"> 818 <aside id="products-sidebar" aria-label="Skin Care Product Filters" 819 class="sidebar lg:col-span-2 xl:col-span-1"> 820 <div class="lg:bg-gradient-glass lg:blur-box--bordered lg:p-2 xl:p-4 lg:sticky lg:top-16"> 821 <button class="flex items-center body-large-med-wt ml-auto lg:hidden mb-1" data-drawer-target="product-filters" 822 data-drawer-show="product-filters" aria-controls="product-filters">Filter Products 823 <svg class="icon w-6 h-6 ml-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.75 12.75h1.5a.75.75 0 000-1.5h-1.5a.75.75 0 000 1.5zM12 6a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5A.75.75 0 0112 6zm0 12a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5A.75.75 0 0112 18zM3.75 6.75h1.5a.75.75 0 100-1.5h-1.5a.75.75 0 000 1.5zm1.5 12h-1.5a.75.75 0 010-1.5h1.5a.75.75 0 010 1.5zM3 12a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5A.75.75 0 013 12zm6-8.25a2.25 2.25 0 100 4.5 2.25 2.25 0 000-4.5zM12.75 12a2.25 2.25 0 114.5 0 2.25 2.25 0 01-4.5 0zM9 15.75a2.25 2.25 0 100 4.5 2.25 2.25 0 000-4.5z"/></svg> 824 825</button> 826 827<div id="product-filters" 828 class="fixed z-40 h-screen -translate-x-full p-4 overflow-y-auto bg-white w-80 lg:static lg:h-auto lg:w-auto lg:translate-x-0 lg:bg-transparent" 829 tabindex="-1" aria-labelledby="filter-label"> 830 <div class="flex justify-between" aria-controls="pbt-skin-care-products"> 831 <button id="filter-reset" class="lg:order-2 hover:bg-gray-transparent-2 active:focus:border-gray-transparent-3 border border-transparent px-xxs rounded ">Reset</button> 832 <h3 id="filter-label" class="heading-3 grow text-center lg:order-1 lg:text-left">Filter</h3> 833 <button type="button" data-drawer-dismiss="product-filters" aria-controls="product-filters" 834 class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center lg:hidden"> 835 <svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z" clip-rule="evenodd"/></svg> 836 837 <span class="sr-only">Close Filters</span> 838 </button> 839 </div> 840 <div id="filters-content" class="flex flex-col"> 841 <div 842 id="accordion-product-filters" 843 class="accordion accordion-flush" 844 data-accordion="open" 845 data-inactive-classes="bg-transparent text-body" 846 data-active-classes="bg-transparent" 847> 848 <h3 id="filter-1-heading" class="accordion-trigger group heading-3 lg:body-large-med-wt 2xl:heading-3"> 849 <button type="button" 850 class="flex items-center justify-between w-full text-left py-3 transition-all hover:bg-navy-transparent-1 group-disabled:px-0" 851 data-accordion-target="#filter-1-body" 852 aria-expanded="true" 853 aria-controls="filter-1-body" 854 > 855 <span class="block w-full">Options</span> 856 <svg class="icon w-6 h-6 shrink-0 group-disabled:hidden rotate-180" data-accordion-icon="data-accordion-icon" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 857<path d="M15.88 9.29006L12 13.1701L8.11998 9.29006C7.72998 8.90006 7.09998 8.90006 6.70998 9.29006C6.31998 9.68006 6.31998 10.3101 6.70998 10.7001L11.3 15.2901C11.69 15.6801 12.32 15.6801 12.71 15.2901L17.3 10.7001C17.69 10.3101 17.69 9.68006 17.3 9.29006C16.91 8.91006 16.27 8.90006 15.88 9.29006Z"/> 858</svg> 859 860 861 </button> 862 863</h3> 864<div class="accordion-target" id="filter-1-body" aria-labelledby="filter-1-heading" role="region" > 865 <div class="input-wrapper border-b border-navy-transparent-2 pb-3" data-filter-group="options" 866 data-filter-type="and"> 867 <div class="flex flex-col gap-0" aria-controls="pbt-skin-care-products"> 868 <div class="flex items-center gap-0"> 869 <input id="customer-favorites" name="customer-favorites" type="checkbox" 870 data-filter="options--customer-favorites" 871 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 872 /> 873 <label for="customer-favorites" 874 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Customer Favorites</label> 875 </div> 876 </div> 877 </div> 878</div> 879 880 <h3 id="filter-2-heading" class="accordion-trigger group heading-3 lg:body-large-med-wt 2xl:heading-3"> 881 <button type="button" 882 class="flex items-center justify-between w-full text-left py-3 transition-all hover:bg-navy-trans
882parent-1 group-disabled:px-0" 883 data-accordion-target="#filter-2-body" 884 aria-expanded="true" 885 aria-controls="filter-2-body" 886 > 887 <span class="block w-full">Product Category</span> 888 <svg class="icon w-6 h-6 shrink-0 group-disabled:hidden rotate-180" data-accordion-icon="data-accordion-icon" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 889<path d="M15.88 9.29006L12 13.1701L8.11998 9.29006C7.72998 8.90006 7.09998 8.90006 6.70998 9.29006C6.31998 9.68006 6.31998 10.3101 6.70998 10.7001L11.3 15.2901C11.69 15.6801 12.32 15.6801 12.71 15.2901L17.3 10.7001C17.69 10.3101 17.69 9.68006 17.3 9.29006C16.91 8.91006 16.27 8.90006 15.88 9.29006Z"/> 890</svg> 891 892 893 </button> 894 895</h3> 896<div class="accordion-target" id="filter-2-body" aria-labelledby="filter-2-heading" role="region" > 897 <div class="input-wrapper border-b border-navy-transparent-2 pb-3" data-filter-group="category" 898 data-filter-type="or"> 899 <div class="relative radio-wrapper flex flex-col" aria-controls="pbt-skin-care-products"> 900 <div class="flex items-center mr-4"> 901 <input id="category-all" 902 name="category" type="radio" 903 data-filter="*" 904 class="w-4 h-4 text-navy-6 bg-gray-100 border-gray-300 focus:ring-navy-6" 905 checked /> 906 <label for="category-all" 907 class="ml-2 text-body dark:text-gray-300 body-medium-med-wt">All</label> 908 </div> 909 <div class="flex items-center mr-4"> 910 <input id="category-sunbed" 911 name="category" type="radio" 912 data-filter="category--sunbed" 913 class="w-4 h-4 text-navy-6 bg-gray-100 border-gray-300 focus:ring-navy-6" 914 /> 915 <label for="category-sunbed" 916 class="ml-2 text-body dark:text-gray-300 body-medium-med-wt">Sunbed</label> 917 </div> 918 <div class="flex items-center mr-4"> 919 <input id="category-sunless" 920 name="category" type="radio" 921 data-filter="category--sunless" 922 class="w-4 h-4 text-navy-6 bg-gray-100 border-gray-300 focus:ring-navy-6" 923 /> 924 <label for="category-sunless" 925 class="ml-2 text-body dark:text-gray-300 body-medium-med-wt">Sunless</label> 926 </div> 927 <div class="flex items-center mr-4"> 928 <input id="category-beauty" 929 name="category" type="radio" 930 data-filter="category--beauty" 931 class="w-4 h-4 text-navy-6 bg-gray-100 border-gray-300 focus:ring-navy-6" 932 /> 933 <label for="category-beauty" 934 class="ml-2 text-body dark:text-gray-300 body-medium-med-wt">Beauty</label> 935 </div> 936 <div class="flex items-center mr-4"> 937 <input id="category-supplements" 938 name="category" type="radio" 939 data-filter="category--supplements" 940 class="w-4 h-4 text-navy-6 bg-gray-100 border-gray-300 focus:ring-navy-6" 941 /> 942 <label for="category-supplements" 943 class="ml-2 text-body dark:text-gray-300 body-medium-med-wt">Supplements</label> 944 </div> 945 </div> 946 </div> 947</div> 948 949 <h3 id="filter-3-heading" class="accordion-trigger group heading-3 lg:body-large-med-wt 2xl:heading-3"> 950 <button type="button" 951 class="flex items-center justify-between w-full text-left py-3 transition-all hover:bg-navy-trans
951parent-1 group-disabled:px-0" 952 data-accordion-target="#filter-3-body" 953 aria-expanded="true" 954 aria-controls="filter-3-body" 955 > 956 <span class="block w-full">Product Type</span> 957 <svg class="icon w-6 h-6 shrink-0 group-disabled:hidden rotate-180" data-accordion-icon="data-accordion-icon" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 958<path d="M15.88 9.29006L12 13.1701L8.11998 9.29006C7.72998 8.90006 7.09998 8.90006 6.70998 9.29006C6.31998 9.68006 6.31998 10.3101 6.70998 10.7001L11.3 15.2901C11.69 15.6801 12.32 15.6801 12.71 15.2901L17.3 10.7001C17.69 10.3101 17.69 9.68006 17.3 9.29006C16.91 8.91006 16.27 8.90006 15.88 9.29006Z"/> 959</svg> 960 961 962 </button> 963 964</h3> 965<div class="accordion-target" id="filter-3-body" aria-labelledby="filter-3-heading" role="region" > 966 <div class="input-wrapper border-b border-navy-transparent-2 pb-3" data-filter-group="product_type" 967 data-filter-type="and"> 968 <div class="flex flex-col gap-0" aria-controls="pbt-skin-care-products"> 969 <div class="flex items-center gap-0"> 970 <input id="bronzers" name="bronzers" type="checkbox" 971 data-filter="product_type--bronzers" 972 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 973 /> 974 <label for="bronzers" 975 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Bronzers</label> 976 </div> 977 <div class="flex items-center gap-0"> 978 <input id="face" name="face" type="checkbox" 979 data-filter="product_type--face" 980 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 981 /> 982 <label for="face" 983 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Face</label> 984 </div> 985 <div class="flex items-center gap-0"> 986 <input id="primers" name="primers" type="checkbox" 987 data-filter="product_type--primers" 988 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 989 /> 990 <label for="primers" 991 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Primers</label> 992 </div> 993 <div class="flex items-center gap-0"> 994 <input id="wellness" name="wellness" type="checkbox" 995 data-filter="product_type--wellness" 996 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 997 /> 998 <label for="wellness" 999 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Wellness</label> 1000 </div> 1001 <div class="flex items-center gap-0"> 1002 <input id="intensifiers" name="intensifiers" type="checkbox" 1003 data-filter="product_type--intensifiers" 1004 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1005 /> 1006 <label for="intensifiers" 1007 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Intensifiers</label> 1008 </div> 1009 <div class="flex items-center gap-0"> 1010 <input id="self-tanners" name="self-tanners" type="checkbox" 1011 data-filter="product_type--self-tanners" 1012 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1013 /> 1014 <label for="self-tanners" 1015 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Self-Tanners</label> 1016 </div> 1017 <div class="flex items-center gap-0"> 1018 <input id="extenders" name="extenders" type="checkbox" 1019 data-filter="product_type--extenders" 1020 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1021 /> 1022 <label for="extenders" 1023 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Extenders</label> 1024 </div> 1025 <div class="flex items-center gap-0"> 1026 <input id="bath-body" name="bath-body" type="checkbox" 1027 data-filter="product_type--bath-body" 1028 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1029 /> 1030 <label for="bath-body" 1031 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Bath & Body</label> 1032 </div> 1033 <div class="flex items-center gap-0"> 1034 <input id="accessories" name="accessories" type="checkbox" 1035 data-filter="product_type--accessories" 1036 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1037 /> 1038 <label for="accessories" 1039 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Accessories</label> 1040 </div> 1041 <div class="flex items-center gap-0"> 1042 <input id="hair" name="hair" type="checkbox" 1043 data-filter="product_type--hair" 1044 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1045 /> 1046 <label for="hair" 1047 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Hair</label> 1048 </div> 1049 </div> 1050 </div> 1051</div> 1052 1053 <h3 id="filter-4-heading" class="accordion-trigger group heading-3 lg:body-large-med-wt 2xl:heading-3"> 1054 <button type="button" 1055 class="flex items-center justify-between w-full text-left py-3 transition-all hover:bg-navy-trans
1055parent-1 group-disabled:px-0" 1056 data-accordion-target="#filter-4-body" 1057 aria-expanded="true" 1058 aria-controls="filter-4-body" 1059 > 1060 <span class="block w-full">Collection</span> 1061 <svg class="icon w-6 h-6 shrink-0 group-disabled:hidden rotate-180" data-accordion-icon="data-accordion-icon" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1062<path d="M15.88 9.29006L12 13.1701L8.11998 9.29006C7.72998 8.90006 7.09998 8.90006 6.70998 9.29006C6.31998 9.68006 6.31998 10.3101 6.70998 10.7001L11.3 15.2901C11.69 15.6801 12.32 15.6801 12.71 15.2901L17.3 10.7001C17.69 10.3101 17.69 9.68006 17.3 9.29006C16.91 8.91006 16.27 8.90006 15.88 9.29006Z"/> 1063</svg> 1064 1065 1066 </button> 1067 1068</h3> 1069<div class="accordion-target" id="filter-4-body" aria-labelledby="filter-4-heading" role="region" > 1070 <div class="input-wrapper border-b border-navy-transparent-2 pb-3" data-filter-group="collection" 1071 data-filter-type="and"> 1072 <div class="flex flex-col gap-0" aria-controls="pbt-skin-care-products"> 1073 <div class="flex items-center gap-0"> 1074 <input id="amethyst" name="amethyst" type="checkbox" 1075 data-filter="collection--amethyst" 1076 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1077 /> 1078 <label for="amethyst" 1079 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Amethyst</label> 1080 </div> 1081 <div class="flex items-center gap-0"> 1082 <input id="black-label" name="black-label" type="checkbox" 1083 data-filter="collection--black-label" 1084 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1085 /> 1086 <label for="black-label" 1087 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Black Label</label> 1088 </div> 1089 <div class="flex items-center gap-0"> 1090 <input id="emerald" name="emerald" type="checkbox" 1091 data-filter="collection--emerald" 1092 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1093 /> 1094 <label for="emerald" 1095 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Emerald</label> 1096 </div> 1097 <div class="flex items-center gap-0"> 1098 <input id="lobsidiennex" name="lobsidiennex" type="checkbox" 1099 data-filter="collection--lobsidiennex" 1100 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1101 /> 1102 <label for="lobsidiennex" 1103 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">LâobsidienneX</label> 1104 </div> 1105 <div class="flex items-center gap-0"> 1106 <input id="crystal-sunshine" name="crystal-sunshine" type="checkbox" 1107 data-filter="collection--crystal-sunshine" 1108 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1109 /> 1110 <label for="crystal-sunshine" 1111 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Crystal Sunshine</label> 1112 </div> 1113 <div class="flex items-center gap-0"> 1114 <input id="spray-your-way" name="spray-your-way" type="checkbox" 1115 data-filter="collection--spray-your-way" 1116 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1117 /> 1118 <label for="spray-your-way" 1119 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Spray Your Way</label> 1120 </div> 1121 <div class="flex items-center gap-0"> 1122 <input id="lobsidienne" name="lobsidienne" type="checkbox" 1123 data-filter="collection--lobsidienne" 1124 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1125 /> 1126 <label for="lobsidienne" 1127 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Lâobsidienne</label> 1128 </div> 1129 <div class="flex items-center gap-0"> 1130 <input id="lightstim" name="lightstim" type="checkbox" 1131 data-filter="collection--lightstim" 1132 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1133 /> 1134 <label for="lightstim" 1135 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">LightStim</label> 1136 </div> 1137 <div class="flex items-center gap-0"> 1138 <input id="sunless-accessories" name="sunless-accessories" type="checkbox" 1139 data-filter="collection--sunless-accessories" 1140 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1141 /> 1142 <label for="sunless-accessories" 1143 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Sunless Accessories</label> 1144 </div> 1145 <div class="flex items-center gap-0"> 1146 <input id="wellness-within" name="wellness-within" type="checkbox" 1147 data-filter="collection--wellness-within" 1148 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1149 /> 1150 <label for="wellness-within" 1151 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">Wellness Within</label> 1152 </div> 1153 <div class="flex items-center gap-0"> 1154 <input id="x-fortify-hair-lobsidiennex" name="x-fortify-hair-lobsidiennex" type="checkbox" 1155 data-filter="collection--x-fortify-hair-lobsidiennex" 1156 class="form-checkbox h-4 w-4 text-navy-6 transition duration-150 ease-in-out rounded" 1157 /> 1158 <label for="x-fortify-hair-lobsidiennex" 1159 class="w-full inline-block pl-2 pt-0.5 text-base font-medium text-body dark:text-gray-300 ">X-FORTIFY Hair - LâobsidienneX</label> 1160 </div> 1161 </div> 1162 </div> 1163</div> 1164 1165 1166 <h3 id="filter-single-products-heading" class="accordion-trigger group hidden heading-3"> 1167 <button type="button" 1168 class="flex items-center justify-between w-full text-left py-3 transition-all hover:bg-navy-trans
1168parent-1 group-disabled:px-0" 1169 data-accordion-target="#filter-single-products-body" 1170 aria-expanded="true" 1171 aria-controls="filter-single-products-body" 1172 > 1173 <span class="block w-full">Single Products</span> 1174 <svg class="icon w-6 h-6 shrink-0 group-disabled:hidden rotate-180" data-accordion-icon="data-accordion-icon" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1175<path d="M15.88 9.29006L12 13.1701L8.11998 9.29006C7.72998 8.90006 7.09998 8.90006 6.70998 9.29006C6.31998 9.68006 6.31998 10.3101 6.70998 10.7001L11.3 15.2901C11.69 15.6801 12.32 15.6801 12.71 15.2901L17.3 10.7001C17.69 10.3101 17.69 9.68006 17.3 9.29006C16.91 8.91006 16.27 8.90006 15.88 9.29006Z"/> 1176</svg> 1177 1178 1179 </button> 1180 1181</h3> 1182<div class="accordion-target" id="filter-single-products-body" aria-labelledby="filter-single-products-heading" role="region" > 1183 <div class="hidden input-wrapper" data-filter-group="product_name" 1184 data-filter-type="or"> 1185 <div class="flex flex-col gap-0" aria-controls="pbt-skin-care-products"> 1186 <input id="3" name="3" 1187 type="checkbox" data-filter="productID--3" 1188 /> 1189 <label for="3">Luxe Facial White Bronzer</label> 1190 <input id="11" name="11" 1191 type="checkbox" data-filter="productID--11" 1192 /> 1193 <label for="11">Flawless Primer</label> 1194 <input id="18" name="18" 1195 type="checkbox" data-filter="productID--18" 1196 /> 1197 <label for="18">Facial Bronzer</label> 1198 <input id="1" name="1" 1199 type="checkbox" data-filter="productID--1" 1200 /> 1201 <label for="1">Luxe Bronzer</label> 1202 <input id="73" name="73" 1203 type="checkbox" data-filter="productID--73" 1204 /> 1205 <label for="73">Exosome Crème de Visage</label> 1206 <input id="2" name="2" 1207 type="checkbox" data-filter="productID--2" 1208 /> 1209 <label for="2">Luxe Intensifier</label> 1210 <input id="91" name="91" 1211 type="checkbox" data-filter="productID--91" 1212 /> 1213 <label for="91">Facial Natural Bronzer</label> 1214 <input id="89" name="89" 1215 type="checkbox" data-filter="productID--89" 1216 /> 1217 <label for="89">Intensifier</label> 1218 <input id="88" name="88" 1219 type="checkbox" data-filter="productID--88" 1220 /> 1221 <label for="88">Natural Bronzer</label> 1222 <input id="16" name="16" 1223 type="checkbox" data-filter="productID--16" 1224 /> 1225 <label for="16">DHA Bronzer</label> 1226 <input id="85" name="85" 1227 type="checkbox" data-filter="productID--85" 1228 /> 1229 <label for="85">Priming & Color-Balancing Mist</label> 1230 <input id="84" name="84" 1231 type="checkbox" data-filter="productID--84" 1232 /> 1233 <label for="84">Sunless Customizable Self-Tanning Continuous Micromist</label> 1234 <input id="4" name="4" 1235 type="checkbox" data-filter="productID--4" 1236 /> 1237 <label for="4">Luxe Tan Extender</label> 1238 <input id="6" name="6" 1239 type="checkbox" data-filter="productID--6" 1240 /> 1241 <label for="6">Luxe Body Butter</label> 1242 <input id="5" name="5" 1243 type="checkbox" data-filter="productID--5" 1244 /> 1245 <label for="5">Luxe Body Wash</label> 1246 <input id="14" name="14" 1247 type="checkbox" data-filter="productID--14" 1248 /> 1249 <label for="14">Black Ice Moisturizer</label> 1250 <input id="15" name="15" 1251 type="checkbox" data-filter="productID--15" 1252 /> 1253 <label for="15">Chic CC Facial Crème</label> 1254 <input id="10" name="10" 1255 type="checkbox" data-filter="productID--10" 1256 /> 1257 <label for="10">IndiGlow Bronzing Mist</label> 1258 <input id="12" name="12" 1259 type="checkbox" data-filter="productID--12" 1260 /> 1261 <label for="12">Indulgent Body Wash</label> 1262 <input id="7" name="7" 1263 type="checkbox" data-filter="productID--7" 1264 /> 1265 <label for="7">Perfect Bronzing Mist</label> 1266 <input id="13" name="13" 1267 type="checkbox" data-filter="productID--13" 1268 /> 1269 <label for="13">Renewing Body Scrub</label> 1270 <input id="92" name="92" 1271 type="checkbox" data-filter="productID--92" 1272 /> 1273 <label for="92">Satin Serum Self-Tan Facial Drops</label> 1274 <input id="8" name="8" 1275 type="checkbox" data-filter="productID--8" 1276 /> 1277 <label for="8">Warming Facial Exfoliant</label> 1278 <input id="90" name="90" 1279 type="checkbox" data-filter="productID--90" 1280 /> 1281 <label for="90">In-Shower Tan Extender</label> 1282 <input id="19" name="19" 1283 type="checkbox" data-filter="productID--19" 1284 /> 1285 <label for="19">After Tan Extender</label> 1286 <input id="21" name="21" 1287 type="checkbox" data-filter="productID--21" 1288 /> 1289 <label for="21">Body Butter</label> 1290 <input id="20" name="20" 1291 type="checkbox" data-filter="productID--20" 1292 /> 1293 <label for="20">Body Wash</label> 1294 <input id="17" name="17" 1295 type="checkbox" data-filter="productID--17" 1296 /> 1297 <label for="17">Intensifier</label> 1298 <input id="100" name="100" 1299 type="checkbox" data-filter="productID--100" 1300 /> 1301 <label for="100">Facial Cleansing Gelée</label> 1302 <input id="104" name="104" 1303 type="checkbox" data-filter="productID--104" 1304 /> 1305 <label for="104">Facial Intensifying Crème</label> 1306 <input id="103" name="103" 1307 type="checkbox" data-filter="productID--103" 1308 /> 1309 <label for="103">Luxe Body Cleanser</label> 1310 <input id="101" name="101" 1311 type="checkbox" data-filter="productID--101" 1312 /> 1313 <label for="101">Optimizing DHA Bronzer</label> 1314 <input id="102" name="102" 1315 type="checkbox" data-filter="productID--102" 1316 /> 1317 <label for="102">Triple Focus Intensifier</label> 1318 <input id="105" name="105" 1319 type="checkbox" data-filter="productID--105" 1320 /> 1321 <label for="105">Ultra-Hydrating Tan Extender</label> 1322 <input id="96" name="96" 1323 type="checkbox" data-filter="productID--96" 1324 /> 1325 <label for="96">Crème Pour le Corps Exosome</label> 1326 <input id="94" name="94" 1327 type="checkbox" data-filter="productID--94" 1328 /> 1329 <label for="94">Serum Exosome Acide Hyaluronique X<sup>7</sup></label> 1330 <input id="93" name="93" 1331 type="checkbox" data-filter="productID--93" 1332 /> 1333 <label for="93">Serum Exosome Vitamine CX<sup>3</sup></label> 1334 <input id="95" name="95" 1335 type="checkbox" data-filter="productID--95" 1336 /> 1337 <label for="95">Traitement Après Soleil Exosomes</label> 1338 <input id="80" name="80" 1339 type="checkbox" data-filter="productID--80" 1340 /> 1341 <label for="80">Acne</label> 1342 <input id="81" name="81" 1343 type="checkbox" data-filter="productID--81" 1344 /> 1345 <label for="81">Pain</label> 1346 <input id="79" name="79" 1347 type="checkbox" data-filter="productID--79" 1348 /> 1349 <label for="79">Wrinkles</label> 1350 <input id="86" name="86" 1351 type="checkbox" data-filter="productID--86" 1352 /> 1353 <label for="86">Sunless Customizable Self-Tanning Foam</label> 1354 <input id="87" name="87" 1355 type="checkbox" data-filter="productID--87" 1356 /> 1357 <label for="87">Sunless Enhancing Tan Extender</label> 1358 <input id="82" name="82" 1359 type="checkbox" data-filter="productID--82" 1360 /> 1361 <label for="82">Sunless Exfoliating Body Scrub</label> 1362 <input id="83" name="83" 1363 type="checkbox" data-filter="productID--83" 1364 /> 1365 <label for="83">Sunless Gentle Body Wash</label> 1366 <input id="29" name="29" 1367 type="checkbox" data-filter="productID--29" 1368 /> 1369 <label for="29">Applicator Mitt</label> 1370 <input id="76" name="76" 1371 type="checkbox" data-filter="productID--76" 1372 /> 1373 <label for="76">Pure Collagen</label> 1374 <input id="75" name="75" 1375 type="checkbox" data-filter="productID--75" 1376 /> 1377 <label for="75">
1377Slim Down Reset</label> 1378 <input id="99" name="99" 1379 type="checkbox" data-filter="productID--99" 1380 /> 1381 <label for="99">Daily Follicle Sustaining Mist with Exosomes</label> 1382 <input id="98" name="98" 1383 type="checkbox" data-filter="productID--98" 1384 /> 1385 <label for="98">Follicle Stimulating Serum with Exosomes</label> 1386 <input id="97" name="97" 1387 type="checkbox" data-filter="productID--97" 1388 /> 1389 <label for="97">Red Light LED Hairbrush</label> 1390 </div> 1391 </div> 1392</div> 1393</div> </div> 1394</div> 1395 1396 </div> 1397 </aside> 1398 <section aria-label="Skin Care Products" class="lg:col-span-4 xl:col-span-3"> 1399 <div id="pbt-skin-care-products" class="flex flex-wrap gap-y-xs js-filter" 1400 data-filter-animation="off"> 1401 <div class="pt-8" data-fallback-gallery-id="pbt-skin-care-products"> 1402 <p class="display-mobile-medium md:display-desktop-medium"> 1403 <span class="lemonade">Whoops!</span> 1404 No results left.</p> 1405 </div> 1406 <div id="recommended-header" class="hidden w-full mb-4"> 1407 <p class="heading-1">Here's what we recommend:</p> 1408 <a class="inline-arrow-link group" id="retake-quiz" href="/skin-care-products#skincare-questionnaire" title="Retake the Quiz"> 1409 <span class="inline-block"> 1410 <span class="gets-bg">Want to take the quiz again?</span> 1411 </span> 1412 <svg class="icon w-5 h-5 group-hover:animate-bounce-right shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z" clip-rule="evenodd" /></svg> 1413 1414</a> </div> 1415 <div data-filter="collection--amethyst category--sunbed options--customer-favorites category--sunless" class="max-w-full js-filter__item basis-full"> 1416 <div class="@container theme-amethyst collection--amethyst"> 1417 <div class="flex items-center justify-between p-4 bg-theme-pastel blur-box--bordered"> 1418 <div class="hidden @4xl:block supports-nocq:xl:block"> 1419 <img src="/pbt/images/logo-premier-collection.svg" alt="Premier Collection" width="190" 1420 height="40" > 1421 </div> 1422 <h2 class="display-mobile-small sm:display-desktop-small text-theme">Amethyst<sup>â¢</sup></h2> 1423 <a href="/skin-care-products/collections/amethyst" title="See all Amethyst Collection Products" 1424 class="btn btn-gradient btn-theme">Explore<span 1425 class="hidden @4xl:inline-block supports-nocq:xl:inline-block ml-2"> Collection</span></a> 1426 </div> 1427 </div> 1428 </div> 1429 1430 1431 1432 <div data-filter="collection--amethyst category--sunbed product_type--bronzers product_type--face productID--3 options--customer-favorites" 1433 class="js-filter__item theme-amethyst product--luxe-facial-white-bronzer basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 1434 <div 1435 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 1436 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 1437 <img 1438 src="/image/36e433d1d7a9d8d3f61901c8ed98ece6.webp" 1439 srcset="/image/36e433d1d7a9d8d3f61901c8ed98ece6.webp 1x, /image/[email protected] 2x" 1440 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 1441 alt="Luxe Facial White Bronzer"> 1442 1443 <h3 class="mb-2 body-large-med-wt md:heading-3">
1444 <span class="block uppercase labels-large md:eyebrow">Amethyst<sup>â¢</sup></span> 1445 Luxe Facial White Bronzer 1446 </h3> 1447 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 1448 <p>White Bronzer With Color-Balancing Violet Undertones, Specially Formulated for Facial Skin</p> 1449 </div> 1450 </div> 1451 1452 1453 1454 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 1455 <a href="/skin-care-products/collections/amethyst/luxe-facial-white-bronzer" title="Learn more about Luxe Facial White Bronzer" class="block w-full"> 1456 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 1457 </a> 1458 <button 1459 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 1460 data-open-modal="{"name":"Amethyst\u2122 Luxe Facial White Bronzer","product_id":3}"> 1461 <span>Find nearby</span> 1462 </button> 1463 <span class="hidden" id="product-search-3"><div class="input-state-switcher"> 1464 <div id="id_6ac9631f9254d_input-state-input" class=""> 1465 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 1466 1467 1468 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 1469 1470 <div class="mb-4"> 1471 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f9254d_id-salon-search"> 1472 <div class="relative"> 1473 <button 1474 type="button" 1475 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 1476 id="button-id_6ac9631f9254d_id-salon-search" 1477 aria-label="Search" 1478 > 1479 <span class="inline-grid grid-cols-1"> 1480 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 1481 1482 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 1483 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 1484 <svg aria-hidden="true" role="status" 1485 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 1486 fill="none" xmlns="http://www.w3.org/2000/svg"> 1487 <path 1488 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 1489 fill="#6347AA" /> 1490 <path 1491 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
14911071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 1492 fill="currentColor" /> 1493 </svg> 1494 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 1495 </span> 1496</span> 1497 1498 </button> 1499 1500 <div class="relative z-10"> 1501 <input 1502 type="text" 1503 id="id_6ac9631f9254d_id-salon-search" 1504 name="salon" 1505 value="" 1506 placeholder="City, State or ZIP..." 1507 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 1508 role="combobox" 1509 aria-expanded="false" 1510 aria-autocomplete="list" 1511 aria-haspopup="listbox" 1512 aria-controls="id_6ac9631f9254d_id-salon-search-listbox" 1513 aria-required="false" 1514 aria-label="Search by city, state or zip" 1515 1516 autocomplete="off" 1517 > 1518 <label for="id_6ac9631f9254d_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 1519 Search by city, state or zip 1520 </label> 1521 </div> 1522 1523 <ul 1524 id="id_6ac9631f9254d_id-salon-search-listbox" 1525 role="listbox" 1526 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 1527 aria-label="Search by city, state or zip suggestions" 1528 > 1529 </ul> 1530 </div> 1531 <div id="message-id_6ac9631f9254d_id-salon-search" class="message"></div> 1532</div> 1533 1534 </div> 1535 1536 </div> 1537 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 1538 1539 1540 <p class="prose"> 1541 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f9254d_use-my-location-link"> 1542 <span class="inline-grid grid-cols-1"> 1543 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 1544 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 1545 <svg aria-hidden="true" role="status" 1546 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 1547 fill="none" xmlns="http://www.w3.org/2000/svg"> 1548 <path 1549 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 1550 fill="#6347AA" /> 1551 <path 1552 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
15521071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 1553 fill="currentColor" /> 1554 </svg> 1555 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 1556 </span> 1557</span> 1558 1559 </button> 1560 </p> 1561 </div> 1562 </div> </div> 1563 <div id="id_6ac9631f9254d_input-state-message" class="mb-4 hidden"> 1564 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 1565 1566 1567 <div class="grid col-span-6 "> 1568 1569 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 1570 1571 </div> 1572 <div class="grid col-span-6 "> 1573 1574 1575 <div class="w-full text-right"> 1576 <button id="id_6ac9631f9254d_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 1577 </div> 1578 </div> 1579 </div> </div> 1580</div> 1581 1582<div id="id_6ac9631f9254d_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 1583 1584<div id="id_6ac9631f9254d_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 1585<div id="id_6ac9631f9254d_selected-salon-placeholder-area" class="opacity-0"> 1586 </div> 1587 1588 1589<!-- Main modal --> 1590<div id="defaultModal" tabindex="-1" aria-hidden="true" class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-modal md:h-full bg-gray-9/90 close-modal"> 1591 <div class="relative w-full h-full max-w-2xl md:h-auto"> 1592 <!-- Modal content --> 1593 <div class="relative bg-white rounded-lg shadow dark:bg-gray-700"> 1594 <!-- Modal header --> 1595 <div class="flex items-start justify-between p-4 border-b rounded-t dark:border-gray-600"> 1596 <h3 class="text-xl font-semibold text-body dark:text-white"> 1597 Select the salon closest to you 1598 </h3> 1599 <button type="button" class="text-body bg-transparent hover:bg-gray-200 hover:text-body rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white close-modal !duration-75"> 1600 <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg> 1601 <span class="sr-only">Close modal</span> 1602 </button> 1603 </div> 1604 1605 <!-- Modal body --> 1606 <div class="p-6 overflow-scroll divide-y" id="modal-scroll-area" style="max-height: calc(100vh - 130px)"> 1607 </div> 1608 </div> 1609 </div> 1610</div> 1611 1612 1613</span> 1614 </div> 1615 <div class="absolute -top-2 -right-2 z-10 scale-75 transition-all group-hover:scale-100 group-hover:rotate-12"> 1616 <img 1617 src="/image/5ea529c9b7b26fda3b33fbb43e8614c5.webp" 1618 srcset="/image/9491cabe54a292cffec00288d45262d0.webp 56w, 1619/image/8cde78749cde38abb5b5921a26a5aa95.webp 80w, 1620/image/ab4fc07cf869affa960b4f73d40edb3e.webp 96w 1621" 1622 class="relative w-14 xl:w-20 2xl:w-24 object-contain mt-0" sizes="(max-width: 640px) 56px, (min-width: 1280px) 96px, 80px" width="93" height="93" 1623 alt="Customer Favorite"> 1624 1625</div> 1626 </div> 1627 </div> 1628 1629 <div data-filter="collection--amethyst category--sunbed product_type--bronzers productID--1 options--customer-favorites" 1630 class="js-filter__item theme-amethyst product--luxe-bronzer basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 1631 <div 1632 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 1633 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 1634 <img
1635 src="/image/d39774288317d7adbdfa3ebbecf77112.webp" 1636 srcset="/image/d39774288317d7adbdfa3ebbecf77112.webp 1x, /image/[email protected] 2x" 1637 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 1638 alt="Luxe Bronzer"> 1639 1640 <h3 class="mb-2 body-large-med-wt md:heading-3"> 1641 <span class="block uppercase labels-large md:eyebrow">Amethyst<sup>â¢</sup></span> 1642 Luxe Bronzer 1643 </h3> 1644 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 1645 <p>Self-Adjusting, Exceptionally Dark DHA Bronzer With Color-Balancing Violet Undertones</p> 1646 </div> 1647 </div> 1648 1649 1650 1651 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 1652 <a href="/skin-care-products/collections/amethyst/luxe-bronzer" title="Learn more about Luxe Bronzer" class="block w-full"> 1653 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 1654 </a> 1655 <button 1656 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 1657 data-open-modal="{"name":"Amethyst\u2122 Luxe Bronzer","product_id":1}"> 1658 <span>Find nearby</span> 1659 </button> 1660 <span class="hidden" id="product-search-1"><div class="input-state-switcher"> 1661 <div id="id_6ac9631f93045_input-state-input" class=""> 1662 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 1663 1664 1665 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 1666 1667 <div class="mb-4"> 1668 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f93045_id-salon-search"> 1669 <div class="relative"> 1670 <button 1671 type="button" 1672 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 1673 id="button-id_6ac9631f93045_id-salon-search" 1674 aria-label="Search" 1675 > 1676 <span class="inline-grid grid-cols-1"> 1677 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 1678 1679 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 1680 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 1681 <svg aria-hidden="true" role="status" 1682 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 1683 fill="none" xmlns="http://www.w3.org/2000/svg"> 1684 <path 1685 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 1686 fill="#6347AA" /> 1687 <path 1688 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
16881071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 1689 fill="currentColor" /> 1690 </svg> 1691 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 1692 </span> 1693</span> 1694 1695 </button> 1696 1697 <div class="relative z-10"> 1698 <input 1699 type="text" 1700 id="id_6ac9631f93045_id-salon-search" 1701 name="salon" 1702 value="" 1703 placeholder="City, State or ZIP..." 1704 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 1705 role="combobox" 1706 aria-expanded="false" 1707 aria-autocomplete="list" 1708 aria-haspopup="listbox" 1709 aria-controls="id_6ac9631f93045_id-salon-search-listbox" 1710 aria-required="false" 1711 aria-label="Search by city, state or zip" 1712 1713 autocomplete="off" 1714 > 1715 <label for="id_6ac9631f93045_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 1716 Search by city, state or zip 1717 </label> 1718 </div> 1719 1720 <ul 1721 id="id_6ac9631f93045_id-salon-search-listbox" 1722 role="listbox" 1723 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 1724 aria-label="Search by city, state or zip suggestions" 1725 > 1726 </ul> 1727 </div> 1728 <div id="message-id_6ac9631f93045_id-salon-search" class="message"></div> 1729</div> 1730 1731 </div> 1732 1733 </div> 1734 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 1735 1736 1737 <p class="prose"> 1738 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f93045_use-my-location-link"> 1739 <span class="inline-grid grid-cols-1"> 1740 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 1741 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 1742 <svg aria-hidden="true" role="status" 1743 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 1744 fill="none" xmlns="http://www.w3.org/2000/svg"> 1745 <path 1746 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 1747 fill="#6347AA" /> 1748 <path 1749 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
17491071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 1750 fill="currentColor" /> 1751 </svg> 1752 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 1753 </span> 1754</span> 1755 1756 </button> 1757 </p> 1758 </div> 1759 </div> </div> 1760 <div id="id_6ac9631f93045_input-state-message" class="mb-4 hidden"> 1761 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 1762 1763 1764 <div class="grid col-span-6 "> 1765 1766 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 1767 1768 </div> 1769 <div class="grid col-span-6 "> 1770 1771 1772 <div class="w-full text-right"> 1773 <button id="id_6ac9631f93045_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 1774 </div> 1775 </div> 1776 </div> </div> 1777</div> 1778 1779<div id="id_6ac9631f93045_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 1780 1781<div id="id_6ac9631f93045_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 1782<div id="id_6ac9631f93045_selected-salon-placeholder-area" class="opacity-0"> 1783 </div> 1784 1785 1786<!-- Main modal --> 1787 1788 1789</span> 1790 </div> 1791 <div class="absolute -top-2 -right-2 z-10 scale-75 transition-all group-hover:scale-100 group-hover:rotate-12"> 1792 <img 1793 src="/image/5ea529c9b7b26fda3b33fbb43e8614c5.webp" 1794 srcset="/image/9491cabe54a292cffec00288d45262d0.webp 56w, 1795/image/8cde78749cde38abb5b5921a26a5aa95.webp 80w, 1796/image/ab4fc07cf869affa960b4f73d40edb3e.webp 96w 1797" 1798 class="relative w-14 xl:w-20 2xl:w-24 object-contain mt-0" sizes="(max-width: 640px) 56px, (min-width: 1280px) 96px, 80px" width="93" height="93" 1799 alt="Customer Favorite"> 1800 1801</div> 1802 </div> 1803 </div> 1804 1805 <div data-filter="collection--amethyst category--sunbed product_type--intensifiers productID--2 options--customer-favorites" 1806 class="js-filter__item theme-amethyst product--luxe-intensifier basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 1807 <div 1808 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 1809 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 1810 <img 1811 src="/image/cb3c96e64aad3627e380cddbb2f5948d.webp" 1812 srcset="/image/cb3c96e64aad3627e380cddbb2f5948d.webp 1x, /image/[email protected] 2x" 1813 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 1814 alt="Luxe Intensifier"> 1815 1816 <h3 class="mb-2 body-large-med-wt md:heading-3"> 1817 <span class="block uppercase labels-large md:eyebrow">Amethyst<sup>â¢</sup></span> 1818 Luxe Intensifier 1819 </h3> 1820 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 1821 <p>Exceptionally Dark Intensifier With Color-Balancing Violet Undertones</p> 1822 </div> 1823 </div> 1824 1825 1826 1827 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 1828 <a href="/skin-care-products/collections/amethyst/luxe-intensifier" title="Learn more about Luxe Intensifier" class="block w-full"> 1829 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 1830 </a> 1831 <button 1832 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 1833 data-open-modal="{"name":"Amethyst\u2122 Luxe Intensifier","product_id":2}">
1834 <span>Find nearby</span> 1835 </button> 1836 <span class="hidden" id="product-search-2"><div class="input-state-switcher"> 1837 <div id="id_6ac9631f9397d_input-state-input" class=""> 1838 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 1839 1840 1841 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 1842 1843 <div class="mb-4"> 1844 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f9397d_id-salon-search"> 1845 <div class="relative"> 1846 <button 1847 type="button" 1848 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 1849 id="button-id_6ac9631f9397d_id-salon-search" 1850 aria-label="Search" 1851 > 1852 <span class="inline-grid grid-cols-1"> 1853 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 1854 1855 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 1856 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 1857 <svg aria-hidden="true" role="status" 1858 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 1859 fill="none" xmlns="http://www.w3.org/2000/svg"> 1860 <path 1861 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 1862 fill="#6347AA" /> 1863 <path 1864 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 1865 fill="currentColor" /> 1866 </svg> 1867 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 1868 </span> 1869</span> 1870 1871 </button> 1872 1873 <div class="relative z-10"> 1874 <input 1875 type="text" 1876 id="id_6ac9631f9397d_id-salon-search" 1877 name="salon" 1878 value="" 1879 placeholder="City, State or ZIP..." 1880 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 1881 role="combobox" 1882 aria-expanded="false" 1883 aria-autocomplete="list" 1884 aria-haspopup="listbox" 1885 aria-controls="id_6ac9631f9397d_id-salon-search-listbox" 1886 aria-required="false" 1887 aria-label="Search by city, state or zip" 1888 1889 autocomplete="off" 1890 > 1891 <label for="id_6ac9631f9397d_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
1891parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 1892 Search by city, state or zip 1893 </label> 1894 </div> 1895 1896 <ul 1897 id="id_6ac9631f9397d_id-salon-search-listbox" 1898 role="listbox" 1899 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 1900 aria-label="Search by city, state or zip suggestions" 1901 > 1902 </ul> 1903 </div> 1904 <div id="message-id_6ac9631f9397d_id-salon-search" class="message"></div> 1905</div> 1906 1907 </div> 1908 1909 </div> 1910 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 1911 1912 1913 <p class="prose"> 1914 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f9397d_use-my-location-link"> 1915 <span class="inline-grid grid-cols-1"> 1916 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 1917 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 1918 <svg aria-hidden="true" role="status" 1919 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 1920 fill="none" xmlns="http://www.w3.org/2000/svg"> 1921 <path 1922 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 1923 fill="#6347AA" /> 1924 <path 1925 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 1926 fill="currentColor" /> 1927 </svg> 1928 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 1929 </span> 1930</span> 1931 1932 </button> 1933 </p> 1934 </div> 1935 </div> </div> 1936 <div id="id_6ac9631f9397d_input-state-message" class="mb-4 hidden"> 1937 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 1938 1939 1940 <div class="grid col-span-6 "> 1941 1942 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 1943 1944 </div> 1945 <div class="grid col-span-6 "> 1946 1947 1948 <div class="w-full text-right"> 1949 <button id="id_6ac9631f9397d_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 1950 </div> 1951 </div> 1952 </div> </div> 1953</div> 1954 1955<div id="id_6ac9631f9397d_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 1956 1957<div id="id_6ac9631f9397d_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 1958<div id="id_6ac9631f9397d_selected-salon-placeholder-area" class="opacity-0"> 1959 </div> 1960 1961 1962<!-- Main modal --> 1963 1964 1965</span> 1966 </div> 1967 <div class="absolute -top-2 -right-2 z-10 scale-75 transition-all group-hover:scale-100 group-hover:rotate-12"> 1968 <img 1969 src="/image/5ea529c9b7b26fda3b33fbb43e8614c5.webp" 1970 srcset="/image/9491cabe54a292cffec00288d45262d0.webp 56w, 1971/image/8cde78749cde38abb5b5921a26a5aa95.webp 80w,
1972/image/ab4fc07cf869affa960b4f73d40edb3e.webp 96w 1973" 1974 class="relative w-14 xl:w-20 2xl:w-24 object-contain mt-0" sizes="(max-width: 640px) 56px, (min-width: 1280px) 96px, 80px" width="93" height="93" 1975 alt="Customer Favorite"> 1976 1977</div> 1978 </div> 1979 </div> 1980 1981 <div data-filter="collection--amethyst category--sunbed category--sunless product_type--extenders productID--4" 1982 class="js-filter__item theme-amethyst product--luxe-tan-extender basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 1983 <div 1984 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 1985 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 1986 <img 1987 src="/image/7944ef2d5fcb15978755b21d08195637.webp" 1988 srcset="/image/7944ef2d5fcb15978755b21d08195637.webp 1x, /image/[email protected] 2x" 1989 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 1990 alt="Luxe Tan Extender"> 1991 1992 <h3 class="mb-2 body-large-med-wt md:heading-3"> 1993 <span class="block uppercase labels-large md:eyebrow">Amethyst<sup>â¢</sup></span> 1994 Luxe Tan Extender 1995 </h3> 1996 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 1997 <p>Daily Tan Extender With Color-Balancing Violet Undertones</p> 1998 </div> 1999 </div> 2000 2001 2002 2003 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 2004 <a href="/skin-care-products/collections/amethyst/luxe-tan-extender" title="Learn more about Luxe Tan Extender" class="block w-full"> 2005 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 2006 </a> 2007 <button 2008 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 2009 data-open-modal="{"name":"Amethyst\u2122 Luxe Tan Extender","product_id":4}"> 2010 <span>Find nearby</span> 2011 </button> 2012 <span class="hidden" id="product-search-4"><div class="input-state-switcher"> 2013 <div id="id_6ac9631f942b5_input-state-input" class=""> 2014 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 2015 2016 2017 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 2018 2019 <div class="mb-4"> 2020 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f942b5_id-salon-search"> 2021 <div class="relative"> 2022 <button 2023 type="button" 2024 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 2025 id="button-id_6ac9631f942b5_id-salon-search" 2026 aria-label="Search" 2027 > 2028 <span class="inline-grid grid-cols-1"> 2029 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 2030
2031 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 2032 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 2033 <svg aria-hidden="true" role="status" 2034 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 2035 fill="none" xmlns="http://www.w3.org/2000/svg"> 2036 <path 2037 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 2038 fill="#6347AA" /> 2039 <path 2040 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 2041 fill="currentColor" /> 2042 </svg> 2043 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 2044 </span> 2045</span> 2046 2047 </button> 2048 2049 <div class="relative z-10"> 2050 <input 2051 type="text" 2052 id="id_6ac9631f942b5_id-salon-search" 2053 name="salon" 2054 value="" 2055 placeholder="City, State or ZIP..." 2056 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 2057 role="combobox" 2058 aria-expanded="false" 2059 aria-autocomplete="list" 2060 aria-haspopup="listbox" 2061 aria-controls="id_6ac9631f942b5_id-salon-search-listbox" 2062 aria-required="false" 2063 aria-label="Search by city, state or zip" 2064 2065 autocomplete="off" 2066 > 2067 <label for="id_6ac9631f942b5_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 2068 Search by city, state or zip 2069 </label> 2070 </div> 2071 2072 <ul 2073 id="id_6ac9631f942b5_id-salon-search-listbox" 2074 role="listbox" 2075 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 2076 aria-label="Search by city, state or zip suggestions" 2077 > 2078 </ul> 2079 </div> 2080 <div id="message-id_6ac9631f942b5_id-salon-search" class="message"></div> 2081</div> 2082 2083 </div> 2084 2085 </div> 2086 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 2087 2088 2089 <p class="prose"> 2090 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f942b5_use-my-location-link"> 2091 <span class="inline-grid grid-cols-1"> 2092 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2092<path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 2093 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 2094 <svg aria-hidden="true" role="status" 2095 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 2096 fill="none" xmlns="http://www.w3.org/2000/svg"> 2097 <path 2098 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 2099 fill="#6347AA" /> 2100 <path 2101 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 2102 fill="currentColor" /> 2103 </svg> 2104 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 2105 </span> 2106</span> 2107 2108 </button> 2109 </p> 2110 </div> 2111 </div> </div> 2112 <div id="id_6ac9631f942b5_input-state-message" class="mb-4 hidden"> 2113 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 2114 2115 2116 <div class="grid col-span-6 "> 2117 2118 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 2119 2120 </div> 2121 <div class="grid col-span-6 "> 2122 2123 2124 <div class="w-full text-right"> 2125 <button id="id_6ac9631f942b5_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 2126 </div> 2127 </div> 2128 </div> </div> 2129</div> 2130 2131<div id="id_6ac9631f942b5_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 2132 2133<div id="id_6ac9631f942b5_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 2134<div id="id_6ac9631f942b5_selected-salon-placeholder-area" class="opacity-0"> 2135 </div> 2136 2137 2138<!-- Main modal --> 2139 2140 2141</span> 2142 </div> 2143 </div> 2144 </div> 2145 2146 <div data-filter="collection--amethyst category--sunbed category--sunless product_type--bath-body product_type--extenders productID--6" 2147 class="js-filter__item theme-amethyst product--luxe-body-butter basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 2148 <div 2149 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 2150 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 2151 <img 2152 src="/image/4357f343e61f8b5bad37374b1ebd410b.webp" 2153 srcset="/image/4357f343e61f8b5bad37374b1ebd410b.webp 1x, /image/[email protected] 2x" 2154 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 2155 alt="Luxe Body Butter"> 2156 2157 <h3 class="mb-2 body-large-med-wt md:heading-3"> 2158 <span class="block uppercase labels-large md:eyebrow">Amethyst<sup>â¢</sup></span> 2159 Luxe Body Butter 2160 </h3> 2161 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 2162 <p>Rich, Nourishing Body Butter With Color-Balancing Violet Undertones</p> 2163 </div> 2164 </div> 2165 2166 2167 2168 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 2169 <a href="/skin-care-products/collections/amethyst/luxe-body-butter" title="Learn more about Luxe Body Butter" class="block w-full"> 2170 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 2171 </a> 2172 <button 2173 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 2174 data-open-modal="{"name":"Amethyst\u2122 Luxe Body Butter","product_id":6}">
2175 <span>Find nearby</span> 2176 </button> 2177 <span class="hidden" id="product-search-6"><div class="input-state-switcher"> 2178 <div id="id_6ac9631f948e9_input-state-input" class=""> 2179 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 2180 2181 2182 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 2183 2184 <div class="mb-4"> 2185 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f948e9_id-salon-search"> 2186 <div class="relative"> 2187 <button 2188 type="button" 2189 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 2190 id="button-id_6ac9631f948e9_id-salon-search" 2191 aria-label="Search" 2192 > 2193 <span class="inline-grid grid-cols-1"> 2194 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 2195 2196 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 2197 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 2198 <svg aria-hidden="true" role="status" 2199 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 2200 fill="none" xmlns="http://www.w3.org/2000/svg"> 2201 <path 2202 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 2203 fill="#6347AA" /> 2204 <path 2205 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 2206 fill="currentColor" /> 2207 </svg> 2208 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 2209 </span> 2210</span> 2211 2212 </button> 2213 2214 <div class="relative z-10"> 2215 <input 2216 type="text" 2217 id="id_6ac9631f948e9_id-salon-search" 2218 name="salon" 2219 value="" 2220 placeholder="City, State or ZIP..." 2221 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 2222 role="combobox" 2223 aria-expanded="false" 2224 aria-autocomplete="list" 2225 aria-haspopup="listbox" 2226 aria-controls="id_6ac9631f948e9_id-salon-search-listbox" 2227 aria-required="false" 2228 aria-label="Search by city, state or zip" 2229 2230 autocomplete="off" 2231 > 2232 <label for="id_6ac9631f948e9_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
2232parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 2233 Search by city, state or zip 2234 </label> 2235 </div> 2236 2237 <ul 2238 id="id_6ac9631f948e9_id-salon-search-listbox" 2239 role="listbox" 2240 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 2241 aria-label="Search by city, state or zip suggestions" 2242 > 2243 </ul> 2244 </div> 2245 <div id="message-id_6ac9631f948e9_id-salon-search" class="message"></div> 2246</div> 2247 2248 </div> 2249 2250 </div> 2251 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 2252 2253 2254 <p class="prose"> 2255 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f948e9_use-my-location-link"> 2256 <span class="inline-grid grid-cols-1"> 2257 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 2258 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 2259 <svg aria-hidden="true" role="status" 2260 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 2261 fill="none" xmlns="http://www.w3.org/2000/svg"> 2262 <path 2263 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 2264 fill="#6347AA" /> 2265 <path 2266 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 2267 fill="currentColor" /> 2268 </svg> 2269 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 2270 </span> 2271</span> 2272 2273 </button> 2274 </p> 2275 </div> 2276 </div> </div> 2277 <div id="id_6ac9631f948e9_input-state-message" class="mb-4 hidden"> 2278 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 2279 2280 2281 <div class="grid col-span-6 "> 2282 2283 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 2284 2285 </div> 2286 <div class="grid col-span-6 "> 2287 2288 2289 <div class="w-full text-right"> 2290 <button id="id_6ac9631f948e9_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 2291 </div> 2292 </div> 2293 </div> </div> 2294</div> 2295 2296<div id="id_6ac9631f948e9_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 2297 2298<div id="id_6ac9631f948e9_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 2299<div id="id_6ac9631f948e9_selected-salon-placeholder-area" class="opacity-0"> 2300 </div> 2301 2302 2303<!-- Main modal --> 2304 2305 2306</span> 2307 </div> 2308 </div>
2309 </div> 2310 2311 <div data-filter="collection--amethyst category--sunbed category--sunless product_type--bath-body productID--5" 2312 class="js-filter__item theme-amethyst product--luxe-body-wash basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 2313 <div 2314 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 2315 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 2316 <img 2317 src="/image/09a48ddaaf9080f9b44d284329bef80c.webp" 2318 srcset="/image/09a48ddaaf9080f9b44d284329bef80c.webp 1x, /image/[email protected] 2x" 2319 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 2320 alt="Luxe Body Wash"> 2321 2322 <h3 class="mb-2 body-large-med-wt md:heading-3"> 2323 <span class="block uppercase labels-large md:eyebrow">Amethyst<sup>â¢</sup></span> 2324 Luxe Body Wash 2325 </h3> 2326 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 2327 <p>Soothing, Color-Balancing Body Wash</p> 2328 </div> 2329 </div> 2330 2331 2332 2333 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 2334 <a href="/skin-care-products/collections/amethyst/luxe-body-wash" title="Learn more about Luxe Body Wash" class="block w-full"> 2335 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 2336 </a> 2337 <button 2338 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 2339 data-open-modal="{"name":"Amethyst\u2122 Luxe Body Wash","product_id":5}"> 2340 <span>Find nearby</span> 2341 </button> 2342 <span class="hidden" id="product-search-5"><div class="input-state-switcher"> 2343 <div id="id_6ac9631f94f2d_input-state-input" class=""> 2344 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 2345 2346 2347 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 2348 2349 <div class="mb-4"> 2350 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f94f2d_id-salon-search"> 2351 <div class="relative"> 2352 <button 2353 type="button" 2354 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 2355 id="button-id_6ac9631f94f2d_id-salon-search" 2356 aria-label="Search" 2357 > 2358 <span class="inline-grid grid-cols-1"> 2359 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 2360 2361 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 2362 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 2363 <svg aria-hidden="true" role="status" 2364 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewB
2364ox="0 0 100 101" 2365 fill="none" xmlns="http://www.w3.org/2000/svg"> 2366 <path 2367 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 2368 fill="#6347AA" /> 2369 <path 2370 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 2371 fill="currentColor" /> 2372 </svg> 2373 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 2374 </span> 2375</span> 2376 2377 </button> 2378 2379 <div class="relative z-10"> 2380 <input 2381 type="text" 2382 id="id_6ac9631f94f2d_id-salon-search" 2383 name="salon" 2384 value="" 2385 placeholder="City, State or ZIP..." 2386 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 2387 role="combobox" 2388 aria-expanded="false" 2389 aria-autocomplete="list" 2390 aria-haspopup="listbox" 2391 aria-controls="id_6ac9631f94f2d_id-salon-search-listbox" 2392 aria-required="false" 2393 aria-label="Search by city, state or zip" 2394 2395 autocomplete="off" 2396 > 2397 <label for="id_6ac9631f94f2d_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 2398 Search by city, state or zip 2399 </label> 2400 </div> 2401 2402 <ul 2403 id="id_6ac9631f94f2d_id-salon-search-listbox" 2404 role="listbox" 2405 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 2406 aria-label="Search by city, state or zip suggestions" 2407 > 2408 </ul> 2409 </div> 2410 <div id="message-id_6ac9631f94f2d_id-salon-search" class="message"></div> 2411</div> 2412 2413 </div> 2414 2415 </div> 2416 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 2417 2418 2419 <p class="prose"> 2420 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f94f2d_use-my-location-link"> 2421 <span class="inline-grid grid-cols-1"> 2422 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 2423 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 2424 <svg aria-hidden="true" role="status" 2425 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewB
2425ox="0 0 100 101" 2426 fill="none" xmlns="http://www.w3.org/2000/svg"> 2427 <path 2428 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 2429 fill="#6347AA" /> 2430 <path 2431 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 2432 fill="currentColor" /> 2433 </svg> 2434 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 2435 </span> 2436</span> 2437 2438 </button> 2439 </p> 2440 </div> 2441 </div> </div> 2442 <div id="id_6ac9631f94f2d_input-state-message" class="mb-4 hidden"> 2443 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 2444 2445 2446 <div class="grid col-span-6 "> 2447 2448 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 2449 2450 </div> 2451 <div class="grid col-span-6 "> 2452 2453 2454 <div class="w-full text-right"> 2455 <button id="id_6ac9631f94f2d_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 2456 </div> 2457 </div> 2458 </div> </div> 2459</div> 2460 2461<div id="id_6ac9631f94f2d_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 2462 2463<div id="id_6ac9631f94f2d_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 2464<div id="id_6ac9631f94f2d_selected-salon-placeholder-area" class="opacity-0"> 2465 </div> 2466 2467 2468<!-- Main modal --> 2469 2470 2471</span> 2472 </div> 2473 </div> 2474 </div> 2475 2476 <div data-filter="collection--black-label category--sunless options--customer-favorites category--sunbed" class="max-w-full js-filter__item basis-full"> 2477 <div class="@container theme-black-label collection--black-label"> 2478 <div class="flex items-center justify-between p-4 bg-theme-pastel blur-box--bordered"> 2479 <div class="hidden @4xl:block supports-nocq:xl:block"> 2480 <img src="/pbt/images/logo-premier-collection.svg" alt="Premier Collection" width="190" 2481 height="40" > 2482 </div> 2483 <h2 class="display-mobile-small sm:display-desktop-small text-theme">Black Label<sup>®</sup> Sunless</h2> 2484 <a href="/skin-care-products/collections/black-label" title="See all Black Label Collection Products" 2485 class="btn btn-gradient btn-theme">Explore<span 2486 class="hidden @4xl:inline-block supports-nocq:xl:inline-block ml-2"> Collection</span></a> 2487 </div> 2488 </div> 2489 </div> 2490 2491 2492 2493 <div data-filter="collection--black-label category--sunless product_type--primers productID--11 options--customer-favorites" 2494 class="js-filter__item theme-black-label product--flawless-primer basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 2495 <div 2496 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 2497 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 2498 <img 2499 src="/image/d8fd7892e73d9f7465b4a75809477959.webp" 2500 srcset="/image/d8fd7892e73d9f7465b4a75809477959.webp 1
2500x, /image/[email protected] 2x" 2501 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 2502 alt="Flawless Primer"> 2503 2504 <h3 class="mb-2 body-large-med-wt md:heading-3"> 2505 <span class="block uppercase labels-large md:eyebrow">Black Label<sup>®</sup> Sunless</span> 2506 Flawless Primer 2507 </h3> 2508 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 2509 <p>A sumptuous pre-sunless primer that accelerates tan development, minimizes that sticky after-spray tan feeling and hydrates skin.</p> 2510 </div> 2511 </div> 2512 2513 2514 2515 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 2516 <a href="/skin-care-products/collections/black-label/flawless-primer" title="Learn more about Flawless Primer" class="block w-full"> 2517 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 2518 </a> 2519 <button 2520 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 2521 data-open-modal="{"name":"Black Label\u00ae Sunless Flawless Primer","product_id":11}"> 2522 <span>Find nearby</span> 2523 </button> 2524 <span class="hidden" id="product-search-11"><div class="input-state-switcher"> 2525 <div id="id_6ac9631f99031_input-state-input" class=""> 2526 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 2527 2528 2529 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 2530 2531 <div class="mb-4"> 2532 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f99031_id-salon-search"> 2533 <div class="relative"> 2534 <button 2535 type="button" 2536 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 2537 id="button-id_6ac9631f99031_id-salon-search" 2538 aria-label="Search" 2539 > 2540 <span class="inline-grid grid-cols-1"> 2541 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 2542 2543 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 2544 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 2545 <svg aria-hidden="true" role="status" 2546 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 2547 fill="none" xmlns="http://www.w3.org/2000/svg"> 2548 <path 2549 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 2550 fill="#6347AA" /> 2551 <path 2552 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
25521071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 2553 fill="currentColor" /> 2554 </svg> 2555 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 2556 </span> 2557</span> 2558 2559 </button> 2560 2561 <div class="relative z-10"> 2562 <input 2563 type="text" 2564 id="id_6ac9631f99031_id-salon-search" 2565 name="salon" 2566 value="" 2567 placeholder="City, State or ZIP..." 2568 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 2569 role="combobox" 2570 aria-expanded="false" 2571 aria-autocomplete="list" 2572 aria-haspopup="listbox" 2573 aria-controls="id_6ac9631f99031_id-salon-search-listbox" 2574 aria-required="false" 2575 aria-label="Search by city, state or zip" 2576 2577 autocomplete="off" 2578 > 2579 <label for="id_6ac9631f99031_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 2580 Search by city, state or zip 2581 </label> 2582 </div> 2583 2584 <ul 2585 id="id_6ac9631f99031_id-salon-search-listbox" 2586 role="listbox" 2587 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 2588 aria-label="Search by city, state or zip suggestions" 2589 > 2590 </ul> 2591 </div> 2592 <div id="message-id_6ac9631f99031_id-salon-search" class="message"></div> 2593</div> 2594 2595 </div> 2596 2597 </div> 2598 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 2599 2600 2601 <p class="prose"> 2602 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f99031_use-my-location-link"> 2603 <span class="inline-grid grid-cols-1"> 2604 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 2605 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 2606 <svg aria-hidden="true" role="status" 2607 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 2608 fill="none" xmlns="http://www.w3.org/2000/svg"> 2609 <path 2610 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 2611 fill="#6347AA" /> 2612 <path 2613 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
26131071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 2614 fill="currentColor" /> 2615 </svg> 2616 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 2617 </span> 2618</span> 2619 2620 </button> 2621 </p> 2622 </div> 2623 </div> </div> 2624 <div id="id_6ac9631f99031_input-state-message" class="mb-4 hidden"> 2625 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 2626 2627 2628 <div class="grid col-span-6 "> 2629 2630 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 2631 2632 </div> 2633 <div class="grid col-span-6 "> 2634 2635 2636 <div class="w-full text-right"> 2637 <button id="id_6ac9631f99031_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 2638 </div> 2639 </div> 2640 </div> </div> 2641</div> 2642 2643<div id="id_6ac9631f99031_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 2644 2645<div id="id_6ac9631f99031_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 2646<div id="id_6ac9631f99031_selected-salon-placeholder-area" class="opacity-0"> 2647 </div> 2648 2649 2650<!-- Main modal --> 2651 2652 2653</span> 2654 </div> 2655 <div class="absolute -top-2 -right-2 z-10 scale-75 transition-all group-hover:scale-100 group-hover:rotate-12"> 2656 <img 2657 src="/image/5ea529c9b7b26fda3b33fbb43e8614c5.webp" 2658 srcset="/image/9491cabe54a292cffec00288d45262d0.webp 56w, 2659/image/8cde78749cde38abb5b5921a26a5aa95.webp 80w, 2660/image/ab4fc07cf869affa960b4f73d40edb3e.webp 96w 2661" 2662 class="relative w-14 xl:w-20 2xl:w-24 object-contain mt-0" sizes="(max-width: 640px) 56px, (min-width: 1280px) 96px, 80px" width="93" height="93" 2663 alt="Customer Favorite"> 2664 2665</div> 2666 </div> 2667 </div> 2668 2669 <div data-filter="collection--black-label category--sunbed category--sunless product_type--extenders productID--14" 2670 class="js-filter__item theme-black-label product--black-ice-moisturizer basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 2671 <div 2672 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 2673 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 2674 <img 2675 src="/image/870b57aa4594b198f3b6caa81ff578a1.webp" 2676 srcset="/image/870b57aa4594b198f3b6caa81ff578a1.webp 1x, /image/[email protected] 2x" 2677 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 2678 alt="Black Ice Moisturizer"> 2679 2680 <h3 class="mb-2 body-large-med-wt md:heading-3"> 2681 <span class="block uppercase labels-large md:eyebrow">Black Label<sup>®</sup> Sunless</span> 2682 Black Ice Moisturizer 2683 </h3> 2684 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 2685 <p>A soothing moisturizer that hydrates, refreshes and builds beautifully balanced color with our Bronze Building Blend.</p> 2686 </div> 2687 </div> 2688 2689 2690 2691 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 2692 <a href="/skin-care-products/collections/black-label/black-ice-moisturizer" title="Learn more about Black Ice Moisturizer" class="block w-full"> 2693 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 2694 </a> 2695 <button 2696 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 2697 data-open-modal="{"name":"Black Label\u00ae Sunless Black Ice Moisturizer","product_id":14}">
2698 <span>Find nearby</span> 2699 </button> 2700 <span class="hidden" id="product-search-14"><div class="input-state-switcher"> 2701 <div id="id_6ac9631f999eb_input-state-input" class=""> 2702 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 2703 2704 2705 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 2706 2707 <div class="mb-4"> 2708 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f999eb_id-salon-search"> 2709 <div class="relative"> 2710 <button 2711 type="button" 2712 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 2713 id="button-id_6ac9631f999eb_id-salon-search" 2714 aria-label="Search" 2715 > 2716 <span class="inline-grid grid-cols-1"> 2717 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 2718 2719 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 2720 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 2721 <svg aria-hidden="true" role="status" 2722 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 2723 fill="none" xmlns="http://www.w3.org/2000/svg"> 2724 <path 2725 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 2726 fill="#6347AA" /> 2727 <path 2728 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 2729 fill="currentColor" /> 2730 </svg> 2731 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 2732 </span> 2733</span> 2734 2735 </button> 2736 2737 <div class="relative z-10"> 2738 <input 2739 type="text" 2740 id="id_6ac9631f999eb_id-salon-search" 2741 name="salon" 2742 value="" 2743 placeholder="City, State or ZIP..." 2744 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 2745 role="combobox" 2746 aria-expanded="false" 2747 aria-autocomplete="list" 2748 aria-haspopup="listbox" 2749 aria-controls="id_6ac9631f999eb_id-salon-search-listbox" 2750 aria-required="false" 2751 aria-label="Search by city, state or zip" 2752 2753 autocomplete="off" 2754 > 2755 <label for="id_6ac9631f999eb_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
2755parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 2756 Search by city, state or zip 2757 </label> 2758 </div> 2759 2760 <ul 2761 id="id_6ac9631f999eb_id-salon-search-listbox" 2762 role="listbox" 2763 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 2764 aria-label="Search by city, state or zip suggestions" 2765 > 2766 </ul> 2767 </div> 2768 <div id="message-id_6ac9631f999eb_id-salon-search" class="message"></div> 2769</div> 2770 2771 </div> 2772 2773 </div> 2774 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 2775 2776 2777 <p class="prose"> 2778 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f999eb_use-my-location-link"> 2779 <span class="inline-grid grid-cols-1"> 2780 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 2781 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 2782 <svg aria-hidden="true" role="status" 2783 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 2784 fill="none" xmlns="http://www.w3.org/2000/svg"> 2785 <path 2786 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 2787 fill="#6347AA" /> 2788 <path 2789 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 2790 fill="currentColor" /> 2791 </svg> 2792 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 2793 </span> 2794</span> 2795 2796 </button> 2797 </p> 2798 </div> 2799 </div> </div> 2800 <div id="id_6ac9631f999eb_input-state-message" class="mb-4 hidden"> 2801 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 2802 2803 2804 <div class="grid col-span-6 "> 2805 2806 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 2807 2808 </div> 2809 <div class="grid col-span-6 "> 2810 2811 2812 <div class="w-full text-right"> 2813 <button id="id_6ac9631f999eb_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 2814 </div> 2815 </div> 2816 </div> </div> 2817</div> 2818 2819<div id="id_6ac9631f999eb_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 2820 2821<div id="id_6ac9631f999eb_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 2822<div id="id_6ac9631f999eb_selected-salon-placeholder-area" class="opacity-0"> 2823 </div> 2824 2825 2826<!-- Main modal --> 2827 2828 2829</span> 2830 </div> 2831 </div>
2832 </div> 2833 2834 <div data-filter="collection--black-label category--sunless product_type--face productID--15" 2835 class="js-filter__item theme-black-label product--chic-cc-facial-crme basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 2836 <div 2837 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 2838 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 2839 <img 2840 src="/image/4973ab0f53c71197a905c0fc2fdc5924.webp" 2841 srcset="/image/4973ab0f53c71197a905c0fc2fdc5924.webp 1x, /image/[email protected] 2x" 2842 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 2843 alt="Chic CC Facial Crème"> 2844 2845 <h3 class="mb-2 body-large-med-wt md:heading-3"> 2846 <span class="block uppercase labels-large md:eyebrow">Black Label<sup>®</sup> Sunless</span> 2847 Chic CC Facial Crème 2848 </h3> 2849 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 2850 <p>A complexion perfecting, age defying daily moisturizer with the perfect amount of DHA and erythrulose to enhance, maintain and gradually build your sunless color.</p> 2851 </div> 2852 </div> 2853 2854 2855 2856 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 2857 <a href="/skin-care-products/collections/black-label/chic-facial-creme" title="Learn more about Chic CC Facial Crème" class="block w-full"> 2858 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 2859 </a> 2860 <button 2861 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 2862 data-open-modal="{"name":"Black Label\u00ae Sunless Chic CC Facial Cr\u00e8me","product_id":15}"> 2863 <span>Find nearby</span> 2864 </button> 2865 <span class="hidden" id="product-search-15"><div class="input-state-switcher"> 2866 <div id="id_6ac9631f9a049_input-state-input" class=""> 2867 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 2868 2869 2870 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 2871 2872 <div class="mb-4"> 2873 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f9a049_id-salon-search"> 2874 <div class="relative"> 2875 <button 2876 type="button" 2877 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 2878 id="button-id_6ac9631f9a049_id-salon-search" 2879 aria-label="Search" 2880 > 2881 <span class="inline-grid grid-cols-1"> 2882 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 2883
2884 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 2885 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 2886 <svg aria-hidden="true" role="status" 2887 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 2888 fill="none" xmlns="http://www.w3.org/2000/svg"> 2889 <path 2890 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 2891 fill="#6347AA" /> 2892 <path 2893 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 2894 fill="currentColor" /> 2895 </svg> 2896 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 2897 </span> 2898</span> 2899 2900 </button> 2901 2902 <div class="relative z-10"> 2903 <input 2904 type="text" 2905 id="id_6ac9631f9a049_id-salon-search" 2906 name="salon" 2907 value="" 2908 placeholder="City, State or ZIP..." 2909 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 2910 role="combobox" 2911 aria-expanded="false" 2912 aria-autocomplete="list" 2913 aria-haspopup="listbox" 2914 aria-controls="id_6ac9631f9a049_id-salon-search-listbox" 2915 aria-required="false" 2916 aria-label="Search by city, state or zip" 2917 2918 autocomplete="off" 2919 > 2920 <label for="id_6ac9631f9a049_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 2921 Search by city, state or zip 2922 </label> 2923 </div> 2924 2925 <ul 2926 id="id_6ac9631f9a049_id-salon-search-listbox" 2927 role="listbox" 2928 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 2929 aria-label="Search by city, state or zip suggestions" 2930 > 2931 </ul> 2932 </div> 2933 <div id="message-id_6ac9631f9a049_id-salon-search" class="message"></div> 2934</div> 2935 2936 </div> 2937 2938 </div> 2939 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 2940 2941 2942 <p class="prose"> 2943 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f9a049_use-my-location-link"> 2944 <span class="inline-grid grid-cols-1"> 2945 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2945<path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 2946 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 2947 <svg aria-hidden="true" role="status" 2948 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 2949 fill="none" xmlns="http://www.w3.org/2000/svg"> 2950 <path 2951 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 2952 fill="#6347AA" /> 2953 <path 2954 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 2955 fill="currentColor" /> 2956 </svg> 2957 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 2958 </span> 2959</span> 2960 2961 </button> 2962 </p> 2963 </div> 2964 </div> </div> 2965 <div id="id_6ac9631f9a049_input-state-message" class="mb-4 hidden"> 2966 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 2967 2968 2969 <div class="grid col-span-6 "> 2970 2971 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 2972 2973 </div> 2974 <div class="grid col-span-6 "> 2975 2976 2977 <div class="w-full text-right"> 2978 <button id="id_6ac9631f9a049_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 2979 </div> 2980 </div> 2981 </div> </div> 2982</div> 2983 2984<div id="id_6ac9631f9a049_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 2985 2986<div id="id_6ac9631f9a049_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 2987<div id="id_6ac9631f9a049_selected-salon-placeholder-area" class="opacity-0"> 2988 </div> 2989 2990 2991<!-- Main modal --> 2992 2993 2994</span> 2995 </div> 2996 </div> 2997 </div> 2998 2999 <div data-filter="collection--black-label category--sunless product_type--self-tanners productID--10" 3000 class="js-filter__item theme-black-label product--indiglow-bronzing-mist basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 3001 <div 3002 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 3003 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 3004 <img 3005 src="/image/034c0b1561635ab3355f80f7af9222e0.webp" 3006 srcset="/image/034c0b1561635ab3355f80f7af9222e0.webp 1x, /image/[email protected] 2x" 3007 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 3008 alt="IndiGlow Bronzing Mist"> 3009 3010 <h3 class="mb-2 body-large-med-wt md:heading-3"> 3011 <span class="block uppercase labels-large md:eyebrow">Black Label<sup>®</sup> Sunless</span> 3012 IndiGlow Bronzing Mist 3013 </h3> 3014 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 3015 <p><span style="color: rgb(0, 0, 0);">An all over self-tanning mist with sophisticated, violet undertones that rejuvenates and nourishes your skin, delivered by an ultra-fine,
3015360° mist that can be applied at any angle (even upside-down) for flawless results.</span></p> 3016 </div> 3017 </div> 3018 3019 3020 3021 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 3022 <a href="/skin-care-products/collections/black-label/indiglow-violet-bronzing-mist" title="Learn more about IndiGlow Bronzing Mist" class="block w-full"> 3023 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 3024 </a> 3025 <button 3026 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 3027 data-open-modal="{"name":"Black Label\u00ae Sunless IndiGlow Bronzing Mist","product_id":10}"> 3028 <span>Find nearby</span> 3029 </button> 3030 <span class="hidden" id="product-search-10"><div class="input-state-switcher"> 3031 <div id="id_6ac9631f9a6d0_input-state-input" class=""> 3032 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 3033 3034 3035 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 3036 3037 <div class="mb-4"> 3038 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f9a6d0_id-salon-search"> 3039 <div class="relative"> 3040 <button 3041 type="button" 3042 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 3043 id="button-id_6ac9631f9a6d0_id-salon-search" 3044 aria-label="Search" 3045 > 3046 <span class="inline-grid grid-cols-1"> 3047 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 3048 3049 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 3050 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 3051 <svg aria-hidden="true" role="status" 3052 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 3053 fill="none" xmlns="http://www.w3.org/2000/svg"> 3054 <path 3055 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 3056 fill="#6347AA" /> 3057 <path 3058 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
30581071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 3059 fill="currentColor" /> 3060 </svg> 3061 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 3062 </span> 3063</span> 3064 3065 </button> 3066 3067 <div class="relative z-10"> 3068 <input 3069 type="text" 3070 id="id_6ac9631f9a6d0_id-salon-search" 3071 name="salon" 3072 value="" 3073 placeholder="City, State or ZIP..." 3074 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 3075 role="combobox" 3076 aria-expanded="false" 3077 aria-autocomplete="list" 3078 aria-haspopup="listbox" 3079 aria-controls="id_6ac9631f9a6d0_id-salon-search-listbox" 3080 aria-required="false" 3081 aria-label="Search by city, state or zip" 3082 3083 autocomplete="off" 3084 > 3085 <label for="id_6ac9631f9a6d0_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 3086 Search by city, state or zip 3087 </label> 3088 </div> 3089 3090 <ul 3091 id="id_6ac9631f9a6d0_id-salon-search-listbox" 3092 role="listbox" 3093 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 3094 aria-label="Search by city, state or zip suggestions" 3095 > 3096 </ul> 3097 </div> 3098 <div id="message-id_6ac9631f9a6d0_id-salon-search" class="message"></div> 3099</div> 3100 3101 </div> 3102 3103 </div> 3104 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 3105 3106 3107 <p class="prose"> 3108 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f9a6d0_use-my-location-link"> 3109 <span class="inline-grid grid-cols-1"> 3110 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 3111 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 3112 <svg aria-hidden="true" role="status" 3113 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 3114 fill="none" xmlns="http://www.w3.org/2000/svg"> 3115 <path 3116 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 3117 fill="#6347AA" /> 3118 <path 3119 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
31191071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 3120 fill="currentColor" /> 3121 </svg> 3122 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 3123 </span> 3124</span> 3125 3126 </button> 3127 </p> 3128 </div> 3129 </div> </div> 3130 <div id="id_6ac9631f9a6d0_input-state-message" class="mb-4 hidden"> 3131 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 3132 3133 3134 <div class="grid col-span-6 "> 3135 3136 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 3137 3138 </div> 3139 <div class="grid col-span-6 "> 3140 3141 3142 <div class="w-full text-right"> 3143 <button id="id_6ac9631f9a6d0_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 3144 </div> 3145 </div> 3146 </div> </div> 3147</div> 3148 3149<div id="id_6ac9631f9a6d0_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 3150 3151<div id="id_6ac9631f9a6d0_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 3152<div id="id_6ac9631f9a6d0_selected-salon-placeholder-area" class="opacity-0"> 3153 </div> 3154 3155 3156<!-- Main modal --> 3157 3158 3159</span> 3160 </div> 3161 </div> 3162 </div> 3163 3164 <div data-filter="collection--black-label category--sunbed category--sunless product_type--bath-body productID--12" 3165 class="js-filter__item theme-black-label product--indulgent-body-wash basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 3166 <div 3167 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 3168 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 3169 <img 3170 src="/image/0f6bc39b673b446a83866976e1189620.webp" 3171 srcset="/image/0f6bc39b673b446a83866976e1189620.webp 1x, /image/[email protected] 2x" 3172 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 3173 alt="Indulgent Body Wash"> 3174 3175 <h3 class="mb-2 body-large-med-wt md:heading-3"> 3176 <span class="block uppercase labels-large md:eyebrow">Black Label<sup>®</sup> Sunless</span> 3177 Indulgent Body Wash 3178 </h3> 3179 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 3180 <p>A decadently hydrating and nourishing body wash that gently cleanses, pampers and protects spray-tanned skin.</p> 3181 </div> 3182 </div> 3183 3184 3185 3186 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 3187 <a href="/skin-care-products/collections/black-label/indulgent-body-wash" title="Learn more about Indulgent Body Wash" class="block w-full"> 3188 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 3189 </a> 3190 <button 3191 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 3192 data-open-modal="{"name":"Black Label\u00ae Sunless Indulgent Body Wash","product_id":12}">
3193 <span>Find nearby</span> 3194 </button> 3195 <span class="hidden" id="product-search-12"><div class="input-state-switcher"> 3196 <div id="id_6ac9631f9adb6_input-state-input" class=""> 3197 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 3198 3199 3200 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 3201 3202 <div class="mb-4"> 3203 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f9adb6_id-salon-search"> 3204 <div class="relative"> 3205 <button 3206 type="button" 3207 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 3208 id="button-id_6ac9631f9adb6_id-salon-search" 3209 aria-label="Search" 3210 > 3211 <span class="inline-grid grid-cols-1"> 3212 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 3213 3214 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 3215 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 3216 <svg aria-hidden="true" role="status" 3217 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 3218 fill="none" xmlns="http://www.w3.org/2000/svg"> 3219 <path 3220 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 3221 fill="#6347AA" /> 3222 <path 3223 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 3224 fill="currentColor" /> 3225 </svg> 3226 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 3227 </span> 3228</span> 3229 3230 </button> 3231 3232 <div class="relative z-10"> 3233 <input 3234 type="text" 3235 id="id_6ac9631f9adb6_id-salon-search" 3236 name="salon" 3237 value="" 3238 placeholder="City, State or ZIP..." 3239 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 3240 role="combobox" 3241 aria-expanded="false" 3242 aria-autocomplete="list" 3243 aria-haspopup="listbox" 3244 aria-controls="id_6ac9631f9adb6_id-salon-search-listbox" 3245 aria-required="false" 3246 aria-label="Search by city, state or zip" 3247 3248 autocomplete="off" 3249 > 3250 <label for="id_6ac9631f9adb6_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
3250parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 3251 Search by city, state or zip 3252 </label> 3253 </div> 3254 3255 <ul 3256 id="id_6ac9631f9adb6_id-salon-search-listbox" 3257 role="listbox" 3258 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 3259 aria-label="Search by city, state or zip suggestions" 3260 > 3261 </ul> 3262 </div> 3263 <div id="message-id_6ac9631f9adb6_id-salon-search" class="message"></div> 3264</div> 3265 3266 </div> 3267 3268 </div> 3269 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 3270 3271 3272 <p class="prose"> 3273 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f9adb6_use-my-location-link"> 3274 <span class="inline-grid grid-cols-1"> 3275 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 3276 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 3277 <svg aria-hidden="true" role="status" 3278 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 3279 fill="none" xmlns="http://www.w3.org/2000/svg"> 3280 <path 3281 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 3282 fill="#6347AA" /> 3283 <path 3284 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 3285 fill="currentColor" /> 3286 </svg> 3287 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 3288 </span> 3289</span> 3290 3291 </button> 3292 </p> 3293 </div> 3294 </div> </div> 3295 <div id="id_6ac9631f9adb6_input-state-message" class="mb-4 hidden"> 3296 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 3297 3298 3299 <div class="grid col-span-6 "> 3300 3301 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 3302 3303 </div> 3304 <div class="grid col-span-6 "> 3305 3306 3307 <div class="w-full text-right"> 3308 <button id="id_6ac9631f9adb6_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 3309 </div> 3310 </div> 3311 </div> </div> 3312</div> 3313 3314<div id="id_6ac9631f9adb6_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 3315 3316<div id="id_6ac9631f9adb6_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 3317<div id="id_6ac9631f9adb6_selected-salon-placeholder-area" class="opacity-0"> 3318 </div> 3319 3320 3321<!-- Main modal --> 3322 3323 3324</span> 3325 </div> 3326 </div>
3327 </div> 3328 3329 <div data-filter="collection--black-label category--sunless product_type--self-tanners productID--7" 3330 class="js-filter__item theme-black-label product--perfect-bronzing-mist basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 3331 <div 3332 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 3333 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 3334 <img 3335 src="/image/ea68ac1eded6bf314c29572ae6910a0e.webp" 3336 srcset="/image/ea68ac1eded6bf314c29572ae6910a0e.webp 1x, /image/[email protected] 2x" 3337 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 3338 alt="Perfect Bronzing Mist"> 3339 3340 <h3 class="mb-2 body-large-med-wt md:heading-3"> 3341 <span class="block uppercase labels-large md:eyebrow">Black Label<sup>®</sup> Sunless</span> 3342 Perfect Bronzing Mist 3343 </h3> 3344 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 3345 <p>An all-over self-tanner that goes beyond bronzing to refresh and invigorate skin with an innovative cooling complex delivered through an ultra-fine mist that can be applied at any angle (even upside down).</p> 3346 </div> 3347 </div> 3348 3349 3350 3351 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 3352 <a href="/skin-care-products/collections/black-label/perfect-bronzing-mist" title="Learn more about Perfect Bronzing Mist" class="block w-full"> 3353 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 3354 </a> 3355 <button 3356 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 3357 data-open-modal="{"name":"Black Label\u00ae Sunless Perfect Bronzing Mist","product_id":7}"> 3358 <span>Find nearby</span> 3359 </button> 3360 <span class="hidden" id="product-search-7"><div class="input-state-switcher"> 3361 <div id="id_6ac9631f9b3ca_input-state-input" class=""> 3362 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 3363 3364 3365 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 3366 3367 <div class="mb-4"> 3368 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f9b3ca_id-salon-search"> 3369 <div class="relative"> 3370 <button 3371 type="button" 3372 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 3373 id="button-id_6ac9631f9b3ca_id-salon-search" 3374 aria-label="Search" 3375 > 3376 <span class="inline-grid grid-cols-1"> 3377 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 3378
3379 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 3380 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 3381 <svg aria-hidden="true" role="status" 3382 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 3383 fill="none" xmlns="http://www.w3.org/2000/svg"> 3384 <path 3385 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 3386 fill="#6347AA" /> 3387 <path 3388 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 3389 fill="currentColor" /> 3390 </svg> 3391 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 3392 </span> 3393</span> 3394 3395 </button> 3396 3397 <div class="relative z-10"> 3398 <input 3399 type="text" 3400 id="id_6ac9631f9b3ca_id-salon-search" 3401 name="salon" 3402 value="" 3403 placeholder="City, State or ZIP..." 3404 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 3405 role="combobox" 3406 aria-expanded="false" 3407 aria-autocomplete="list" 3408 aria-haspopup="listbox" 3409 aria-controls="id_6ac9631f9b3ca_id-salon-search-listbox" 3410 aria-required="false" 3411 aria-label="Search by city, state or zip" 3412 3413 autocomplete="off" 3414 > 3415 <label for="id_6ac9631f9b3ca_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 3416 Search by city, state or zip 3417 </label> 3418 </div> 3419 3420 <ul 3421 id="id_6ac9631f9b3ca_id-salon-search-listbox" 3422 role="listbox" 3423 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 3424 aria-label="Search by city, state or zip suggestions" 3425 > 3426 </ul> 3427 </div> 3428 <div id="message-id_6ac9631f9b3ca_id-salon-search" class="message"></div> 3429</div> 3430 3431 </div> 3432 3433 </div> 3434 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 3435 3436 3437 <p class="prose"> 3438 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f9b3ca_use-my-location-link"> 3439 <span class="inline-grid grid-cols-1"> 3440 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
3440<path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 3441 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 3442 <svg aria-hidden="true" role="status" 3443 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 3444 fill="none" xmlns="http://www.w3.org/2000/svg"> 3445 <path 3446 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 3447 fill="#6347AA" /> 3448 <path 3449 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 3450 fill="currentColor" /> 3451 </svg> 3452 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 3453 </span> 3454</span> 3455 3456 </button> 3457 </p> 3458 </div> 3459 </div> </div> 3460 <div id="id_6ac9631f9b3ca_input-state-message" class="mb-4 hidden"> 3461 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 3462 3463 3464 <div class="grid col-span-6 "> 3465 3466 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 3467 3468 </div> 3469 <div class="grid col-span-6 "> 3470 3471 3472 <div class="w-full text-right"> 3473 <button id="id_6ac9631f9b3ca_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 3474 </div> 3475 </div> 3476 </div> </div> 3477</div> 3478 3479<div id="id_6ac9631f9b3ca_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 3480 3481<div id="id_6ac9631f9b3ca_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 3482<div id="id_6ac9631f9b3ca_selected-salon-placeholder-area" class="opacity-0"> 3483 </div> 3484 3485 3486<!-- Main modal --> 3487 3488 3489</span> 3490 </div> 3491 </div> 3492 </div> 3493 3494 <div data-filter="collection--black-label category--sunbed category--sunless product_type--bath-body productID--13" 3495 class="js-filter__item theme-black-label product--renewing-body-scrub basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 3496 <div 3497 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 3498 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 3499 <img 3500 src="/image/6f979025727c7e7e92dc0b86d6ba2dd4.webp" 3501 srcset="/image/6f979025727c7e7e92dc0b86d6ba2dd4.webp 1x, /image/[email protected] 2x" 3502 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 3503 alt="Renewing Body Scrub"> 3504 3505 <h3 class="mb-2 body-large-med-wt md:heading-3"> 3506 <span class="block uppercase labels-large md:eyebrow">Black Label<sup>®</sup> Sunless</span> 3507 Renewing Body Scrub 3508 </h3> 3509 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 3510 <p>A decadent body exfoliant carefully crafted to turn your skin into the ideal canvas for sunless tanning.</p> 3511 </div> 3512 </div> 3513 3514 3515 3516 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 3517 <a href="/skin-care-products/collections/black-label/renewing-body-scrub" title="Learn more about Renewing Body Scrub" class="block w-full"> 3518 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 3519 </a> 3520 <button 3521 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 3522 data-open-modal="{"name":"Black Label\u00ae Sunless Renewing Body Scrub","product_id":13}">
3523 <span>Find nearby</span> 3524 </button> 3525 <span class="hidden" id="product-search-13"><div class="input-state-switcher"> 3526 <div id="id_6ac9631f9b9ce_input-state-input" class=""> 3527 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 3528 3529 3530 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 3531 3532 <div class="mb-4"> 3533 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f9b9ce_id-salon-search"> 3534 <div class="relative"> 3535 <button 3536 type="button" 3537 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 3538 id="button-id_6ac9631f9b9ce_id-salon-search" 3539 aria-label="Search" 3540 > 3541 <span class="inline-grid grid-cols-1"> 3542 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 3543 3544 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 3545 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 3546 <svg aria-hidden="true" role="status" 3547 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 3548 fill="none" xmlns="http://www.w3.org/2000/svg"> 3549 <path 3550 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 3551 fill="#6347AA" /> 3552 <path 3553 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 3554 fill="currentColor" /> 3555 </svg> 3556 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 3557 </span> 3558</span> 3559 3560 </button> 3561 3562 <div class="relative z-10"> 3563 <input 3564 type="text" 3565 id="id_6ac9631f9b9ce_id-salon-search" 3566 name="salon" 3567 value="" 3568 placeholder="City, State or ZIP..." 3569 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 3570 role="combobox" 3571 aria-expanded="false" 3572 aria-autocomplete="list" 3573 aria-haspopup="listbox" 3574 aria-controls="id_6ac9631f9b9ce_id-salon-search-listbox" 3575 aria-required="false" 3576 aria-label="Search by city, state or zip" 3577 3578 autocomplete="off" 3579 > 3580 <label for="id_6ac9631f9b9ce_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
3580parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 3581 Search by city, state or zip 3582 </label> 3583 </div> 3584 3585 <ul 3586 id="id_6ac9631f9b9ce_id-salon-search-listbox" 3587 role="listbox" 3588 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 3589 aria-label="Search by city, state or zip suggestions" 3590 > 3591 </ul> 3592 </div> 3593 <div id="message-id_6ac9631f9b9ce_id-salon-search" class="message"></div> 3594</div> 3595 3596 </div> 3597 3598 </div> 3599 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 3600 3601 3602 <p class="prose"> 3603 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f9b9ce_use-my-location-link"> 3604 <span class="inline-grid grid-cols-1"> 3605 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 3606 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 3607 <svg aria-hidden="true" role="status" 3608 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 3609 fill="none" xmlns="http://www.w3.org/2000/svg"> 3610 <path 3611 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 3612 fill="#6347AA" /> 3613 <path 3614 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 3615 fill="currentColor" /> 3616 </svg> 3617 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 3618 </span> 3619</span> 3620 3621 </button> 3622 </p> 3623 </div> 3624 </div> </div> 3625 <div id="id_6ac9631f9b9ce_input-state-message" class="mb-4 hidden"> 3626 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 3627 3628 3629 <div class="grid col-span-6 "> 3630 3631 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 3632 3633 </div> 3634 <div class="grid col-span-6 "> 3635 3636 3637 <div class="w-full text-right"> 3638 <button id="id_6ac9631f9b9ce_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 3639 </div> 3640 </div> 3641 </div> </div> 3642</div> 3643 3644<div id="id_6ac9631f9b9ce_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 3645 3646<div id="id_6ac9631f9b9ce_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 3647<div id="id_6ac9631f9b9ce_selected-salon-placeholder-area" class="opacity-0"> 3648 </div> 3649 3650 3651<!-- Main modal --> 3652 3653 3654</span> 3655 </div> 3656 </div>
3657 </div> 3658 3659 <div data-filter="collection--black-label category--sunless product_type--face product_type--self-tanners productID--92" 3660 class="js-filter__item theme-black-label product--satin-serum-self-tan-facial-drops basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 3661 <div 3662 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 3663 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 3664 <img 3665 src="/image/ef9c35049bcdf64d62bf53a6312c8737.webp" 3666 srcset="/image/ef9c35049bcdf64d62bf53a6312c8737.webp 1x, /image/[email protected] 2x" 3667 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 3668 alt="Satin Serum Self-Tan Facial Drops"> 3669 3670 <h3 class="mb-2 body-large-med-wt md:heading-3"> 3671 <span class="block uppercase labels-large md:eyebrow">Black Label<sup>®</sup> Sunless</span> 3672 Satin Serum Self-Tan Facial Drops 3673 </h3> 3674 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 3675 <p>Luxurious Gradual Sunless Facial Serum</p> 3676 </div> 3677 </div> 3678 3679 3680 3681 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 3682 <a href="/skin-care-products/collections/black-label/satin-serum-self-tan-facial-drops" title="Learn more about Satin Serum Self-Tan Facial Drops" class="block w-full"> 3683 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 3684 </a> 3685 <button 3686 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 3687 data-open-modal="{"name":"Black Label\u00ae Sunless Satin Serum Self-Tan Facial Drops","product_id":92}"> 3688 <span>Find nearby</span> 3689 </button> 3690 <span class="hidden" id="product-search-92"><div class="input-state-switcher"> 3691 <div id="id_6ac9631f9c000_input-state-input" class=""> 3692 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 3693 3694 3695 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 3696 3697 <div class="mb-4"> 3698 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f9c000_id-salon-search"> 3699 <div class="relative"> 3700 <button 3701 type="button" 3702 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 3703 id="button-id_6ac9631f9c000_id-salon-search" 3704 aria-label="Search" 3705 > 3706 <span class="inline-grid grid-cols-1"> 3707 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 3708
3709 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 3710 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 3711 <svg aria-hidden="true" role="status" 3712 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 3713 fill="none" xmlns="http://www.w3.org/2000/svg"> 3714 <path 3715 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 3716 fill="#6347AA" /> 3717 <path 3718 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 3719 fill="currentColor" /> 3720 </svg> 3721 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 3722 </span> 3723</span> 3724 3725 </button> 3726 3727 <div class="relative z-10"> 3728 <input 3729 type="text" 3730 id="id_6ac9631f9c000_id-salon-search" 3731 name="salon" 3732 value="" 3733 placeholder="City, State or ZIP..." 3734 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 3735 role="combobox" 3736 aria-expanded="false" 3737 aria-autocomplete="list" 3738 aria-haspopup="listbox" 3739 aria-controls="id_6ac9631f9c000_id-salon-search-listbox" 3740 aria-required="false" 3741 aria-label="Search by city, state or zip" 3742 3743 autocomplete="off" 3744 > 3745 <label for="id_6ac9631f9c000_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 3746 Search by city, state or zip 3747 </label> 3748 </div> 3749 3750 <ul 3751 id="id_6ac9631f9c000_id-salon-search-listbox" 3752 role="listbox" 3753 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 3754 aria-label="Search by city, state or zip suggestions" 3755 > 3756 </ul> 3757 </div> 3758 <div id="message-id_6ac9631f9c000_id-salon-search" class="message"></div> 3759</div> 3760 3761 </div> 3762 3763 </div> 3764 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 3765 3766 3767 <p class="prose"> 3768 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f9c000_use-my-location-link"> 3769 <span class="inline-grid grid-cols-1"> 3770 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
3770<path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 3771 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 3772 <svg aria-hidden="true" role="status" 3773 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 3774 fill="none" xmlns="http://www.w3.org/2000/svg"> 3775 <path 3776 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 3777 fill="#6347AA" /> 3778 <path 3779 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 3780 fill="currentColor" /> 3781 </svg> 3782 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 3783 </span> 3784</span> 3785 3786 </button> 3787 </p> 3788 </div> 3789 </div> </div> 3790 <div id="id_6ac9631f9c000_input-state-message" class="mb-4 hidden"> 3791 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 3792 3793 3794 <div class="grid col-span-6 "> 3795 3796 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 3797 3798 </div> 3799 <div class="grid col-span-6 "> 3800 3801 3802 <div class="w-full text-right"> 3803 <button id="id_6ac9631f9c000_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 3804 </div> 3805 </div> 3806 </div> </div> 3807</div> 3808 3809<div id="id_6ac9631f9c000_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 3810 3811<div id="id_6ac9631f9c000_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 3812<div id="id_6ac9631f9c000_selected-salon-placeholder-area" class="opacity-0"> 3813 </div> 3814 3815 3816<!-- Main modal --> 3817 3818 3819</span> 3820 </div> 3821 </div> 3822 </div> 3823 3824 <div data-filter="collection--black-label category--sunless product_type--bath-body product_type--face productID--8" 3825 class="js-filter__item theme-black-label product--warming-facial-exfoliant basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 3826 <div 3827 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 3828 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 3829 <img 3830 src="/image/edaedf922989f8983343d2f788212a08.webp" 3831 srcset="/image/edaedf922989f8983343d2f788212a08.webp 1x, /image/[email protected] 2x" 3832 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 3833 alt="Warming Facial Exfoliant"> 3834 3835 <h3 class="mb-2 body-large-med-wt md:heading-3"> 3836 <span class="block uppercase labels-large md:eyebrow">Black Label<sup>®</sup> Sunless</span> 3837 Warming Facial Exfoliant 3838 </h3> 3839 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 3840 <p>A unique warming facial scrub that cleanses impurities, renews complexion and highlights your skinâs natural radiance.</p> 3841 </div> 3842 </div> 3843 3844 3845 3846 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 3847 <a href="/skin-care-products/collections/black-label/warming-facial-exfoliant" title="Learn more about Warming Facial Exfoliant" class="block w-full"> 3848 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 3849 </a> 3850 <button 3851 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 3852 data-open-modal="{"name":"Black Label\u00ae Sunless Warming Facial Exfoliant","product_id":8}">
3853 <span>Find nearby</span> 3854 </button> 3855 <span class="hidden" id="product-search-8"><div class="input-state-switcher"> 3856 <div id="id_6ac9631f9c64c_input-state-input" class=""> 3857 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 3858 3859 3860 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 3861 3862 <div class="mb-4"> 3863 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631f9c64c_id-salon-search"> 3864 <div class="relative"> 3865 <button 3866 type="button" 3867 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 3868 id="button-id_6ac9631f9c64c_id-salon-search" 3869 aria-label="Search" 3870 > 3871 <span class="inline-grid grid-cols-1"> 3872 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 3873 3874 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 3875 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 3876 <svg aria-hidden="true" role="status" 3877 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 3878 fill="none" xmlns="http://www.w3.org/2000/svg"> 3879 <path 3880 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 3881 fill="#6347AA" /> 3882 <path 3883 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 3884 fill="currentColor" /> 3885 </svg> 3886 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 3887 </span> 3888</span> 3889 3890 </button> 3891 3892 <div class="relative z-10"> 3893 <input 3894 type="text" 3895 id="id_6ac9631f9c64c_id-salon-search" 3896 name="salon" 3897 value="" 3898 placeholder="City, State or ZIP..." 3899 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 3900 role="combobox" 3901 aria-expanded="false" 3902 aria-autocomplete="list" 3903 aria-haspopup="listbox" 3904 aria-controls="id_6ac9631f9c64c_id-salon-search-listbox" 3905 aria-required="false" 3906 aria-label="Search by city, state or zip" 3907 3908 autocomplete="off" 3909 > 3910 <label for="id_6ac9631f9c64c_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
3910parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 3911 Search by city, state or zip 3912 </label> 3913 </div> 3914 3915 <ul 3916 id="id_6ac9631f9c64c_id-salon-search-listbox" 3917 role="listbox" 3918 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 3919 aria-label="Search by city, state or zip suggestions" 3920 > 3921 </ul> 3922 </div> 3923 <div id="message-id_6ac9631f9c64c_id-salon-search" class="message"></div> 3924</div> 3925 3926 </div> 3927 3928 </div> 3929 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 3930 3931 3932 <p class="prose"> 3933 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631f9c64c_use-my-location-link"> 3934 <span class="inline-grid grid-cols-1"> 3935 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 3936 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 3937 <svg aria-hidden="true" role="status" 3938 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 3939 fill="none" xmlns="http://www.w3.org/2000/svg"> 3940 <path 3941 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 3942 fill="#6347AA" /> 3943 <path 3944 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 3945 fill="currentColor" /> 3946 </svg> 3947 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 3948 </span> 3949</span> 3950 3951 </button> 3952 </p> 3953 </div> 3954 </div> </div> 3955 <div id="id_6ac9631f9c64c_input-state-message" class="mb-4 hidden"> 3956 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 3957 3958 3959 <div class="grid col-span-6 "> 3960 3961 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 3962 3963 </div> 3964 <div class="grid col-span-6 "> 3965 3966 3967 <div class="w-full text-right"> 3968 <button id="id_6ac9631f9c64c_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 3969 </div> 3970 </div> 3971 </div> </div> 3972</div> 3973 3974<div id="id_6ac9631f9c64c_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 3975 3976<div id="id_6ac9631f9c64c_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 3977<div id="id_6ac9631f9c64c_selected-salon-placeholder-area" class="opacity-0"> 3978 </div> 3979 3980 3981<!-- Main modal --> 3982 3983 3984</span> 3985 </div> 3986 </div>
3987 </div> 3988 3989 <div data-filter="collection--crystal-sunshine category--sunbed options--customer-favorites category--sunless" class="max-w-full js-filter__item basis-full"> 3990 <div class="@container theme-crystal-sunshine collection--crystal-sunshine"> 3991 <div class="flex items-center justify-between p-4 bg-theme-pastel blur-box--bordered"> 3992 <div class="hidden @4xl:block supports-nocq:xl:block"> 3993 <img src="/pbt/images/logo-premier-collection.svg" alt="Premier Collection" width="190" 3994 height="40" > 3995 </div> 3996 <h2 class="display-mobile-small sm:display-desktop-small text-theme">Crystal Sunshine<sup>®</sup></h2> 3997 <a href="/skin-care-products/collections/crystal-sunshine" title="See all Crystal Sunshine Collection Products" 3998 class="btn btn-gradient btn-theme">Explore<span 3999 class="hidden @4xl:inline-block supports-nocq:xl:inline-block ml-2"> Collection</span></a> 4000 </div> 4001 </div> 4002 </div> 4003 4004 4005 4006 <div data-filter="collection--crystal-sunshine category--sunbed product_type--bronzers product_type--face productID--91 options--customer-favorites" 4007 class="js-filter__item theme-crystal-sunshine product--facial-natural-bronzer basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 4008 <div 4009 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 4010 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 4011 <img 4012 src="/image/3f505bf128284b62b967b43882ffc7f4.webp" 4013 srcset="/image/3f505bf128284b62b967b43882ffc7f4.webp 1x, /image/[email protected] 2x" 4014 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 4015 alt="Facial Natural Bronzer"> 4016 4017 <h3 class="mb-2 body-large-med-wt md:heading-3"> 4018 <span class="block uppercase labels-large md:eyebrow">Crystal Sunshine<sup>®</sup></span> 4019 Facial Natural Bronzer 4020 </h3> 4021 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 4022 <p><span style="color: rgb(0, 0, 0);">Hypoallergenic, I</span><span style="color: rgb(0, 0, 0); background-color: transparent;">lluminating Facial Bronzer with Powerful Age-Defying Properties and Red Light-Focusing Complex</span></p> 4023 </div> 4024 </div> 4025 4026 4027 4028 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 4029 <a href="/skin-care-products/collections/crystal-sunshine/facial-natural-bronzer" title="Learn more about Facial Natural Bronzer" class="block w-full"> 4030 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 4031 </a> 4032 <button 4033 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 4034 data-open-modal="{"name":"Crystal Sunshine\u00ae Facial Natural Bronzer","product_id":91}"> 4035 <span>Find nearby</span> 4036 </button> 4037 <span class="hidden" id="product-search-91"><div class="input-state-switcher"> 4038 <div id="id_6ac9631fa06c6_input-state-input" class=""> 4039 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 4040 4041
4042 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 4043 4044 <div class="mb-4"> 4045 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fa06c6_id-salon-search"> 4046 <div class="relative"> 4047 <button 4048 type="button" 4049 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 4050 id="button-id_6ac9631fa06c6_id-salon-search" 4051 aria-label="Search" 4052 > 4053 <span class="inline-grid grid-cols-1"> 4054 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 4055 4056 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 4057 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 4058 <svg aria-hidden="true" role="status" 4059 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 4060 fill="none" xmlns="http://www.w3.org/2000/svg"> 4061 <path 4062 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 4063 fill="#6347AA" /> 4064 <path 4065 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 4066 fill="currentColor" /> 4067 </svg> 4068 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 4069 </span> 4070</span> 4071 4072 </button> 4073 4074 <div class="relative z-10"> 4075 <input 4076 type="text" 4077 id="id_6ac9631fa06c6_id-salon-search" 4078 name="salon" 4079 value="" 4080 placeholder="City, State or ZIP..." 4081 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 4082 role="combobox" 4083 aria-expanded="false" 4084 aria-autocomplete="list" 4085 aria-haspopup="listbox" 4086 aria-controls="id_6ac9631fa06c6_id-salon-search-listbox" 4087 aria-required="false" 4088 aria-label="Search by city, state or zip" 4089 4090 autocomplete="off" 4091 > 4092 <label for="id_6ac9631fa06c6_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
4092parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 4093 Search by city, state or zip 4094 </label> 4095 </div> 4096 4097 <ul 4098 id="id_6ac9631fa06c6_id-salon-search-listbox" 4099 role="listbox" 4100 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 4101 aria-label="Search by city, state or zip suggestions" 4102 > 4103 </ul> 4104 </div> 4105 <div id="message-id_6ac9631fa06c6_id-salon-search" class="message"></div> 4106</div> 4107 4108 </div> 4109 4110 </div> 4111 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 4112 4113 4114 <p class="prose"> 4115 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fa06c6_use-my-location-link"> 4116 <span class="inline-grid grid-cols-1"> 4117 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 4118 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 4119 <svg aria-hidden="true" role="status" 4120 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 4121 fill="none" xmlns="http://www.w3.org/2000/svg"> 4122 <path 4123 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 4124 fill="#6347AA" /> 4125 <path 4126 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 4127 fill="currentColor" /> 4128 </svg> 4129 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 4130 </span> 4131</span> 4132 4133 </button> 4134 </p> 4135 </div> 4136 </div> </div> 4137 <div id="id_6ac9631fa06c6_input-state-message" class="mb-4 hidden"> 4138 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 4139 4140 4141 <div class="grid col-span-6 "> 4142 4143 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 4144 4145 </div> 4146 <div class="grid col-span-6 "> 4147 4148 4149 <div class="w-full text-right"> 4150 <button id="id_6ac9631fa06c6_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 4151 </div> 4152 </div> 4153 </div> </div> 4154</div> 4155 4156<div id="id_6ac9631fa06c6_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 4157 4158<div id="id_6ac9631fa06c6_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 4159<div id="id_6ac9631fa06c6_selected-salon-placeholder-area" class="opacity-0"> 4160 </div> 4161 4162 4163<!-- Main modal --> 4164 4165 4166</span> 4167 </div> 4168 <div class="absolute -top-2 -right-2 z-10 scale-75 transition-all group-hover:scale-100 group-hover:rotate-12"> 4169 <img 4170 src="/image/5ea529c9b7b26fda3b33fbb43e8614c5.webp" 4171 srcset="/image/9491cabe54a292cffec00288d45262d0.webp 56w, 4172/image/8cde78749cde38abb5b5921a26a5aa95.webp 80w,
4173/image/ab4fc07cf869affa960b4f73d40edb3e.webp 96w 4174" 4175 class="relative w-14 xl:w-20 2xl:w-24 object-contain mt-0" sizes="(max-width: 640px) 56px, (min-width: 1280px) 96px, 80px" width="93" height="93" 4176 alt="Customer Favorite"> 4177 4178</div> 4179 </div> 4180 </div> 4181 4182 <div data-filter="collection--crystal-sunshine category--sunbed product_type--intensifiers product_type--wellness productID--89 options--customer-favorites" 4183 class="js-filter__item theme-crystal-sunshine product--intensifier basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 4184 <div 4185 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 4186 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 4187 <img 4188 src="/image/6fdc722aae0073614a3b4643e8797895.webp" 4189 srcset="/image/6fdc722aae0073614a3b4643e8797895.webp 1x, /image/[email protected] 2x" 4190 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 4191 alt="Intensifier"> 4192 4193 <h3 class="mb-2 body-large-med-wt md:heading-3"> 4194 <span class="block uppercase labels-large md:eyebrow">Crystal Sunshine<sup>®</sup></span> 4195 Intensifier 4196 </h3> 4197 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 4198 <p><span style="color: rgb(0, 0, 0);">Potent Tan-Maximizing Intensifier with Red Light-Focusing Properties</span></p> 4199 </div> 4200 </div> 4201 4202 4203 4204 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 4205 <a href="/skin-care-products/collections/crystal-sunshine/intensifier" title="Learn more about Intensifier" class="block w-full"> 4206 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 4207 </a> 4208 <button 4209 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 4210 data-open-modal="{"name":"Crystal Sunshine\u00ae Intensifier","product_id":89}"> 4211 <span>Find nearby</span> 4212 </button> 4213 <span class="hidden" id="product-search-89"><div class="input-state-switcher"> 4214 <div id="id_6ac9631fa0ffd_input-state-input" class=""> 4215 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 4216 4217 4218 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 4219 4220 <div class="mb-4"> 4221 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fa0ffd_id-salon-search"> 4222 <div class="relative"> 4223 <button 4224 type="button" 4225 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 4226 id="button-id_6ac9631fa0ffd_id-salon-search" 4227 aria-label="Search" 4228 > 4229 <span class="inline-grid grid-cols-1"> 4230 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 4231
4232 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 4233 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 4234 <svg aria-hidden="true" role="status" 4235 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 4236 fill="none" xmlns="http://www.w3.org/2000/svg"> 4237 <path 4238 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 4239 fill="#6347AA" /> 4240 <path 4241 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 4242 fill="currentColor" /> 4243 </svg> 4244 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 4245 </span> 4246</span> 4247 4248 </button> 4249 4250 <div class="relative z-10"> 4251 <input 4252 type="text" 4253 id="id_6ac9631fa0ffd_id-salon-search" 4254 name="salon" 4255 value="" 4256 placeholder="City, State or ZIP..." 4257 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 4258 role="combobox" 4259 aria-expanded="false" 4260 aria-autocomplete="list" 4261 aria-haspopup="listbox" 4262 aria-controls="id_6ac9631fa0ffd_id-salon-search-listbox" 4263 aria-required="false" 4264 aria-label="Search by city, state or zip" 4265 4266 autocomplete="off" 4267 > 4268 <label for="id_6ac9631fa0ffd_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 4269 Search by city, state or zip 4270 </label> 4271 </div> 4272 4273 <ul 4274 id="id_6ac9631fa0ffd_id-salon-search-listbox" 4275 role="listbox" 4276 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 4277 aria-label="Search by city, state or zip suggestions" 4278 > 4279 </ul> 4280 </div> 4281 <div id="message-id_6ac9631fa0ffd_id-salon-search" class="message"></div> 4282</div> 4283 4284 </div> 4285 4286 </div> 4287 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 4288 4289 4290 <p class="prose"> 4291 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fa0ffd_use-my-location-link"> 4292 <span class="inline-grid grid-cols-1"> 4293 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
4293<path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 4294 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 4295 <svg aria-hidden="true" role="status" 4296 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 4297 fill="none" xmlns="http://www.w3.org/2000/svg"> 4298 <path 4299 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 4300 fill="#6347AA" /> 4301 <path 4302 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 4303 fill="currentColor" /> 4304 </svg> 4305 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 4306 </span> 4307</span> 4308 4309 </button> 4310 </p> 4311 </div> 4312 </div> </div> 4313 <div id="id_6ac9631fa0ffd_input-state-message" class="mb-4 hidden"> 4314 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 4315 4316 4317 <div class="grid col-span-6 "> 4318 4319 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 4320 4321 </div> 4322 <div class="grid col-span-6 "> 4323 4324 4325 <div class="w-full text-right"> 4326 <button id="id_6ac9631fa0ffd_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 4327 </div> 4328 </div> 4329 </div> </div> 4330</div> 4331 4332<div id="id_6ac9631fa0ffd_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 4333 4334<div id="id_6ac9631fa0ffd_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 4335<div id="id_6ac9631fa0ffd_selected-salon-placeholder-area" class="opacity-0"> 4336 </div> 4337 4338 4339<!-- Main modal --> 4340 4341 4342</span> 4343 </div> 4344 <div class="absolute -top-2 -right-2 z-10 scale-75 transition-all group-hover:scale-100 group-hover:rotate-12"> 4345 <img 4346 src="/image/5ea529c9b7b26fda3b33fbb43e8614c5.webp" 4347 srcset="/image/9491cabe54a292cffec00288d45262d0.webp 56w, 4348/image/8cde78749cde38abb5b5921a26a5aa95.webp 80w, 4349/image/ab4fc07cf869affa960b4f73d40edb3e.webp 96w 4350" 4351 class="relative w-14 xl:w-20 2xl:w-24 object-contain mt-0" sizes="(max-width: 640px) 56px, (min-width: 1280px) 96px, 80px" width="93" height="93" 4352 alt="Customer Favorite"> 4353 4354</div> 4355 </div> 4356 </div> 4357 4358 <div data-filter="collection--crystal-sunshine category--sunbed product_type--bronzers product_type--wellness productID--88 options--customer-favorites" 4359 class="js-filter__item theme-crystal-sunshine product--natural-bronzer basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 4360 <div 4361 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 4362 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 4363 <img 4364 src="/image/82cf29265c357ab07f6094dc5fe7158f.webp" 4365 srcset="/image/82cf29265c357ab07f6094dc5fe7158f.webp 1
4365x, /image/[email protected] 2x" 4366 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 4367 alt="Natural Bronzer"> 4368 4369 <h3 class="mb-2 body-large-med-wt md:heading-3"> 4370 <span class="block uppercase labels-large md:eyebrow">Crystal Sunshine<sup>®</sup></span> 4371 Natural Bronzer 4372 </h3> 4373 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 4374 <p><span style="color: rgb(0, 0, 0);">Hypoallergenic Natural Bronzer with Red Light-Focusing Complex</span></p> 4375 </div> 4376 </div> 4377 4378 4379 4380 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 4381 <a href="/skin-care-products/collections/crystal-sunshine/natural-bronzer" title="Learn more about Natural Bronzer" class="block w-full"> 4382 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 4383 </a> 4384 <button 4385 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 4386 data-open-modal="{"name":"Crystal Sunshine\u00ae Natural Bronzer","product_id":88}"> 4387 <span>Find nearby</span> 4388 </button> 4389 <span class="hidden" id="product-search-88"><div class="input-state-switcher"> 4390 <div id="id_6ac9631fa1921_input-state-input" class=""> 4391 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 4392 4393 4394 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 4395 4396 <div class="mb-4"> 4397 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fa1921_id-salon-search"> 4398 <div class="relative"> 4399 <button 4400 type="button" 4401 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 4402 id="button-id_6ac9631fa1921_id-salon-search" 4403 aria-label="Search" 4404 > 4405 <span class="inline-grid grid-cols-1"> 4406 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 4407 4408 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 4409 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 4410 <svg aria-hidden="true" role="status" 4411 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 4412 fill="none" xmlns="http://www.w3.org/2000/svg"> 4413 <path 4414 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 4415 fill="#6347AA" /> 4416 <path 4417 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
44171071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 4418 fill="currentColor" /> 4419 </svg> 4420 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 4421 </span> 4422</span> 4423 4424 </button> 4425 4426 <div class="relative z-10"> 4427 <input 4428 type="text" 4429 id="id_6ac9631fa1921_id-salon-search" 4430 name="salon" 4431 value="" 4432 placeholder="City, State or ZIP..." 4433 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 4434 role="combobox" 4435 aria-expanded="false" 4436 aria-autocomplete="list" 4437 aria-haspopup="listbox" 4438 aria-controls="id_6ac9631fa1921_id-salon-search-listbox" 4439 aria-required="false" 4440 aria-label="Search by city, state or zip" 4441 4442 autocomplete="off" 4443 > 4444 <label for="id_6ac9631fa1921_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 4445 Search by city, state or zip 4446 </label> 4447 </div> 4448 4449 <ul 4450 id="id_6ac9631fa1921_id-salon-search-listbox" 4451 role="listbox" 4452 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 4453 aria-label="Search by city, state or zip suggestions" 4454 > 4455 </ul> 4456 </div> 4457 <div id="message-id_6ac9631fa1921_id-salon-search" class="message"></div> 4458</div> 4459 4460 </div> 4461 4462 </div> 4463 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 4464 4465 4466 <p class="prose"> 4467 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fa1921_use-my-location-link"> 4468 <span class="inline-grid grid-cols-1"> 4469 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 4470 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 4471 <svg aria-hidden="true" role="status" 4472 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 4473 fill="none" xmlns="http://www.w3.org/2000/svg"> 4474 <path 4475 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 4476 fill="#6347AA" /> 4477 <path 4478 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
44781071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 4479 fill="currentColor" /> 4480 </svg> 4481 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 4482 </span> 4483</span> 4484 4485 </button> 4486 </p> 4487 </div> 4488 </div> </div> 4489 <div id="id_6ac9631fa1921_input-state-message" class="mb-4 hidden"> 4490 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 4491 4492 4493 <div class="grid col-span-6 "> 4494 4495 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 4496 4497 </div> 4498 <div class="grid col-span-6 "> 4499 4500 4501 <div class="w-full text-right"> 4502 <button id="id_6ac9631fa1921_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 4503 </div> 4504 </div> 4505 </div> </div> 4506</div> 4507 4508<div id="id_6ac9631fa1921_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 4509 4510<div id="id_6ac9631fa1921_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 4511<div id="id_6ac9631fa1921_selected-salon-placeholder-area" class="opacity-0"> 4512 </div> 4513 4514 4515<!-- Main modal --> 4516 4517 4518</span> 4519 </div> 4520 <div class="absolute -top-2 -right-2 z-10 scale-75 transition-all group-hover:scale-100 group-hover:rotate-12"> 4521 <img 4522 src="/image/5ea529c9b7b26fda3b33fbb43e8614c5.webp" 4523 srcset="/image/9491cabe54a292cffec00288d45262d0.webp 56w, 4524/image/8cde78749cde38abb5b5921a26a5aa95.webp 80w, 4525/image/ab4fc07cf869affa960b4f73d40edb3e.webp 96w 4526" 4527 class="relative w-14 xl:w-20 2xl:w-24 object-contain mt-0" sizes="(max-width: 640px) 56px, (min-width: 1280px) 96px, 80px" width="93" height="93" 4528 alt="Customer Favorite"> 4529 4530</div> 4531 </div> 4532 </div> 4533 4534 <div data-filter="collection--crystal-sunshine category--sunbed category--sunless product_type--bath-body product_type--extenders productID--90" 4535 class="js-filter__item theme-crystal-sunshine product--in-shower-tan-extender basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 4536 <div 4537 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 4538 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 4539 <img 4540 src="/image/d7dd70c659ac0750364fcc9b3c3e502b.webp" 4541 srcset="/image/d7dd70c659ac0750364fcc9b3c3e502b.webp 1x, /image/[email protected] 2x" 4542 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 4543 alt="In-Shower Tan Extender"> 4544 4545 <h3 class="mb-2 body-large-med-wt md:heading-3"> 4546 <span class="block uppercase labels-large md:eyebrow">Crystal Sunshine<sup>®</sup></span> 4547 In-Shower Tan Extender 4548 </h3> 4549 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 4550 <p><span style="color: rgb(0, 0, 0);">Tan Extender Designed for Wet Skin Application, Boosts Melanin for Immediate and Long-Lasting Color</span></p> 4551 </div> 4552 </div> 4553 4554 4555 4556 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 4557 <a href="/skin-care-products/collections/crystal-sunshine/in-shower-tan-extender" title="Learn more about In-Shower Tan Extender" class="block w-full"> 4558 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 4559 </a> 4560 <button 4561 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 4562 data-open-modal="{"name":"Crystal Sunshine\u00ae In-Shower Tan Extender","product_id":90}">
4563 <span>Find nearby</span> 4564 </button> 4565 <span class="hidden" id="product-search-90"><div class="input-state-switcher"> 4566 <div id="id_6ac9631fa221e_input-state-input" class=""> 4567 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 4568 4569 4570 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 4571 4572 <div class="mb-4"> 4573 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fa221e_id-salon-search"> 4574 <div class="relative"> 4575 <button 4576 type="button" 4577 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 4578 id="button-id_6ac9631fa221e_id-salon-search" 4579 aria-label="Search" 4580 > 4581 <span class="inline-grid grid-cols-1"> 4582 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 4583 4584 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 4585 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 4586 <svg aria-hidden="true" role="status" 4587 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 4588 fill="none" xmlns="http://www.w3.org/2000/svg"> 4589 <path 4590 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 4591 fill="#6347AA" /> 4592 <path 4593 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 4594 fill="currentColor" /> 4595 </svg> 4596 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 4597 </span> 4598</span> 4599 4600 </button> 4601 4602 <div class="relative z-10"> 4603 <input 4604 type="text" 4605 id="id_6ac9631fa221e_id-salon-search" 4606 name="salon" 4607 value="" 4608 placeholder="City, State or ZIP..." 4609 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 4610 role="combobox" 4611 aria-expanded="false" 4612 aria-autocomplete="list" 4613 aria-haspopup="listbox" 4614 aria-controls="id_6ac9631fa221e_id-salon-search-listbox" 4615 aria-required="false" 4616 aria-label="Search by city, state or zip" 4617 4618 autocomplete="off" 4619 > 4620 <label for="id_6ac9631fa221e_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
4620parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 4621 Search by city, state or zip 4622 </label> 4623 </div> 4624 4625 <ul 4626 id="id_6ac9631fa221e_id-salon-search-listbox" 4627 role="listbox" 4628 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 4629 aria-label="Search by city, state or zip suggestions" 4630 > 4631 </ul> 4632 </div> 4633 <div id="message-id_6ac9631fa221e_id-salon-search" class="message"></div> 4634</div> 4635 4636 </div> 4637 4638 </div> 4639 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 4640 4641 4642 <p class="prose"> 4643 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fa221e_use-my-location-link"> 4644 <span class="inline-grid grid-cols-1"> 4645 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 4646 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 4647 <svg aria-hidden="true" role="status" 4648 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 4649 fill="none" xmlns="http://www.w3.org/2000/svg"> 4650 <path 4651 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 4652 fill="#6347AA" /> 4653 <path 4654 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 4655 fill="currentColor" /> 4656 </svg> 4657 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 4658 </span> 4659</span> 4660 4661 </button> 4662 </p> 4663 </div> 4664 </div> </div> 4665 <div id="id_6ac9631fa221e_input-state-message" class="mb-4 hidden"> 4666 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 4667 4668 4669 <div class="grid col-span-6 "> 4670 4671 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 4672 4673 </div> 4674 <div class="grid col-span-6 "> 4675 4676 4677 <div class="w-full text-right"> 4678 <button id="id_6ac9631fa221e_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 4679 </div> 4680 </div> 4681 </div> </div> 4682</div> 4683 4684<div id="id_6ac9631fa221e_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 4685 4686<div id="id_6ac9631fa221e_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 4687<div id="id_6ac9631fa221e_selected-salon-placeholder-area" class="opacity-0"> 4688 </div> 4689 4690 4691<!-- Main modal --> 4692 4693 4694</span> 4695 </div> 4696 </div>
4697 </div> 4698 4699 <div data-filter="collection--emerald category--sunbed options--customer-favorites category--sunless" class="max-w-full js-filter__item basis-full"> 4700 <div class="@container theme-emerald collection--emerald"> 4701 <div class="flex items-center justify-between p-4 bg-theme-pastel blur-box--bordered"> 4702 <div class="hidden @4xl:block supports-nocq:xl:block"> 4703 <img src="/pbt/images/logo-premier-collection.svg" alt="Premier Collection" width="190" 4704 height="40" > 4705 </div> 4706 <h2 class="display-mobile-small sm:display-desktop-small text-theme">Emerald<sup>â¢</sup></h2> 4707 <a href="/skin-care-products/collections/emerald" title="See all Emerald Collection Products" 4708 class="btn btn-gradient btn-theme">Explore<span 4709 class="hidden @4xl:inline-block supports-nocq:xl:inline-block ml-2"> Collection</span></a> 4710 </div> 4711 </div> 4712 </div> 4713 4714 4715 4716 <div data-filter="collection--emerald category--sunbed product_type--bronzers product_type--face productID--18 options--customer-favorites" 4717 class="js-filter__item theme-emerald product--facial-bronzer basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 4718 <div 4719 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 4720 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 4721 <img 4722 src="/image/f4fe690b6530b0281a0cac553ced7468.webp" 4723 srcset="/image/f4fe690b6530b0281a0cac553ced7468.webp 1x, /image/[email protected] 2x" 4724 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 4725 alt="Facial Bronzer"> 4726 4727 <h3 class="mb-2 body-large-med-wt md:heading-3"> 4728 <span class="block uppercase labels-large md:eyebrow">Emerald<sup>â¢</sup></span> 4729 Facial Bronzer 4730 </h3> 4731 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 4732 <p>Luxurious DHA Facial Bronzer with Cooling Essence</p> 4733 </div> 4734 </div> 4735 4736 4737 4738 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 4739 <a href="/skin-care-products/collections/emerald/facial-bronzer" title="Learn more about Facial Bronzer" class="block w-full"> 4740 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 4741 </a> 4742 <button 4743 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 4744 data-open-modal="{"name":"Emerald\u2122 Facial Bronzer","product_id":18}"> 4745 <span>Find nearby</span> 4746 </button> 4747 <span class="hidden" id="product-search-18"><div class="input-state-switcher"> 4748 <div id="id_6ac9631fa9b07_input-state-input" class=""> 4749 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 4750 4751 4752 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 4753 4754 <div class="mb-4"> 4755 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fa9b07_id-salon-search"> 4756 <div class="relative"> 4757 <button 4758 type="button" 4759 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 4760 id="button-id_6ac9631fa9b07_id-salon-search" 4761 aria-label="Search" 4762 >
4763 <span class="inline-grid grid-cols-1"> 4764 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 4765 4766 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 4767 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 4768 <svg aria-hidden="true" role="status" 4769 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 4770 fill="none" xmlns="http://www.w3.org/2000/svg"> 4771 <path 4772 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 4773 fill="#6347AA" /> 4774 <path 4775 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 4776 fill="currentColor" /> 4777 </svg> 4778 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 4779 </span> 4780</span> 4781 4782 </button> 4783 4784 <div class="relative z-10"> 4785 <input 4786 type="text" 4787 id="id_6ac9631fa9b07_id-salon-search" 4788 name="salon" 4789 value="" 4790 placeholder="City, State or ZIP..." 4791 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 4792 role="combobox" 4793 aria-expanded="false" 4794 aria-autocomplete="list" 4795 aria-haspopup="listbox" 4796 aria-controls="id_6ac9631fa9b07_id-salon-search-listbox" 4797 aria-required="false" 4798 aria-label="Search by city, state or zip" 4799 4800 autocomplete="off" 4801 > 4802 <label for="id_6ac9631fa9b07_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 4803 Search by city, state or zip 4804 </label> 4805 </div> 4806 4807 <ul 4808 id="id_6ac9631fa9b07_id-salon-search-listbox" 4809 role="listbox" 4810 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 4811 aria-label="Search by city, state or zip suggestions" 4812 > 4813 </ul> 4814 </div> 4815 <div id="message-id_6ac9631fa9b07_id-salon-search" class="message"></div> 4816</div> 4817 4818 </div> 4819 4820 </div>
4821 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 4822 4823 4824 <p class="prose"> 4825 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fa9b07_use-my-location-link"> 4826 <span class="inline-grid grid-cols-1"> 4827 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 4828 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 4829 <svg aria-hidden="true" role="status" 4830 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 4831 fill="none" xmlns="http://www.w3.org/2000/svg"> 4832 <path 4833 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 4834 fill="#6347AA" /> 4835 <path 4836 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 4837 fill="currentColor" /> 4838 </svg> 4839 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 4840 </span> 4841</span> 4842 4843 </button> 4844 </p> 4845 </div> 4846 </div> </div> 4847 <div id="id_6ac9631fa9b07_input-state-message" class="mb-4 hidden"> 4848 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 4849 4850 4851 <div class="grid col-span-6 "> 4852 4853 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 4854 4855 </div> 4856 <div class="grid col-span-6 "> 4857 4858 4859 <div class="w-full text-right"> 4860 <button id="id_6ac9631fa9b07_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 4861 </div> 4862 </div> 4863 </div> </div> 4864</div> 4865 4866<div id="id_6ac9631fa9b07_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 4867 4868<div id="id_6ac9631fa9b07_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 4869<div id="id_6ac9631fa9b07_selected-salon-placeholder-area" class="opacity-0"> 4870 </div> 4871 4872 4873<!-- Main modal --> 4874 4875 4876</span> 4877 </div> 4878 <div class="absolute -top-2 -right-2 z-10 scale-75 transition-all group-hover:scale-100 group-hover:rotate-12"> 4879 <img 4880 src="/image/5ea529c9b7b26fda3b33fbb43e8614c5.webp" 4881 srcset="/image/9491cabe54a292cffec00288d45262d0.webp 56w, 4882/image/8cde78749cde38abb5b5921a26a5aa95.webp 80w, 4883/image/ab4fc07cf869affa960b4f73d40edb3e.webp 96w 4884" 4885 class="relative w-14 xl:w-20 2xl:w-24 object-contain mt-0" sizes="(max-width: 640px) 56px, (min-width: 1280px) 96px, 80px" width="93" height="93" 4886 alt="Customer Favorite"> 4887 4888</div> 4889 </div>
4890 </div> 4891 4892 <div data-filter="collection--emerald category--sunbed product_type--bronzers productID--16 options--customer-favorites" 4893 class="js-filter__item theme-emerald product--dha-bronzer basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 4894 <div 4895 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 4896 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 4897 <img 4898 src="/image/8003e92c0a9349e714164919cca87f35.webp" 4899 srcset="/image/8003e92c0a9349e714164919cca87f35.webp 1x, /image/[email protected] 2x" 4900 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 4901 alt="DHA Bronzer"> 4902 4903 <h3 class="mb-2 body-large-med-wt md:heading-3"> 4904 <span class="block uppercase labels-large md:eyebrow">Emerald<sup>â¢</sup></span> 4905 DHA Bronzer 4906 </h3> 4907 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 4908 <p>Luxurious DHA Bronzer</p> 4909 </div> 4910 </div> 4911 4912 4913 4914 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 4915 <a href="/skin-care-products/collections/emerald/dha-bronzer" title="Learn more about DHA Bronzer" class="block w-full"> 4916 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 4917 </a> 4918 <button 4919 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 4920 data-open-modal="{"name":"Emerald\u2122 DHA Bronzer","product_id":16}"> 4921 <span>Find nearby</span> 4922 </button> 4923 <span class="hidden" id="product-search-16"><div class="input-state-switcher"> 4924 <div id="id_6ac9631faa416_input-state-input" class=""> 4925 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 4926 4927 4928 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 4929 4930 <div class="mb-4"> 4931 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631faa416_id-salon-search"> 4932 <div class="relative"> 4933 <button 4934 type="button" 4935 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 4936 id="button-id_6ac9631faa416_id-salon-search" 4937 aria-label="Search" 4938 > 4939 <span class="inline-grid grid-cols-1"> 4940 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 4941 4942 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 4943 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 4944 <svg aria-hidden="true" role="status" 4945 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewB
4945ox="0 0 100 101" 4946 fill="none" xmlns="http://www.w3.org/2000/svg"> 4947 <path 4948 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 4949 fill="#6347AA" /> 4950 <path 4951 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 4952 fill="currentColor" /> 4953 </svg> 4954 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 4955 </span> 4956</span> 4957 4958 </button> 4959 4960 <div class="relative z-10"> 4961 <input 4962 type="text" 4963 id="id_6ac9631faa416_id-salon-search" 4964 name="salon" 4965 value="" 4966 placeholder="City, State or ZIP..." 4967 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 4968 role="combobox" 4969 aria-expanded="false" 4970 aria-autocomplete="list" 4971 aria-haspopup="listbox" 4972 aria-controls="id_6ac9631faa416_id-salon-search-listbox" 4973 aria-required="false" 4974 aria-label="Search by city, state or zip" 4975 4976 autocomplete="off" 4977 > 4978 <label for="id_6ac9631faa416_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 4979 Search by city, state or zip 4980 </label> 4981 </div> 4982 4983 <ul 4984 id="id_6ac9631faa416_id-salon-search-listbox" 4985 role="listbox" 4986 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 4987 aria-label="Search by city, state or zip suggestions" 4988 > 4989 </ul> 4990 </div> 4991 <div id="message-id_6ac9631faa416_id-salon-search" class="message"></div> 4992</div> 4993 4994 </div> 4995 4996 </div> 4997 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 4998 4999 5000 <p class="prose"> 5001 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631faa416_use-my-location-link"> 5002 <span class="inline-grid grid-cols-1"> 5003 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 5004 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 5005 <svg aria-hidden="true" role="status" 5006 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewB
5006ox="0 0 100 101" 5007 fill="none" xmlns="http://www.w3.org/2000/svg"> 5008 <path 5009 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 5010 fill="#6347AA" /> 5011 <path 5012 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 5013 fill="currentColor" /> 5014 </svg> 5015 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 5016 </span> 5017</span> 5018 5019 </button> 5020 </p> 5021 </div> 5022 </div> </div> 5023 <div id="id_6ac9631faa416_input-state-message" class="mb-4 hidden"> 5024 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 5025 5026 5027 <div class="grid col-span-6 "> 5028 5029 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 5030 5031 </div> 5032 <div class="grid col-span-6 "> 5033 5034 5035 <div class="w-full text-right"> 5036 <button id="id_6ac9631faa416_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 5037 </div> 5038 </div> 5039 </div> </div> 5040</div> 5041 5042<div id="id_6ac9631faa416_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 5043 5044<div id="id_6ac9631faa416_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 5045<div id="id_6ac9631faa416_selected-salon-placeholder-area" class="opacity-0"> 5046 </div> 5047 5048 5049<!-- Main modal --> 5050 5051 5052</span> 5053 </div> 5054 <div class="absolute -top-2 -right-2 z-10 scale-75 transition-all group-hover:scale-100 group-hover:rotate-12"> 5055 <img 5056 src="/image/5ea529c9b7b26fda3b33fbb43e8614c5.webp" 5057 srcset="/image/9491cabe54a292cffec00288d45262d0.webp 56w, 5058/image/8cde78749cde38abb5b5921a26a5aa95.webp 80w, 5059/image/ab4fc07cf869affa960b4f73d40edb3e.webp 96w 5060" 5061 class="relative w-14 xl:w-20 2xl:w-24 object-contain mt-0" sizes="(max-width: 640px) 56px, (min-width: 1280px) 96px, 80px" width="93" height="93" 5062 alt="Customer Favorite"> 5063 5064</div> 5065 </div> 5066 </div> 5067 5068 <div data-filter="collection--emerald category--sunbed category--sunless product_type--extenders productID--19" 5069 class="js-filter__item theme-emerald product--after-tan-extender basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 5070 <div 5071 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 5072 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 5073 <img 5074 src="/image/82a654fcb4947bc1a97160d3c1be8058.webp" 5075 srcset="/image/82a654fcb4947bc1a97160d3c1be8058.webp 1x, /image/[email protected] 2x" 5076 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 5077 alt="After Tan Extender"> 5078 5079 <h3 class="mb-2 body-large-med-wt md:heading-3"> 5080 <span class="block uppercase labels-large md:eyebrow">Emerald<sup>â¢</sup></span> 5081 After Tan Extender 5082 </h3> 5083 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 5084 <p>Luxurious Tan Extender with Gradual Bronzers</p> 5085 </div> 5086 </div> 5087 5088 5089 5090 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 5091 <a href="/skin-care-products/collections/emerald/after-tan-extender" title="Learn more about After Tan Extender" class="block w-full"> 5092 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 5093 </a> 5094 <button 5095 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 5096 data-open-modal="{"name":"Emerald\u2122 After Tan Extender","product_id":19}">
5097 <span>Find nearby</span> 5098 </button> 5099 <span class="hidden" id="product-search-19"><div class="input-state-switcher"> 5100 <div id="id_6ac9631faad7b_input-state-input" class=""> 5101 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 5102 5103 5104 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 5105 5106 <div class="mb-4"> 5107 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631faad7b_id-salon-search"> 5108 <div class="relative"> 5109 <button 5110 type="button" 5111 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 5112 id="button-id_6ac9631faad7b_id-salon-search" 5113 aria-label="Search" 5114 > 5115 <span class="inline-grid grid-cols-1"> 5116 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 5117 5118 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 5119 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 5120 <svg aria-hidden="true" role="status" 5121 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 5122 fill="none" xmlns="http://www.w3.org/2000/svg"> 5123 <path 5124 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 5125 fill="#6347AA" /> 5126 <path 5127 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 5128 fill="currentColor" /> 5129 </svg> 5130 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 5131 </span> 5132</span> 5133 5134 </button> 5135 5136 <div class="relative z-10"> 5137 <input 5138 type="text" 5139 id="id_6ac9631faad7b_id-salon-search" 5140 name="salon" 5141 value="" 5142 placeholder="City, State or ZIP..." 5143 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 5144 role="combobox" 5145 aria-expanded="false" 5146 aria-autocomplete="list" 5147 aria-haspopup="listbox" 5148 aria-controls="id_6ac9631faad7b_id-salon-search-listbox" 5149 aria-required="false" 5150 aria-label="Search by city, state or zip" 5151 5152 autocomplete="off" 5153 > 5154 <label for="id_6ac9631faad7b_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
5154parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 5155 Search by city, state or zip 5156 </label> 5157 </div> 5158 5159 <ul 5160 id="id_6ac9631faad7b_id-salon-search-listbox" 5161 role="listbox" 5162 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 5163 aria-label="Search by city, state or zip suggestions" 5164 > 5165 </ul> 5166 </div> 5167 <div id="message-id_6ac9631faad7b_id-salon-search" class="message"></div> 5168</div> 5169 5170 </div> 5171 5172 </div> 5173 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 5174 5175 5176 <p class="prose"> 5177 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631faad7b_use-my-location-link"> 5178 <span class="inline-grid grid-cols-1"> 5179 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 5180 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 5181 <svg aria-hidden="true" role="status" 5182 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 5183 fill="none" xmlns="http://www.w3.org/2000/svg"> 5184 <path 5185 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 5186 fill="#6347AA" /> 5187 <path 5188 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 5189 fill="currentColor" /> 5190 </svg> 5191 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 5192 </span> 5193</span> 5194 5195 </button> 5196 </p> 5197 </div> 5198 </div> </div> 5199 <div id="id_6ac9631faad7b_input-state-message" class="mb-4 hidden"> 5200 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 5201 5202 5203 <div class="grid col-span-6 "> 5204 5205 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 5206 5207 </div> 5208 <div class="grid col-span-6 "> 5209 5210 5211 <div class="w-full text-right"> 5212 <button id="id_6ac9631faad7b_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 5213 </div> 5214 </div> 5215 </div> </div> 5216</div> 5217 5218<div id="id_6ac9631faad7b_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 5219 5220<div id="id_6ac9631faad7b_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 5221<div id="id_6ac9631faad7b_selected-salon-placeholder-area" class="opacity-0"> 5222 </div> 5223 5224 5225<!-- Main modal --> 5226 5227 5228</span> 5229 </div> 5230 </div>
5231 </div> 5232 5233 <div data-filter="collection--emerald category--sunbed category--sunless product_type--bath-body product_type--extenders productID--21" 5234 class="js-filter__item theme-emerald product--body-butter basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 5235 <div 5236 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 5237 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 5238 <img 5239 src="/image/84ea78822ff75a322a3510d9678736a6.webp" 5240 srcset="/image/84ea78822ff75a322a3510d9678736a6.webp 1x, /image/[email protected] 2x" 5241 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 5242 alt="Body Butter"> 5243 5244 <h3 class="mb-2 body-large-med-wt md:heading-3"> 5245 <span class="block uppercase labels-large md:eyebrow">Emerald<sup>â¢</sup></span> 5246 Body Butter 5247 </h3> 5248 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 5249 <p>Luxurious Body Butter</p> 5250 </div> 5251 </div> 5252 5253 5254 5255 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 5256 <a href="/skin-care-products/collections/emerald/body-butter" title="Learn more about Body Butter" class="block w-full"> 5257 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 5258 </a> 5259 <button 5260 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 5261 data-open-modal="{"name":"Emerald\u2122 Body Butter","product_id":21}"> 5262 <span>Find nearby</span> 5263 </button> 5264 <span class="hidden" id="product-search-21"><div class="input-state-switcher"> 5265 <div id="id_6ac9631fab3d5_input-state-input" class=""> 5266 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 5267 5268 5269 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 5270 5271 <div class="mb-4"> 5272 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fab3d5_id-salon-search"> 5273 <div class="relative"> 5274 <button 5275 type="button" 5276 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 5277 id="button-id_6ac9631fab3d5_id-salon-search" 5278 aria-label="Search" 5279 > 5280 <span class="inline-grid grid-cols-1"> 5281 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 5282 5283 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 5284 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 5285 <svg aria-hidden="true" role="status" 5286 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewB
5286ox="0 0 100 101" 5287 fill="none" xmlns="http://www.w3.org/2000/svg"> 5288 <path 5289 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 5290 fill="#6347AA" /> 5291 <path 5292 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 5293 fill="currentColor" /> 5294 </svg> 5295 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 5296 </span> 5297</span> 5298 5299 </button> 5300 5301 <div class="relative z-10"> 5302 <input 5303 type="text" 5304 id="id_6ac9631fab3d5_id-salon-search" 5305 name="salon" 5306 value="" 5307 placeholder="City, State or ZIP..." 5308 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 5309 role="combobox" 5310 aria-expanded="false" 5311 aria-autocomplete="list" 5312 aria-haspopup="listbox" 5313 aria-controls="id_6ac9631fab3d5_id-salon-search-listbox" 5314 aria-required="false" 5315 aria-label="Search by city, state or zip" 5316 5317 autocomplete="off" 5318 > 5319 <label for="id_6ac9631fab3d5_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 5320 Search by city, state or zip 5321 </label> 5322 </div> 5323 5324 <ul 5325 id="id_6ac9631fab3d5_id-salon-search-listbox" 5326 role="listbox" 5327 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 5328 aria-label="Search by city, state or zip suggestions" 5329 > 5330 </ul> 5331 </div> 5332 <div id="message-id_6ac9631fab3d5_id-salon-search" class="message"></div> 5333</div> 5334 5335 </div> 5336 5337 </div> 5338 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 5339 5340 5341 <p class="prose"> 5342 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fab3d5_use-my-location-link"> 5343 <span class="inline-grid grid-cols-1"> 5344 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 5345 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 5346 <svg aria-hidden="true" role="status" 5347 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewB
5347ox="0 0 100 101" 5348 fill="none" xmlns="http://www.w3.org/2000/svg"> 5349 <path 5350 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 5351 fill="#6347AA" /> 5352 <path 5353 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 5354 fill="currentColor" /> 5355 </svg> 5356 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 5357 </span> 5358</span> 5359 5360 </button> 5361 </p> 5362 </div> 5363 </div> </div> 5364 <div id="id_6ac9631fab3d5_input-state-message" class="mb-4 hidden"> 5365 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 5366 5367 5368 <div class="grid col-span-6 "> 5369 5370 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 5371 5372 </div> 5373 <div class="grid col-span-6 "> 5374 5375 5376 <div class="w-full text-right"> 5377 <button id="id_6ac9631fab3d5_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 5378 </div> 5379 </div> 5380 </div> </div> 5381</div> 5382 5383<div id="id_6ac9631fab3d5_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 5384 5385<div id="id_6ac9631fab3d5_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 5386<div id="id_6ac9631fab3d5_selected-salon-placeholder-area" class="opacity-0"> 5387 </div> 5388 5389 5390<!-- Main modal --> 5391 5392 5393</span> 5394 </div> 5395 </div> 5396 </div> 5397 5398 <div data-filter="collection--emerald category--sunbed category--sunless product_type--bath-body productID--20" 5399 class="js-filter__item theme-emerald product--body-wash basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 5400 <div 5401 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 5402 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 5403 <img 5404 src="/image/b60a5ae73f3884babda8fdc10f66e429.webp" 5405 srcset="/image/b60a5ae73f3884babda8fdc10f66e429.webp 1x, /image/[email protected] 2x" 5406 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 5407 alt="Body Wash"> 5408 5409 <h3 class="mb-2 body-large-med-wt md:heading-3"> 5410 <span class="block uppercase labels-large md:eyebrow">Emerald<sup>â¢</sup></span> 5411 Body Wash 5412 </h3> 5413 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 5414 <p>Luxurious Body Wash</p> 5415 </div> 5416 </div> 5417 5418 5419 5420 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 5421 <a href="/skin-care-products/collections/emerald/body-wash" title="Learn more about Body Wash" class="block w-full"> 5422 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 5423 </a> 5424 <button 5425 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 5426 data-open-modal="{"name":"Emerald\u2122 Body Wash","product_id":20}">
5427 <span>Find nearby</span> 5428 </button> 5429 <span class="hidden" id="product-search-20"><div class="input-state-switcher"> 5430 <div id="id_6ac9631faba0d_input-state-input" class=""> 5431 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 5432 5433 5434 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 5435 5436 <div class="mb-4"> 5437 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631faba0d_id-salon-search"> 5438 <div class="relative"> 5439 <button 5440 type="button" 5441 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 5442 id="button-id_6ac9631faba0d_id-salon-search" 5443 aria-label="Search" 5444 > 5445 <span class="inline-grid grid-cols-1"> 5446 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 5447 5448 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 5449 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 5450 <svg aria-hidden="true" role="status" 5451 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 5452 fill="none" xmlns="http://www.w3.org/2000/svg"> 5453 <path 5454 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 5455 fill="#6347AA" /> 5456 <path 5457 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 5458 fill="currentColor" /> 5459 </svg> 5460 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 5461 </span> 5462</span> 5463 5464 </button> 5465 5466 <div class="relative z-10"> 5467 <input 5468 type="text" 5469 id="id_6ac9631faba0d_id-salon-search" 5470 name="salon" 5471 value="" 5472 placeholder="City, State or ZIP..." 5473 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 5474 role="combobox" 5475 aria-expanded="false" 5476 aria-autocomplete="list" 5477 aria-haspopup="listbox" 5478 aria-controls="id_6ac9631faba0d_id-salon-search-listbox" 5479 aria-required="false" 5480 aria-label="Search by city, state or zip" 5481 5482 autocomplete="off" 5483 > 5484 <label for="id_6ac9631faba0d_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
5484parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 5485 Search by city, state or zip 5486 </label> 5487 </div> 5488 5489 <ul 5490 id="id_6ac9631faba0d_id-salon-search-listbox" 5491 role="listbox" 5492 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 5493 aria-label="Search by city, state or zip suggestions" 5494 > 5495 </ul> 5496 </div> 5497 <div id="message-id_6ac9631faba0d_id-salon-search" class="message"></div> 5498</div> 5499 5500 </div> 5501 5502 </div> 5503 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 5504 5505 5506 <p class="prose"> 5507 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631faba0d_use-my-location-link"> 5508 <span class="inline-grid grid-cols-1"> 5509 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 5510 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 5511 <svg aria-hidden="true" role="status" 5512 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 5513 fill="none" xmlns="http://www.w3.org/2000/svg"> 5514 <path 5515 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 5516 fill="#6347AA" /> 5517 <path 5518 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 5519 fill="currentColor" /> 5520 </svg> 5521 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 5522 </span> 5523</span> 5524 5525 </button> 5526 </p> 5527 </div> 5528 </div> </div> 5529 <div id="id_6ac9631faba0d_input-state-message" class="mb-4 hidden"> 5530 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 5531 5532 5533 <div class="grid col-span-6 "> 5534 5535 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 5536 5537 </div> 5538 <div class="grid col-span-6 "> 5539 5540 5541 <div class="w-full text-right"> 5542 <button id="id_6ac9631faba0d_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 5543 </div> 5544 </div> 5545 </div> </div> 5546</div> 5547 5548<div id="id_6ac9631faba0d_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 5549 5550<div id="id_6ac9631faba0d_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 5551<div id="id_6ac9631faba0d_selected-salon-placeholder-area" class="opacity-0"> 5552 </div> 5553 5554 5555<!-- Main modal --> 5556 5557 5558</span> 5559 </div> 5560 </div>
5561 </div> 5562 5563 <div data-filter="collection--emerald category--sunbed product_type--intensifiers productID--17" 5564 class="js-filter__item theme-emerald product--intensifier basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 5565 <div 5566 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 5567 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 5568 <img 5569 src="/image/769cd40ccbbab93eeaec95cc82a701ad.webp" 5570 srcset="/image/769cd40ccbbab93eeaec95cc82a701ad.webp 1x, /image/[email protected] 2x" 5571 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 5572 alt="Intensifier"> 5573 5574 <h3 class="mb-2 body-large-med-wt md:heading-3"> 5575 <span class="block uppercase labels-large md:eyebrow">Emerald<sup>â¢</sup></span> 5576 Intensifier 5577 </h3> 5578 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 5579 <p>A luxurious Intensifier that deepens your natural color while extending the life of your tan.</p> 5580 </div> 5581 </div> 5582 5583 5584 5585 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 5586 <a href="/skin-care-products/collections/emerald/intensifier" title="Learn more about Intensifier" class="block w-full"> 5587 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 5588 </a> 5589 <button 5590 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 5591 data-open-modal="{"name":"Emerald\u2122 Intensifier","product_id":17}"> 5592 <span>Find nearby</span> 5593 </button> 5594 <span class="hidden" id="product-search-17"><div class="input-state-switcher"> 5595 <div id="id_6ac9631fac017_input-state-input" class=""> 5596 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 5597 5598 5599 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 5600 5601 <div class="mb-4"> 5602 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fac017_id-salon-search"> 5603 <div class="relative"> 5604 <button 5605 type="button" 5606 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 5607 id="button-id_6ac9631fac017_id-salon-search" 5608 aria-label="Search" 5609 > 5610 <span class="inline-grid grid-cols-1"> 5611 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 5612 5613 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 5614 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 5615 <svg aria-hidden="true" role="status" 5616 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewB
5616ox="0 0 100 101" 5617 fill="none" xmlns="http://www.w3.org/2000/svg"> 5618 <path 5619 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 5620 fill="#6347AA" /> 5621 <path 5622 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 5623 fill="currentColor" /> 5624 </svg> 5625 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 5626 </span> 5627</span> 5628 5629 </button> 5630 5631 <div class="relative z-10"> 5632 <input 5633 type="text" 5634 id="id_6ac9631fac017_id-salon-search" 5635 name="salon" 5636 value="" 5637 placeholder="City, State or ZIP..." 5638 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 5639 role="combobox" 5640 aria-expanded="false" 5641 aria-autocomplete="list" 5642 aria-haspopup="listbox" 5643 aria-controls="id_6ac9631fac017_id-salon-search-listbox" 5644 aria-required="false" 5645 aria-label="Search by city, state or zip" 5646 5647 autocomplete="off" 5648 > 5649 <label for="id_6ac9631fac017_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 5650 Search by city, state or zip 5651 </label> 5652 </div> 5653 5654 <ul 5655 id="id_6ac9631fac017_id-salon-search-listbox" 5656 role="listbox" 5657 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 5658 aria-label="Search by city, state or zip suggestions" 5659 > 5660 </ul> 5661 </div> 5662 <div id="message-id_6ac9631fac017_id-salon-search" class="message"></div> 5663</div> 5664 5665 </div> 5666 5667 </div> 5668 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 5669 5670 5671 <p class="prose"> 5672 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fac017_use-my-location-link"> 5673 <span class="inline-grid grid-cols-1"> 5674 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 5675 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 5676 <svg aria-hidden="true" role="status" 5677 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewB
5677ox="0 0 100 101" 5678 fill="none" xmlns="http://www.w3.org/2000/svg"> 5679 <path 5680 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 5681 fill="#6347AA" /> 5682 <path 5683 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 5684 fill="currentColor" /> 5685 </svg> 5686 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 5687 </span> 5688</span> 5689 5690 </button> 5691 </p> 5692 </div> 5693 </div> </div> 5694 <div id="id_6ac9631fac017_input-state-message" class="mb-4 hidden"> 5695 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 5696 5697 5698 <div class="grid col-span-6 "> 5699 5700 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 5701 5702 </div> 5703 <div class="grid col-span-6 "> 5704 5705 5706 <div class="w-full text-right"> 5707 <button id="id_6ac9631fac017_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 5708 </div> 5709 </div> 5710 </div> </div> 5711</div> 5712 5713<div id="id_6ac9631fac017_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 5714 5715<div id="id_6ac9631fac017_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 5716<div id="id_6ac9631fac017_selected-salon-placeholder-area" class="opacity-0"> 5717 </div> 5718 5719 5720<!-- Main modal --> 5721 5722 5723</span> 5724 </div> 5725 </div> 5726 </div> 5727 5728 <div data-filter="collection--lobsidienne category--sunless category--sunbed" class="max-w-full js-filter__item basis-full"> 5729 <div class="@container theme-lobsidienne collection--lobsidienne"> 5730 <div class="flex items-center justify-between p-4 bg-theme-pastel blur-box--bordered"> 5731 <div class="hidden @4xl:block supports-nocq:xl:block"> 5732 <img src="/pbt/images/logo-premier-collection.svg" alt="Premier Collection" width="190" 5733 height="40" > 5734 </div> 5735 <h2 class="display-mobile-small sm:display-desktop-small text-theme">Lâobsidienne<sup>â¢</sup></h2> 5736 <a href="/skin-care-products/collections/lobsidienne" title="See all Lâobsidienne Collection Products" 5737 class="btn btn-gradient btn-theme">Explore<span 5738 class="hidden @4xl:inline-block supports-nocq:xl:inline-block ml-2"> Collection</span></a> 5739 </div> 5740 </div> 5741 </div> 5742 5743 5744 5745 <div data-filter="collection--lobsidienne category--sunless product_type--bath-body product_type--face productID--100" 5746 class="js-filter__item theme-lobsidienne product--facial-cleansing-gele basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 5747 <div 5748 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 5749 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 5750 <img
5751 src="/image/7ce1b508b824c59e871221080d64ed62.webp" 5752 srcset="/image/7ce1b508b824c59e871221080d64ed62.webp 1x, /image/[email protected] 2x" 5753 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 5754 alt="Facial Cleansing Gelée"> 5755 5756 <h3 class="mb-2 body-large-med-wt md:heading-3"> 5757 <span class="block uppercase labels-large md:eyebrow">Lâobsidienne<sup>â¢</sup></span> 5758 Facial Cleansing Gelée 5759 </h3> 5760 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 5761 <p><span style="color: rgb(0, 0, 0);">Ultra-Gentle Facial Cleanser for Balanced, Radiant Skin</span></p> 5762 </div> 5763 </div> 5764 5765 5766 5767 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 5768 <a href="/skin-care-products/collections/lobsidienne/facial-cleansing-gelee" title="Learn more about Facial Cleansing Gelée" class="block w-full"> 5769 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 5770 </a> 5771 <button 5772 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 5773 data-open-modal="{"name":"L\u2019obsidienne\u2122 Facial Cleansing Gel\u00e9e","product_id":100}"> 5774 <span>Find nearby</span> 5775 </button> 5776 <span class="hidden" id="product-search-100"><div class="input-state-switcher"> 5777 <div id="id_6ac9631fb0109_input-state-input" class=""> 5778 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 5779 5780 5781 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 5782 5783 <div class="mb-4"> 5784 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fb0109_id-salon-search"> 5785 <div class="relative"> 5786 <button 5787 type="button" 5788 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 5789 id="button-id_6ac9631fb0109_id-salon-search" 5790 aria-label="Search" 5791 > 5792 <span class="inline-grid grid-cols-1"> 5793 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 5794 5795 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 5796 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 5797 <svg aria-hidden="true" role="status" 5798 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 5799 fill="none" xmlns="http://www.w3.org/2000/svg"> 5800 <path 5801 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 5802 fill="#6347AA" /> 5803 <path 5804 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
58041071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 5805 fill="currentColor" /> 5806 </svg> 5807 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 5808 </span> 5809</span> 5810 5811 </button> 5812 5813 <div class="relative z-10"> 5814 <input 5815 type="text" 5816 id="id_6ac9631fb0109_id-salon-search" 5817 name="salon" 5818 value="" 5819 placeholder="City, State or ZIP..." 5820 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 5821 role="combobox" 5822 aria-expanded="false" 5823 aria-autocomplete="list" 5824 aria-haspopup="listbox" 5825 aria-controls="id_6ac9631fb0109_id-salon-search-listbox" 5826 aria-required="false" 5827 aria-label="Search by city, state or zip" 5828 5829 autocomplete="off" 5830 > 5831 <label for="id_6ac9631fb0109_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 5832 Search by city, state or zip 5833 </label> 5834 </div> 5835 5836 <ul 5837 id="id_6ac9631fb0109_id-salon-search-listbox" 5838 role="listbox" 5839 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 5840 aria-label="Search by city, state or zip suggestions" 5841 > 5842 </ul> 5843 </div> 5844 <div id="message-id_6ac9631fb0109_id-salon-search" class="message"></div> 5845</div> 5846 5847 </div> 5848 5849 </div> 5850 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 5851 5852 5853 <p class="prose"> 5854 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fb0109_use-my-location-link"> 5855 <span class="inline-grid grid-cols-1"> 5856 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 5857 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 5858 <svg aria-hidden="true" role="status" 5859 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 5860 fill="none" xmlns="http://www.w3.org/2000/svg"> 5861 <path 5862 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 5863 fill="#6347AA" /> 5864 <path 5865 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
58651071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 5866 fill="currentColor" /> 5867 </svg> 5868 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 5869 </span> 5870</span> 5871 5872 </button> 5873 </p> 5874 </div> 5875 </div> </div> 5876 <div id="id_6ac9631fb0109_input-state-message" class="mb-4 hidden"> 5877 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 5878 5879 5880 <div class="grid col-span-6 "> 5881 5882 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 5883 5884 </div> 5885 <div class="grid col-span-6 "> 5886 5887 5888 <div class="w-full text-right"> 5889 <button id="id_6ac9631fb0109_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 5890 </div> 5891 </div> 5892 </div> </div> 5893</div> 5894 5895<div id="id_6ac9631fb0109_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 5896 5897<div id="id_6ac9631fb0109_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 5898<div id="id_6ac9631fb0109_selected-salon-placeholder-area" class="opacity-0"> 5899 </div> 5900 5901 5902<!-- Main modal --> 5903 5904 5905</span> 5906 </div> 5907 </div> 5908 </div> 5909 5910 <div data-filter="collection--lobsidienne category--sunbed product_type--face product_type--intensifiers productID--104" 5911 class="js-filter__item theme-lobsidienne product--facial-intensifying-crme basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 5912 <div 5913 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 5914 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 5915 <img 5916 src="/image/f249d3e182aecc833185ff633ea7c993.webp" 5917 srcset="/image/f249d3e182aecc833185ff633ea7c993.webp 1x, /image/[email protected] 2x" 5918 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 5919 alt="Facial Intensifying Crème"> 5920 5921 <h3 class="mb-2 body-large-med-wt md:heading-3"> 5922 <span class="block uppercase labels-large md:eyebrow">Lâobsidienne<sup>â¢</sup></span> 5923 Facial Intensifying Crème 5924 </h3> 5925 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 5926 <p><span style="color: rgb(0, 0, 0);">Concentrated UV Tanning Crème for Delicate Facial Skin</span></p> 5927 </div> 5928 </div> 5929 5930 5931 5932 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 5933 <a href="/skin-care-products/collections/lobsidienne/facial-intensifying-creme" title="Learn more about Facial Intensifying Crème" class="block w-full"> 5934 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 5935 </a> 5936 <button 5937 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 5938 data-open-modal="{"name":"L\u2019obsidienne\u2122 Facial Intensifying Cr\u00e8me","product_id":104}">
5939 <span>Find nearby</span> 5940 </button> 5941 <span class="hidden" id="product-search-104"><div class="input-state-switcher"> 5942 <div id="id_6ac9631fb0768_input-state-input" class=""> 5943 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 5944 5945 5946 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 5947 5948 <div class="mb-4"> 5949 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fb0768_id-salon-search"> 5950 <div class="relative"> 5951 <button 5952 type="button" 5953 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 5954 id="button-id_6ac9631fb0768_id-salon-search" 5955 aria-label="Search" 5956 > 5957 <span class="inline-grid grid-cols-1"> 5958 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 5959 5960 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 5961 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 5962 <svg aria-hidden="true" role="status" 5963 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 5964 fill="none" xmlns="http://www.w3.org/2000/svg"> 5965 <path 5966 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 5967 fill="#6347AA" /> 5968 <path 5969 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 5970 fill="currentColor" /> 5971 </svg> 5972 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 5973 </span> 5974</span> 5975 5976 </button> 5977 5978 <div class="relative z-10"> 5979 <input 5980 type="text" 5981 id="id_6ac9631fb0768_id-salon-search" 5982 name="salon" 5983 value="" 5984 placeholder="City, State or ZIP..." 5985 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 5986 role="combobox" 5987 aria-expanded="false" 5988 aria-autocomplete="list" 5989 aria-haspopup="listbox" 5990 aria-controls="id_6ac9631fb0768_id-salon-search-listbox" 5991 aria-required="false" 5992 aria-label="Search by city, state or zip" 5993 5994 autocomplete="off" 5995 > 5996 <label for="id_6ac9631fb0768_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
5996parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 5997 Search by city, state or zip 5998 </label> 5999 </div> 6000 6001 <ul 6002 id="id_6ac9631fb0768_id-salon-search-listbox" 6003 role="listbox" 6004 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 6005 aria-label="Search by city, state or zip suggestions" 6006 > 6007 </ul> 6008 </div> 6009 <div id="message-id_6ac9631fb0768_id-salon-search" class="message"></div> 6010</div> 6011 6012 </div> 6013 6014 </div> 6015 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 6016 6017 6018 <p class="prose"> 6019 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fb0768_use-my-location-link"> 6020 <span class="inline-grid grid-cols-1"> 6021 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 6022 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 6023 <svg aria-hidden="true" role="status" 6024 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 6025 fill="none" xmlns="http://www.w3.org/2000/svg"> 6026 <path 6027 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 6028 fill="#6347AA" /> 6029 <path 6030 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 6031 fill="currentColor" /> 6032 </svg> 6033 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 6034 </span> 6035</span> 6036 6037 </button> 6038 </p> 6039 </div> 6040 </div> </div> 6041 <div id="id_6ac9631fb0768_input-state-message" class="mb-4 hidden"> 6042 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 6043 6044 6045 <div class="grid col-span-6 "> 6046 6047 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 6048 6049 </div> 6050 <div class="grid col-span-6 "> 6051 6052 6053 <div class="w-full text-right"> 6054 <button id="id_6ac9631fb0768_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 6055 </div> 6056 </div> 6057 </div> </div> 6058</div> 6059 6060<div id="id_6ac9631fb0768_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 6061
6062<div id="id_6ac9631fb0768_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 6063<div id="id_6ac9631fb0768_selected-salon-placeholder-area" class="opacity-0"> 6064 </div> 6065 6066 6067<!-- Main modal --> 6068 6069 6070</span> 6071 </div> 6072 </div> 6073 </div> 6074 6075 <div data-filter="collection--lobsidienne category--sunbed product_type--bath-body productID--103" 6076 class="js-filter__item theme-lobsidienne product--luxe-body-cleanser basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 6077 <div 6078 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 6079 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 6080 <img 6081 src="/image/5e475e9d06883286ddb7b15b4c2c88c9.webp" 6082 srcset="/image/5e475e9d06883286ddb7b15b4c2c88c9.webp 1x, /image/[email protected] 2x" 6083 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 6084 alt="Luxe Body Cleanser"> 6085 6086 <h3 class="mb-2 body-large-med-wt md:heading-3"> 6087 <span class="block uppercase labels-large md:eyebrow">Lâobsidienne<sup>â¢</sup></span> 6088 Luxe Body Cleanser 6089 </h3> 6090 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 6091 <p><span style="color: rgb(0, 0, 0);">Sultry Color-Preserving Gel Body Cleanser</span></p> 6092 </div> 6093 </div> 6094 6095 6096 6097 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 6098 <a href="/skin-care-products/collections/lobsidienne/luxe-body-cleanser" title="Learn more about Luxe Body Cleanser" class="block w-full"> 6099 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 6100 </a> 6101 <button 6102 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 6103 data-open-modal="{"name":"L\u2019obsidienne\u2122 Luxe Body Cleanser","product_id":103}"> 6104 <span>Find nearby</span> 6105 </button> 6106 <span class="hidden" id="product-search-103"><div class="input-state-switcher"> 6107 <div id="id_6ac9631fb0d72_input-state-input" class=""> 6108 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 6109 6110 6111 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 6112 6113 <div class="mb-4"> 6114 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fb0d72_id-salon-search"> 6115 <div class="relative"> 6116 <button 6117 type="button" 6118 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 6119 id="button-id_6ac9631fb0d72_id-salon-search" 6120 aria-label="Search" 6121 > 6122 <span class="inline-grid grid-cols-1"> 6123 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 6124
6125 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 6126 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 6127 <svg aria-hidden="true" role="status" 6128 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 6129 fill="none" xmlns="http://www.w3.org/2000/svg"> 6130 <path 6131 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 6132 fill="#6347AA" /> 6133 <path 6134 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 6135 fill="currentColor" /> 6136 </svg> 6137 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 6138 </span> 6139</span> 6140 6141 </button> 6142 6143 <div class="relative z-10"> 6144 <input 6145 type="text" 6146 id="id_6ac9631fb0d72_id-salon-search" 6147 name="salon" 6148 value="" 6149 placeholder="City, State or ZIP..." 6150 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 6151 role="combobox" 6152 aria-expanded="false" 6153 aria-autocomplete="list" 6154 aria-haspopup="listbox" 6155 aria-controls="id_6ac9631fb0d72_id-salon-search-listbox" 6156 aria-required="false" 6157 aria-label="Search by city, state or zip" 6158 6159 autocomplete="off" 6160 > 6161 <label for="id_6ac9631fb0d72_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 6162 Search by city, state or zip 6163 </label> 6164 </div> 6165 6166 <ul 6167 id="id_6ac9631fb0d72_id-salon-search-listbox" 6168 role="listbox" 6169 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 6170 aria-label="Search by city, state or zip suggestions" 6171 > 6172 </ul> 6173 </div> 6174 <div id="message-id_6ac9631fb0d72_id-salon-search" class="message"></div> 6175</div> 6176 6177 </div> 6178 6179 </div> 6180 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 6181 6182 6183 <p class="prose"> 6184 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fb0d72_use-my-location-link"> 6185 <span class="inline-grid grid-cols-1"> 6186 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
6186<path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 6187 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 6188 <svg aria-hidden="true" role="status" 6189 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 6190 fill="none" xmlns="http://www.w3.org/2000/svg"> 6191 <path 6192 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 6193 fill="#6347AA" /> 6194 <path 6195 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 6196 fill="currentColor" /> 6197 </svg> 6198 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 6199 </span> 6200</span> 6201 6202 </button> 6203 </p> 6204 </div> 6205 </div> </div> 6206 <div id="id_6ac9631fb0d72_input-state-message" class="mb-4 hidden"> 6207 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 6208 6209 6210 <div class="grid col-span-6 "> 6211 6212 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 6213 6214 </div> 6215 <div class="grid col-span-6 "> 6216 6217 6218 <div class="w-full text-right"> 6219 <button id="id_6ac9631fb0d72_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 6220 </div> 6221 </div> 6222 </div> </div> 6223</div> 6224 6225<div id="id_6ac9631fb0d72_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 6226 6227<div id="id_6ac9631fb0d72_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 6228<div id="id_6ac9631fb0d72_selected-salon-placeholder-area" class="opacity-0"> 6229 </div> 6230 6231 6232<!-- Main modal --> 6233 6234 6235</span> 6236 </div> 6237 </div> 6238 </div> 6239 6240 <div data-filter="collection--lobsidienne category--sunbed category--sunless product_type--bronzers product_type--wellness productID--101" 6241 class="js-filter__item theme-lobsidienne product--optimizing-dha-bronzer basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 6242 <div 6243 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 6244 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 6245 <img 6246 src="/image/327cb7df55bd1204d1bcbe56ac9454a7.webp" 6247 srcset="/image/327cb7df55bd1204d1bcbe56ac9454a7.webp 1x, /image/[email protected] 2x" 6248 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 6249 alt="Optimizing DHA Bronzer"> 6250 6251 <h3 class="mb-2 body-large-med-wt md:heading-3"> 6252 <span class="block uppercase labels-large md:eyebrow">Lâobsidienne<sup>â¢</sup></span> 6253 Optimizing DHA Bronzer 6254 </h3> 6255 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 6256 <p><span style="color: rgb(0, 0, 0);">Groundbreaking Optimizing Bronzer</span></p> 6257 </div> 6258 </div> 6259 6260 6261 6262 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 6263 <a href="/skin-care-products/collections/lobsidienne/optimizing-dha-bronzer" title="Learn more about Optimizing DHA Bronzer" class="block w-full"> 6264 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 6265 </a> 6266 <button 6267 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 6268 data-open-modal="{"name":"L\u2019obsidienne\u2122 Optimizing DHA Bronzer","product_id":101}">
6269 <span>Find nearby</span> 6270 </button> 6271 <span class="hidden" id="product-search-101"><div class="input-state-switcher"> 6272 <div id="id_6ac9631fb1395_input-state-input" class=""> 6273 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 6274 6275 6276 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 6277 6278 <div class="mb-4"> 6279 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fb1395_id-salon-search"> 6280 <div class="relative"> 6281 <button 6282 type="button" 6283 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 6284 id="button-id_6ac9631fb1395_id-salon-search" 6285 aria-label="Search" 6286 > 6287 <span class="inline-grid grid-cols-1"> 6288 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 6289 6290 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 6291 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 6292 <svg aria-hidden="true" role="status" 6293 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 6294 fill="none" xmlns="http://www.w3.org/2000/svg"> 6295 <path 6296 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 6297 fill="#6347AA" /> 6298 <path 6299 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 6300 fill="currentColor" /> 6301 </svg> 6302 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 6303 </span> 6304</span> 6305 6306 </button> 6307 6308 <div class="relative z-10"> 6309 <input 6310 type="text" 6311 id="id_6ac9631fb1395_id-salon-search" 6312 name="salon" 6313 value="" 6314 placeholder="City, State or ZIP..." 6315 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 6316 role="combobox" 6317 aria-expanded="false" 6318 aria-autocomplete="list" 6319 aria-haspopup="listbox" 6320 aria-controls="id_6ac9631fb1395_id-salon-search-listbox" 6321 aria-required="false" 6322 aria-label="Search by city, state or zip" 6323 6324 autocomplete="off" 6325 > 6326 <label for="id_6ac9631fb1395_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
6326parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 6327 Search by city, state or zip 6328 </label> 6329 </div> 6330 6331 <ul 6332 id="id_6ac9631fb1395_id-salon-search-listbox" 6333 role="listbox" 6334 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 6335 aria-label="Search by city, state or zip suggestions" 6336 > 6337 </ul> 6338 </div> 6339 <div id="message-id_6ac9631fb1395_id-salon-search" class="message"></div> 6340</div> 6341 6342 </div> 6343 6344 </div> 6345 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 6346 6347 6348 <p class="prose"> 6349 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fb1395_use-my-location-link"> 6350 <span class="inline-grid grid-cols-1"> 6351 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 6352 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 6353 <svg aria-hidden="true" role="status" 6354 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 6355 fill="none" xmlns="http://www.w3.org/2000/svg"> 6356 <path 6357 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 6358 fill="#6347AA" /> 6359 <path 6360 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 6361 fill="currentColor" /> 6362 </svg> 6363 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 6364 </span> 6365</span> 6366 6367 </button> 6368 </p> 6369 </div> 6370 </div> </div> 6371 <div id="id_6ac9631fb1395_input-state-message" class="mb-4 hidden"> 6372 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 6373 6374 6375 <div class="grid col-span-6 "> 6376 6377 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 6378 6379 </div> 6380 <div class="grid col-span-6 "> 6381 6382 6383 <div class="w-full text-right"> 6384 <button id="id_6ac9631fb1395_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 6385 </div> 6386 </div> 6387 </div> </div> 6388</div> 6389 6390<div id="id_6ac9631fb1395_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 6391 6392<div id="id_6ac9631fb1395_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 6393<div id="id_6ac9631fb1395_selected-salon-placeholder-area" class="opacity-0"> 6394 </div> 6395 6396 6397<!-- Main modal --> 6398 6399 6400</span> 6401 </div> 6402 </div>
6403 </div> 6404 6405 <div data-filter="collection--lobsidienne category--sunbed product_type--intensifiers product_type--wellness productID--102" 6406 class="js-filter__item theme-lobsidienne product--triple-focus-intensifier basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 6407 <div 6408 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 6409 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 6410 <img 6411 src="/image/aabcbeca43ce6862083ddb89ca964a19.webp" 6412 srcset="/image/aabcbeca43ce6862083ddb89ca964a19.webp 1x, /image/[email protected] 2x" 6413 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 6414 alt="Triple Focus Intensifier"> 6415 6416 <h3 class="mb-2 body-large-med-wt md:heading-3"> 6417 <span class="block uppercase labels-large md:eyebrow">Lâobsidienne<sup>â¢</sup></span> 6418 Triple Focus Intensifier 6419 </h3> 6420 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 6421 <p><span style="color: rgb(0, 0, 0);">Silicone-Free Dark Intensifier</span></p> 6422 </div> 6423 </div> 6424 6425 6426 6427 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 6428 <a href="/skin-care-products/collections/lobsidienne/triple-focus-intensifier" title="Learn more about Triple Focus Intensifier" class="block w-full"> 6429 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 6430 </a> 6431 <button 6432 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 6433 data-open-modal="{"name":"L\u2019obsidienne\u2122 Triple Focus Intensifier","product_id":102}"> 6434 <span>Find nearby</span> 6435 </button> 6436 <span class="hidden" id="product-search-102"><div class="input-state-switcher"> 6437 <div id="id_6ac9631fb19b8_input-state-input" class=""> 6438 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 6439 6440 6441 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 6442 6443 <div class="mb-4"> 6444 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fb19b8_id-salon-search"> 6445 <div class="relative"> 6446 <button 6447 type="button" 6448 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 6449 id="button-id_6ac9631fb19b8_id-salon-search" 6450 aria-label="Search" 6451 > 6452 <span class="inline-grid grid-cols-1"> 6453 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 6454 6455 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 6456 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 6457 <svg aria-hidden="true" role="status" 6458 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewB
6458ox="0 0 100 101" 6459 fill="none" xmlns="http://www.w3.org/2000/svg"> 6460 <path 6461 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 6462 fill="#6347AA" /> 6463 <path 6464 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 6465 fill="currentColor" /> 6466 </svg> 6467 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 6468 </span> 6469</span> 6470 6471 </button> 6472 6473 <div class="relative z-10"> 6474 <input 6475 type="text" 6476 id="id_6ac9631fb19b8_id-salon-search" 6477 name="salon" 6478 value="" 6479 placeholder="City, State or ZIP..." 6480 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 6481 role="combobox" 6482 aria-expanded="false" 6483 aria-autocomplete="list" 6484 aria-haspopup="listbox" 6485 aria-controls="id_6ac9631fb19b8_id-salon-search-listbox" 6486 aria-required="false" 6487 aria-label="Search by city, state or zip" 6488 6489 autocomplete="off" 6490 > 6491 <label for="id_6ac9631fb19b8_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 6492 Search by city, state or zip 6493 </label> 6494 </div> 6495 6496 <ul 6497 id="id_6ac9631fb19b8_id-salon-search-listbox" 6498 role="listbox" 6499 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 6500 aria-label="Search by city, state or zip suggestions" 6501 > 6502 </ul> 6503 </div> 6504 <div id="message-id_6ac9631fb19b8_id-salon-search" class="message"></div> 6505</div> 6506 6507 </div> 6508 6509 </div> 6510 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 6511 6512 6513 <p class="prose"> 6514 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fb19b8_use-my-location-link"> 6515 <span class="inline-grid grid-cols-1"> 6516 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 6517 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 6518 <svg aria-hidden="true" role="status" 6519 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewB
6519ox="0 0 100 101" 6520 fill="none" xmlns="http://www.w3.org/2000/svg"> 6521 <path 6522 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 6523 fill="#6347AA" /> 6524 <path 6525 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 6526 fill="currentColor" /> 6527 </svg> 6528 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 6529 </span> 6530</span> 6531 6532 </button> 6533 </p> 6534 </div> 6535 </div> </div> 6536 <div id="id_6ac9631fb19b8_input-state-message" class="mb-4 hidden"> 6537 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 6538 6539 6540 <div class="grid col-span-6 "> 6541 6542 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 6543 6544 </div> 6545 <div class="grid col-span-6 "> 6546 6547 6548 <div class="w-full text-right"> 6549 <button id="id_6ac9631fb19b8_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 6550 </div> 6551 </div> 6552 </div> </div> 6553</div> 6554 6555<div id="id_6ac9631fb19b8_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 6556 6557<div id="id_6ac9631fb19b8_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 6558<div id="id_6ac9631fb19b8_selected-salon-placeholder-area" class="opacity-0"> 6559 </div> 6560 6561 6562<!-- Main modal --> 6563 6564 6565</span> 6566 </div> 6567 </div> 6568 </div> 6569 6570 <div data-filter="collection--lobsidienne category--sunbed category--sunless product_type--extenders productID--105" 6571 class="js-filter__item theme-lobsidienne product--ultra-hydrating-tan-extender basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 6572 <div 6573 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 6574 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 6575 <img 6576 src="/image/f00f536d37a20c1cece6eeed67519a36.webp" 6577 srcset="/image/f00f536d37a20c1cece6eeed67519a36.webp 1x, /image/[email protected] 2x" 6578 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 6579 alt="Ultra-Hydrating Tan Extender"> 6580 6581 <h3 class="mb-2 body-large-med-wt md:heading-3"> 6582 <span class="block uppercase labels-large md:eyebrow">Lâobsidienne<sup>â¢</sup></span> 6583 Ultra-Hydrating Tan Extender 6584 </h3> 6585 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 6586 <p><span style="color: rgb(0, 0, 0);">Luxurious Tan Extending Body Crème</span></p> 6587 </div> 6588 </div> 6589 6590 6591 6592 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 6593 <a href="/skin-care-products/collections/lobsidienne/ultra-hydrating-tan-extender" title="Learn more about Ultra-Hydrating Tan Extender" class="block w-full"> 6594 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 6595 </a> 6596 <button 6597 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 6598 data-open-modal="{"name":"L\u2019obsidienne\u2122 Ultra-Hydrating Tan Extender","product_id":105}">
6599 <span>Find nearby</span> 6600 </button> 6601 <span class="hidden" id="product-search-105"><div class="input-state-switcher"> 6602 <div id="id_6ac9631fb1fc4_input-state-input" class=""> 6603 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 6604 6605 6606 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 6607 6608 <div class="mb-4"> 6609 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fb1fc4_id-salon-search"> 6610 <div class="relative"> 6611 <button 6612 type="button" 6613 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 6614 id="button-id_6ac9631fb1fc4_id-salon-search" 6615 aria-label="Search" 6616 > 6617 <span class="inline-grid grid-cols-1"> 6618 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 6619 6620 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 6621 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 6622 <svg aria-hidden="true" role="status" 6623 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 6624 fill="none" xmlns="http://www.w3.org/2000/svg"> 6625 <path 6626 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 6627 fill="#6347AA" /> 6628 <path 6629 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 6630 fill="currentColor" /> 6631 </svg> 6632 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 6633 </span> 6634</span> 6635 6636 </button> 6637 6638 <div class="relative z-10"> 6639 <input 6640 type="text" 6641 id="id_6ac9631fb1fc4_id-salon-search" 6642 name="salon" 6643 value="" 6644 placeholder="City, State or ZIP..." 6645 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 6646 role="combobox" 6647 aria-expanded="false" 6648 aria-autocomplete="list" 6649 aria-haspopup="listbox" 6650 aria-controls="id_6ac9631fb1fc4_id-salon-search-listbox" 6651 aria-required="false" 6652 aria-label="Search by city, state or zip" 6653 6654 autocomplete="off" 6655 > 6656 <label for="id_6ac9631fb1fc4_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
6656parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 6657 Search by city, state or zip 6658 </label> 6659 </div> 6660 6661 <ul 6662 id="id_6ac9631fb1fc4_id-salon-search-listbox" 6663 role="listbox" 6664 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 6665 aria-label="Search by city, state or zip suggestions" 6666 > 6667 </ul> 6668 </div> 6669 <div id="message-id_6ac9631fb1fc4_id-salon-search" class="message"></div> 6670</div> 6671 6672 </div> 6673 6674 </div> 6675 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 6676 6677 6678 <p class="prose"> 6679 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fb1fc4_use-my-location-link"> 6680 <span class="inline-grid grid-cols-1"> 6681 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 6682 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 6683 <svg aria-hidden="true" role="status" 6684 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 6685 fill="none" xmlns="http://www.w3.org/2000/svg"> 6686 <path 6687 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 6688 fill="#6347AA" /> 6689 <path 6690 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 6691 fill="currentColor" /> 6692 </svg> 6693 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 6694 </span> 6695</span> 6696 6697 </button> 6698 </p> 6699 </div> 6700 </div> </div> 6701 <div id="id_6ac9631fb1fc4_input-state-message" class="mb-4 hidden"> 6702 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 6703 6704 6705 <div class="grid col-span-6 "> 6706 6707 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 6708 6709 </div> 6710 <div class="grid col-span-6 "> 6711 6712 6713 <div class="w-full text-right"> 6714 <button id="id_6ac9631fb1fc4_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 6715 </div> 6716 </div> 6717 </div> </div> 6718</div> 6719 6720<div id="id_6ac9631fb1fc4_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 6721 6722<div id="id_6ac9631fb1fc4_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 6723<div id="id_6ac9631fb1fc4_selected-salon-placeholder-area" class="opacity-0"> 6724 </div> 6725 6726 6727<!-- Main modal --> 6728 6729 6730</span> 6731 </div> 6732 </div>
6733 </div> 6734 6735 <div data-filter="collection--lobsidiennex category--beauty options--customer-favorites" class="max-w-full js-filter__item basis-full"> 6736 <div class="@container theme-lobsidiennex collection--lobsidiennex"> 6737 <div class="flex items-center justify-between p-4 bg-theme-pastel blur-box--bordered"> 6738 <div class="hidden @4xl:block supports-nocq:xl:block"> 6739 <img src="/pbt/images/logo-premier-collection.svg" alt="Premier Collection" width="190" 6740 height="40" > 6741 </div> 6742 <h2 class="display-mobile-small sm:display-desktop-small text-theme">LâobsidienneX<sup>®</sup></h2> 6743 <a href="/skin-care-products/collections/lobsidiennex" title="See all LâobsidienneX Collection Products" 6744 class="btn btn-gradient btn-theme">Explore<span 6745 class="hidden @4xl:inline-block supports-nocq:xl:inline-block ml-2"> Collection</span></a> 6746 </div> 6747 </div> 6748 </div> 6749 6750 6751 6752 <div data-filter="collection--lobsidiennex category--beauty product_type--face product_type--wellness productID--73 options--customer-favorites" 6753 class="js-filter__item theme-lobsidiennex product--exosome-crme-de-visage basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 6754 <div 6755 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 6756 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 6757 <img 6758 src="/image/1cd226694c79254d47d739cbc2c77e03.webp" 6759 srcset="/image/1cd226694c79254d47d739cbc2c77e03.webp 1x, /image/[email protected] 2x" 6760 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 6761 alt="Exosome Crème de Visage"> 6762 6763 <h3 class="mb-2 body-large-med-wt md:heading-3"> 6764 <span class="block uppercase labels-large md:eyebrow">LâobsidienneX<sup>®</sup></span> 6765 Exosome Crème de Visage 6766 </h3> 6767 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 6768 <p>Highly Activated Daily Facial Crème Powered by Patented, Specially-Tuned Exosomes. </p><p><a href="/wellness/exosomes" rel="noopener noreferrer" target="_blank">Learn more about exosomes</a>.</p> 6769 </div> 6770 </div> 6771 6772 6773 6774 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 6775 <a href="/skin-care-products/collections/lobsidiennex/lobsidiennex-creme-de-visage" title="Learn more about Exosome Crème de Visage" class="block w-full"> 6776 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 6777 </a> 6778 <button 6779 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 6780 data-open-modal="{"name":"L\u2019obsidienneX\u00ae Exosome Cr\u00e8me de Visage","product_id":73}"> 6781 <span>Find nearby</span> 6782 </button> 6783 <span class="hidden" id="product-search-73"><div class="input-state-switcher"> 6784 <div id="id_6ac9631fb612a_input-state-input" class=""> 6785 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 6786 6787
6788 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 6789 6790 <div class="mb-4"> 6791 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fb612a_id-salon-search"> 6792 <div class="relative"> 6793 <button 6794 type="button" 6795 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 6796 id="button-id_6ac9631fb612a_id-salon-search" 6797 aria-label="Search" 6798 > 6799 <span class="inline-grid grid-cols-1"> 6800 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 6801 6802 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 6803 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 6804 <svg aria-hidden="true" role="status" 6805 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 6806 fill="none" xmlns="http://www.w3.org/2000/svg"> 6807 <path 6808 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 6809 fill="#6347AA" /> 6810 <path 6811 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 6812 fill="currentColor" /> 6813 </svg> 6814 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 6815 </span> 6816</span> 6817 6818 </button> 6819 6820 <div class="relative z-10"> 6821 <input 6822 type="text" 6823 id="id_6ac9631fb612a_id-salon-search" 6824 name="salon" 6825 value="" 6826 placeholder="City, State or ZIP..." 6827 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 6828 role="combobox" 6829 aria-expanded="false" 6830 aria-autocomplete="list" 6831 aria-haspopup="listbox" 6832 aria-controls="id_6ac9631fb612a_id-salon-search-listbox" 6833 aria-required="false" 6834 aria-label="Search by city, state or zip" 6835 6836 autocomplete="off" 6837 > 6838 <label for="id_6ac9631fb612a_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
6838parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 6839 Search by city, state or zip 6840 </label> 6841 </div> 6842 6843 <ul 6844 id="id_6ac9631fb612a_id-salon-search-listbox" 6845 role="listbox" 6846 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 6847 aria-label="Search by city, state or zip suggestions" 6848 > 6849 </ul> 6850 </div> 6851 <div id="message-id_6ac9631fb612a_id-salon-search" class="message"></div> 6852</div> 6853 6854 </div> 6855 6856 </div> 6857 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 6858 6859 6860 <p class="prose"> 6861 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fb612a_use-my-location-link"> 6862 <span class="inline-grid grid-cols-1"> 6863 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 6864 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 6865 <svg aria-hidden="true" role="status" 6866 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 6867 fill="none" xmlns="http://www.w3.org/2000/svg"> 6868 <path 6869 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 6870 fill="#6347AA" /> 6871 <path 6872 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 6873 fill="currentColor" /> 6874 </svg> 6875 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 6876 </span> 6877</span> 6878 6879 </button> 6880 </p> 6881 </div> 6882 </div> </div> 6883 <div id="id_6ac9631fb612a_input-state-message" class="mb-4 hidden"> 6884 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 6885 6886 6887 <div class="grid col-span-6 "> 6888 6889 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 6890 6891 </div> 6892 <div class="grid col-span-6 "> 6893 6894 6895 <div class="w-full text-right"> 6896 <button id="id_6ac9631fb612a_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 6897 </div> 6898 </div> 6899 </div> </div> 6900</div> 6901 6902<div id="id_6ac9631fb612a_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 6903 6904<div id="id_6ac9631fb612a_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 6905<div id="id_6ac9631fb612a_selected-salon-placeholder-area" class="opacity-0"> 6906 </div> 6907 6908 6909<!-- Main modal --> 6910 6911 6912</span> 6913 </div> 6914 <div class="absolute -top-2 -right-2 z-10 scale-75 transition-all group-hover:scale-100 group-hover:rotate-12"> 6915 <img 6916 src="/image/5ea529c9b7b26fda3b33fbb43e8614c5.webp" 6917 srcset="/image/9491cabe54a292cffec00288d45262d0.webp 56w, 6918/image/8cde78749cde38abb5b5921a26a5aa95.webp 80w,
6919/image/ab4fc07cf869affa960b4f73d40edb3e.webp 96w 6920" 6921 class="relative w-14 xl:w-20 2xl:w-24 object-contain mt-0" sizes="(max-width: 640px) 56px, (min-width: 1280px) 96px, 80px" width="93" height="93" 6922 alt="Customer Favorite"> 6923 6924</div> 6925 </div> 6926 </div> 6927 6928 <div data-filter="collection--lobsidiennex category--beauty product_type--bath-body product_type--extenders product_type--face product_type--wellness productID--96" 6929 class="js-filter__item theme-lobsidiennex product--crme-pour-le-corps-exosome basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 6930 <div 6931 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 6932 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 6933 <img 6934 src="/image/2a0b34880a23e9df13855f1e4b3fee6f.webp" 6935 srcset="/image/2a0b34880a23e9df13855f1e4b3fee6f.webp 1x, /image/[email protected] 2x" 6936 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 6937 alt="Crème Pour le Corps Exosome"> 6938 6939 <h3 class="mb-2 body-large-med-wt md:heading-3"> 6940 <span class="block uppercase labels-large md:eyebrow">LâobsidienneX<sup>®</sup></span> 6941 Crème Pour le Corps Exosome 6942 </h3> 6943 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 6944 <p>Hydration Enhancing, Total Body Formula Featuring Proprietary Exosome Technology. </p><p><a href="/wellness/exosomes" rel="noopener noreferrer" target="_blank">Learn more about exosomes</a>.</p> 6945 </div> 6946 </div> 6947 6948 6949 6950 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 6951 <a href="/skin-care-products/collections/lobsidiennex/creme-pour-le-corps-exosome" title="Learn more about Crème Pour le Corps Exosome" class="block w-full"> 6952 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 6953 </a> 6954 <button 6955 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 6956 data-open-modal="{"name":"L\u2019obsidienneX\u00ae Cr\u00e8me Pour le Corps Exosome","product_id":96}"> 6957 <span>Find nearby</span> 6958 </button> 6959 <span class="hidden" id="product-search-96"><div class="input-state-switcher"> 6960 <div id="id_6ac9631fb6a63_input-state-input" class=""> 6961 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 6962 6963 6964 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 6965 6966 <div class="mb-4"> 6967 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fb6a63_id-salon-search"> 6968 <div class="relative"> 6969 <button 6970 type="button" 6971 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 6972 id="button-id_6ac9631fb6a63_id-salon-search" 6973 aria-label="Search" 6974 > 6975 <span class="inline-grid grid-cols-1"> 6976 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 6977
6978 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 6979 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 6980 <svg aria-hidden="true" role="status" 6981 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 6982 fill="none" xmlns="http://www.w3.org/2000/svg"> 6983 <path 6984 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 6985 fill="#6347AA" /> 6986 <path 6987 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 6988 fill="currentColor" /> 6989 </svg> 6990 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 6991 </span> 6992</span> 6993 6994 </button> 6995 6996 <div class="relative z-10"> 6997 <input 6998 type="text" 6999 id="id_6ac9631fb6a63_id-salon-search" 7000 name="salon" 7001 value="" 7002 placeholder="City, State or ZIP..." 7003 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 7004 role="combobox" 7005 aria-expanded="false" 7006 aria-autocomplete="list" 7007 aria-haspopup="listbox" 7008 aria-controls="id_6ac9631fb6a63_id-salon-search-listbox" 7009 aria-required="false" 7010 aria-label="Search by city, state or zip" 7011 7012 autocomplete="off" 7013 > 7014 <label for="id_6ac9631fb6a63_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 7015 Search by city, state or zip 7016 </label> 7017 </div> 7018 7019 <ul 7020 id="id_6ac9631fb6a63_id-salon-search-listbox" 7021 role="listbox" 7022 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 7023 aria-label="Search by city, state or zip suggestions" 7024 > 7025 </ul> 7026 </div> 7027 <div id="message-id_6ac9631fb6a63_id-salon-search" class="message"></div> 7028</div> 7029 7030 </div> 7031 7032 </div> 7033 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 7034 7035 7036 <p class="prose"> 7037 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fb6a63_use-my-location-link"> 7038 <span class="inline-grid grid-cols-1"> 7039 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
7039<path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 7040 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 7041 <svg aria-hidden="true" role="status" 7042 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 7043 fill="none" xmlns="http://www.w3.org/2000/svg"> 7044 <path 7045 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 7046 fill="#6347AA" /> 7047 <path 7048 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 7049 fill="currentColor" /> 7050 </svg> 7051 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 7052 </span> 7053</span> 7054 7055 </button> 7056 </p> 7057 </div> 7058 </div> </div> 7059 <div id="id_6ac9631fb6a63_input-state-message" class="mb-4 hidden"> 7060 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 7061 7062 7063 <div class="grid col-span-6 "> 7064 7065 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 7066 7067 </div> 7068 <div class="grid col-span-6 "> 7069 7070 7071 <div class="w-full text-right"> 7072 <button id="id_6ac9631fb6a63_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 7073 </div> 7074 </div> 7075 </div> </div> 7076</div> 7077 7078<div id="id_6ac9631fb6a63_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 7079 7080<div id="id_6ac9631fb6a63_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 7081<div id="id_6ac9631fb6a63_selected-salon-placeholder-area" class="opacity-0"> 7082 </div> 7083 7084 7085<!-- Main modal --> 7086 7087 7088</span> 7089 </div> 7090 </div> 7091 </div> 7092 7093 <div data-filter="collection--lobsidiennex category--beauty product_type--face product_type--wellness productID--94" 7094 class="js-filter__item theme-lobsidiennex product--serum-exosome-acide-hyaluronique-xsup7sup basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 7095 <div 7096 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 7097 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 7098 <img 7099 src="/image/dc4cbd2a6b12304557df373a220a05d8.webp" 7100 srcset="/image/dc4cbd2a6b12304557df373a220a05d8.webp 1x, /image/[email protected] 2x" 7101 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 7102 alt="Serum Exosome Acide Hyaluronique X<sup>7</sup>"> 7103 7104 <h3 class="mb-2 body-large-med-wt md:heading-3">
7105 <span class="block uppercase labels-large md:eyebrow">LâobsidienneX<sup>®</sup></span> 7106 Serum Exosome Acide Hyaluronique X<sup>7</sup> 7107 </h3> 7108 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 7109 <p>Luxurious Serum Formulated with a Blend of Seven Different Weights of Hyaluronic Acid, Integrated with Exosome Technology to Deliver Deep and Comprehensive Hydration. </p><p><a href="/wellness/exosomes" rel="noopener noreferrer" target="_blank">Learn more about exosomes</a>.</p> 7110 </div> 7111 </div> 7112 7113 7114 7115 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 7116 <a href="/skin-care-products/collections/lobsidiennex/serum-exosome-acide-hyaluronique-x7" title="Learn more about Serum Exosome Acide Hyaluronique X<sup>7</sup>" class="block w-full"> 7117 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 7118 </a> 7119 <button 7120 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 7121 data-open-modal="{"name":"L\u2019obsidienneX\u00ae Serum Exosome Acide Hyaluronique X<sup>7<\/sup>","product_id":94}"> 7122 <span>Find nearby</span> 7123 </button> 7124 <span class="hidden" id="product-search-94"><div class="input-state-switcher"> 7125 <div id="id_6ac9631fb70b6_input-state-input" class=""> 7126 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 7127 7128 7129 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 7130 7131 <div class="mb-4"> 7132 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fb70b6_id-salon-search"> 7133 <div class="relative"> 7134 <button 7135 type="button" 7136 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 7137 id="button-id_6ac9631fb70b6_id-salon-search" 7138 aria-label="Search" 7139 > 7140 <span class="inline-grid grid-cols-1"> 7141 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 7142 7143 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 7144 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 7145 <svg aria-hidden="true" role="status" 7146 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 7147 fill="none" xmlns="http://www.w3.org/2000/svg"> 7148 <path 7149 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 7150 fill="#6347AA" /> 7151 <path 7152 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
71521071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 7153 fill="currentColor" /> 7154 </svg> 7155 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 7156 </span> 7157</span> 7158 7159 </button> 7160 7161 <div class="relative z-10"> 7162 <input 7163 type="text" 7164 id="id_6ac9631fb70b6_id-salon-search" 7165 name="salon" 7166 value="" 7167 placeholder="City, State or ZIP..." 7168 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 7169 role="combobox" 7170 aria-expanded="false" 7171 aria-autocomplete="list" 7172 aria-haspopup="listbox" 7173 aria-controls="id_6ac9631fb70b6_id-salon-search-listbox" 7174 aria-required="false" 7175 aria-label="Search by city, state or zip" 7176 7177 autocomplete="off" 7178 > 7179 <label for="id_6ac9631fb70b6_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 7180 Search by city, state or zip 7181 </label> 7182 </div> 7183 7184 <ul 7185 id="id_6ac9631fb70b6_id-salon-search-listbox" 7186 role="listbox" 7187 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 7188 aria-label="Search by city, state or zip suggestions" 7189 > 7190 </ul> 7191 </div> 7192 <div id="message-id_6ac9631fb70b6_id-salon-search" class="message"></div> 7193</div> 7194 7195 </div> 7196 7197 </div> 7198 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 7199 7200 7201 <p class="prose"> 7202 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fb70b6_use-my-location-link"> 7203 <span class="inline-grid grid-cols-1"> 7204 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 7205 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 7206 <svg aria-hidden="true" role="status" 7207 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 7208 fill="none" xmlns="http://www.w3.org/2000/svg"> 7209 <path 7210 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 7211 fill="#6347AA" /> 7212 <path 7213 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
72131071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 7214 fill="currentColor" /> 7215 </svg> 7216 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 7217 </span> 7218</span> 7219 7220 </button> 7221 </p> 7222 </div> 7223 </div> </div> 7224 <div id="id_6ac9631fb70b6_input-state-message" class="mb-4 hidden"> 7225 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 7226 7227 7228 <div class="grid col-span-6 "> 7229 7230 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 7231 7232 </div> 7233 <div class="grid col-span-6 "> 7234 7235 7236 <div class="w-full text-right"> 7237 <button id="id_6ac9631fb70b6_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 7238 </div> 7239 </div> 7240 </div> </div> 7241</div> 7242 7243<div id="id_6ac9631fb70b6_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 7244 7245<div id="id_6ac9631fb70b6_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 7246<div id="id_6ac9631fb70b6_selected-salon-placeholder-area" class="opacity-0"> 7247 </div> 7248 7249 7250<!-- Main modal --> 7251 7252 7253</span> 7254 </div> 7255 </div> 7256 </div> 7257 7258 <div data-filter="collection--lobsidiennex category--beauty product_type--face product_type--wellness productID--93" 7259 class="js-filter__item theme-lobsidiennex product--serum-exosome-vitamine-cxsup3sup basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 7260 <div 7261 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 7262 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 7263 <img 7264 src="/image/233ff741aba2cdd30a3b1a0ea9d6b4f8.webp" 7265 srcset="/image/233ff741aba2cdd30a3b1a0ea9d6b4f8.webp 1x, /image/[email protected] 2x" 7266 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 7267 alt="Serum Exosome Vitamine CX<sup>3</sup>"> 7268 7269 <h3 class="mb-2 body-large-med-wt md:heading-3"> 7270 <span class="block uppercase labels-large md:eyebrow">LâobsidienneX<sup>®</sup></span> 7271 Serum Exosome Vitamine CX<sup>3</sup> 7272 </h3> 7273 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 7274 <p>Supercharged Serum Powered by Exosomes and Three Potent Forms of Vitamin C. </p><p><a href="/wellness/exosomes" rel="noopener noreferrer" target="_blank">Learn more about exosomes</a>.</p> 7275 </div> 7276 </div> 7277 7278 7279 7280 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 7281 <a href="/skin-care-products/collections/lobsidiennex/serum-exosome-vitamine-cx3" title="Learn more about Serum Exosome Vitamine CX<sup>3</sup>" class="block w-full"> 7282 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 7283 </a> 7284 <button 7285 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 7286 data-open-modal="{"name":"L\u2019obsidienneX\u00ae Serum Exosome Vitamine CX<sup>3<\/sup>","product_id":93}">
7287 <span>Find nearby</span> 7288 </button> 7289 <span class="hidden" id="product-search-93"><div class="input-state-switcher"> 7290 <div id="id_6ac9631fb76c6_input-state-input" class=""> 7291 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 7292 7293 7294 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 7295 7296 <div class="mb-4"> 7297 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fb76c6_id-salon-search"> 7298 <div class="relative"> 7299 <button 7300 type="button" 7301 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 7302 id="button-id_6ac9631fb76c6_id-salon-search" 7303 aria-label="Search" 7304 > 7305 <span class="inline-grid grid-cols-1"> 7306 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 7307 7308 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 7309 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 7310 <svg aria-hidden="true" role="status" 7311 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 7312 fill="none" xmlns="http://www.w3.org/2000/svg"> 7313 <path 7314 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 7315 fill="#6347AA" /> 7316 <path 7317 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 7318 fill="currentColor" /> 7319 </svg> 7320 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 7321 </span> 7322</span> 7323 7324 </button> 7325 7326 <div class="relative z-10"> 7327 <input 7328 type="text" 7329 id="id_6ac9631fb76c6_id-salon-search" 7330 name="salon" 7331 value="" 7332 placeholder="City, State or ZIP..." 7333 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 7334 role="combobox" 7335 aria-expanded="false" 7336 aria-autocomplete="list" 7337 aria-haspopup="listbox" 7338 aria-controls="id_6ac9631fb76c6_id-salon-search-listbox" 7339 aria-required="false" 7340 aria-label="Search by city, state or zip" 7341 7342 autocomplete="off" 7343 > 7344 <label for="id_6ac9631fb76c6_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
7344parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 7345 Search by city, state or zip 7346 </label> 7347 </div> 7348 7349 <ul 7350 id="id_6ac9631fb76c6_id-salon-search-listbox" 7351 role="listbox" 7352 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 7353 aria-label="Search by city, state or zip suggestions" 7354 > 7355 </ul> 7356 </div> 7357 <div id="message-id_6ac9631fb76c6_id-salon-search" class="message"></div> 7358</div> 7359 7360 </div> 7361 7362 </div> 7363 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 7364 7365 7366 <p class="prose"> 7367 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fb76c6_use-my-location-link"> 7368 <span class="inline-grid grid-cols-1"> 7369 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 7370 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 7371 <svg aria-hidden="true" role="status" 7372 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 7373 fill="none" xmlns="http://www.w3.org/2000/svg"> 7374 <path 7375 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 7376 fill="#6347AA" /> 7377 <path 7378 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 7379 fill="currentColor" /> 7380 </svg> 7381 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 7382 </span> 7383</span> 7384 7385 </button> 7386 </p> 7387 </div> 7388 </div> </div> 7389 <div id="id_6ac9631fb76c6_input-state-message" class="mb-4 hidden"> 7390 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 7391 7392 7393 <div class="grid col-span-6 "> 7394 7395 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 7396 7397 </div> 7398 <div class="grid col-span-6 "> 7399 7400 7401 <div class="w-full text-right"> 7402 <button id="id_6ac9631fb76c6_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 7403 </div> 7404 </div> 7405 </div> </div> 7406</div> 7407 7408<div id="id_6ac9631fb76c6_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 7409 7410<div id="id_6ac9631fb76c6_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 7411<div id="id_6ac9631fb76c6_selected-salon-placeholder-area" class="opacity-0"> 7412 </div> 7413 7414 7415<!-- Main modal --> 7416 7417 7418</span> 7419 </div> 7420 </div>
7421 </div> 7422 7423 <div data-filter="collection--lobsidiennex category--beauty product_type--bath-body product_type--face product_type--wellness productID--95" 7424 class="js-filter__item theme-lobsidiennex product--traitement-aprs-soleil-exosomes basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 7425 <div 7426 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 7427 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 7428 <img 7429 src="/image/acc1cbb395a1705b3435f6b54a982da1.webp" 7430 srcset="/image/acc1cbb395a1705b3435f6b54a982da1.webp 1x, /image/[email protected] 2x" 7431 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 7432 alt="Traitement Après Soleil Exosomes"> 7433 7434 <h3 class="mb-2 body-large-med-wt md:heading-3"> 7435 <span class="block uppercase labels-large md:eyebrow">LâobsidienneX<sup>®</sup></span> 7436 Traitement Après Soleil Exosomes 7437 </h3> 7438 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 7439 <p>Irritation and Redness Soothing Treatment, Powered by Dual, Patented Exosome Technologies. </p><p><a href="/wellness/exosomes" rel="noopener noreferrer" target="_blank">Learn more about exosomes</a>.</p> 7440 </div> 7441 </div> 7442 7443 7444 7445 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 7446 <a href="/skin-care-products/collections/lobsidiennex/traitement-apres-soleil-exosomes" title="Learn more about Traitement Après Soleil Exosomes" class="block w-full"> 7447 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 7448 </a> 7449 <button 7450 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 7451 data-open-modal="{"name":"L\u2019obsidienneX\u00ae Traitement Apr\u00e8s Soleil Exosomes","product_id":95}"> 7452 <span>Find nearby</span> 7453 </button> 7454 <span class="hidden" id="product-search-95"><div class="input-state-switcher"> 7455 <div id="id_6ac9631fb7d18_input-state-input" class=""> 7456 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 7457 7458 7459 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 7460 7461 <div class="mb-4"> 7462 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fb7d18_id-salon-search"> 7463 <div class="relative"> 7464 <button 7465 type="button" 7466 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 7467 id="button-id_6ac9631fb7d18_id-salon-search" 7468 aria-label="Search" 7469 > 7470 <span class="inline-grid grid-cols-1"> 7471 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 7472
7473 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 7474 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 7475 <svg aria-hidden="true" role="status" 7476 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 7477 fill="none" xmlns="http://www.w3.org/2000/svg"> 7478 <path 7479 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 7480 fill="#6347AA" /> 7481 <path 7482 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 7483 fill="currentColor" /> 7484 </svg> 7485 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 7486 </span> 7487</span> 7488 7489 </button> 7490 7491 <div class="relative z-10"> 7492 <input 7493 type="text" 7494 id="id_6ac9631fb7d18_id-salon-search" 7495 name="salon" 7496 value="" 7497 placeholder="City, State or ZIP..." 7498 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 7499 role="combobox" 7500 aria-expanded="false" 7501 aria-autocomplete="list" 7502 aria-haspopup="listbox" 7503 aria-controls="id_6ac9631fb7d18_id-salon-search-listbox" 7504 aria-required="false" 7505 aria-label="Search by city, state or zip" 7506 7507 autocomplete="off" 7508 > 7509 <label for="id_6ac9631fb7d18_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 7510 Search by city, state or zip 7511 </label> 7512 </div> 7513 7514 <ul 7515 id="id_6ac9631fb7d18_id-salon-search-listbox" 7516 role="listbox" 7517 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 7518 aria-label="Search by city, state or zip suggestions" 7519 > 7520 </ul> 7521 </div> 7522 <div id="message-id_6ac9631fb7d18_id-salon-search" class="message"></div> 7523</div> 7524 7525 </div> 7526 7527 </div> 7528 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 7529 7530 7531 <p class="prose"> 7532 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fb7d18_use-my-location-link"> 7533 <span class="inline-grid grid-cols-1"> 7534 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
7534<path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 7535 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 7536 <svg aria-hidden="true" role="status" 7537 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 7538 fill="none" xmlns="http://www.w3.org/2000/svg"> 7539 <path 7540 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 7541 fill="#6347AA" /> 7542 <path 7543 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 7544 fill="currentColor" /> 7545 </svg> 7546 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 7547 </span> 7548</span> 7549 7550 </button> 7551 </p> 7552 </div> 7553 </div> </div> 7554 <div id="id_6ac9631fb7d18_input-state-message" class="mb-4 hidden"> 7555 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 7556 7557 7558 <div class="grid col-span-6 "> 7559 7560 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 7561 7562 </div> 7563 <div class="grid col-span-6 "> 7564 7565 7566 <div class="w-full text-right"> 7567 <button id="id_6ac9631fb7d18_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 7568 </div> 7569 </div> 7570 </div> </div> 7571</div> 7572 7573<div id="id_6ac9631fb7d18_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 7574 7575<div id="id_6ac9631fb7d18_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 7576<div id="id_6ac9631fb7d18_selected-salon-placeholder-area" class="opacity-0"> 7577 </div> 7578 7579 7580<!-- Main modal --> 7581 7582 7583</span> 7584 </div> 7585 </div> 7586 </div> 7587 7588 <div data-filter="collection--x-fortify-hair-lobsidiennex category--beauty" class="max-w-full js-filter__item basis-full"> 7589 <div class="@container theme-x-fortify-hair-lobsidiennex collection--x-fortify-hair-lobsidiennex"> 7590 <div class="flex items-center justify-between p-4 bg-theme-pastel blur-box--bordered"> 7591 <div class="hidden @4xl:block supports-nocq:xl:block"> 7592 <img src="/pbt/images/logo-premier-collection.svg" alt="Premier Collection" width="190" 7593 height="40" > 7594 </div> 7595 <h2 class="display-mobile-small sm:display-desktop-small text-theme">LâobsidienneX<sup>®</sup> X-FORTIFY<sup>â¢</sup></h2> 7596 <a href="/skin-care-products/collections/x-fortify-hair-lobsidiennex" title="See all X-FORTIFY Hair - LâobsidienneX Collection Products" 7597 class="btn btn-gradient btn-theme">Explore<span 7598 class="hidden @4xl:inline-block supports-nocq:xl:inline-block ml-2"> Collection</span></a> 7599 </div>
7600 </div> 7601 </div> 7602 7603 7604 7605 <div data-filter="collection--x-fortify-hair-lobsidiennex category--beauty product_type--hair product_type--wellness productID--99" 7606 class="js-filter__item theme-x-fortify-hair-lobsidiennex product--daily-follicle-sustaining-mist-with-exosomes basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 7607 <div 7608 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 7609 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 7610 <img 7611 src="/image/012a3d7bfc06fdd6c5af4d9c9974cae4.webp" 7612 srcset="/image/012a3d7bfc06fdd6c5af4d9c9974cae4.webp 1x, /image/[email protected] 2x" 7613 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 7614 alt="Daily Follicle Sustaining Mist with Exosomes"> 7615 7616 <h3 class="mb-2 body-large-med-wt md:heading-3"> 7617 <span class="block uppercase labels-large md:eyebrow">LâobsidienneX<sup>®</sup> X-FORTIFY<sup>â¢</sup></span> 7618 Daily Follicle Sustaining Mist with Exosomes 7619 </h3> 7620 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 7621 <p><span style="color: rgb(0, 0, 0);">Lightweight daily treatment with plant-based exosomes and nutrients to balance scalp, fortify follicles, and reduce thinning for healthier, fuller-looking hair.</span></p> 7622 </div> 7623 </div> 7624 7625 7626 7627 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 7628 <a href="/skin-care-products/collections/x-fortify-hair-lobsidiennex/daily-follicle-sustaining-mist-with-exosomes" title="Learn more about Daily Follicle Sustaining Mist with Exosomes" class="block w-full"> 7629 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 7630 </a> 7631 <button 7632 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 7633 data-open-modal="{"name":"L\u2019obsidienneX\u00ae X-FORTIFY\u2122 Daily Follicle Sustaining Mist with Exosomes","product_id":99}"> 7634 <span>Find nearby</span> 7635 </button> 7636 <span class="hidden" id="product-search-99"><div class="input-state-switcher"> 7637 <div id="id_6ac9631fbbcf6_input-state-input" class=""> 7638 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 7639 7640 7641 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 7642 7643 <div class="mb-4"> 7644 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fbbcf6_id-salon-search"> 7645 <div class="relative"> 7646 <button 7647 type="button" 7648 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 7649 id="button-id_6ac9631fbbcf6_id-salon-search" 7650 aria-label="Search" 7651 > 7652 <span class="inline-grid grid-cols-1"> 7653 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 7654
7655 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 7656 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 7657 <svg aria-hidden="true" role="status" 7658 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 7659 fill="none" xmlns="http://www.w3.org/2000/svg"> 7660 <path 7661 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 7662 fill="#6347AA" /> 7663 <path 7664 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 7665 fill="currentColor" /> 7666 </svg> 7667 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 7668 </span> 7669</span> 7670 7671 </button> 7672 7673 <div class="relative z-10"> 7674 <input 7675 type="text" 7676 id="id_6ac9631fbbcf6_id-salon-search" 7677 name="salon" 7678 value="" 7679 placeholder="City, State or ZIP..." 7680 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 7681 role="combobox" 7682 aria-expanded="false" 7683 aria-autocomplete="list" 7684 aria-haspopup="listbox" 7685 aria-controls="id_6ac9631fbbcf6_id-salon-search-listbox" 7686 aria-required="false" 7687 aria-label="Search by city, state or zip" 7688 7689 autocomplete="off" 7690 > 7691 <label for="id_6ac9631fbbcf6_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 7692 Search by city, state or zip 7693 </label> 7694 </div> 7695 7696 <ul 7697 id="id_6ac9631fbbcf6_id-salon-search-listbox" 7698 role="listbox" 7699 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 7700 aria-label="Search by city, state or zip suggestions" 7701 > 7702 </ul> 7703 </div> 7704 <div id="message-id_6ac9631fbbcf6_id-salon-search" class="message"></div> 7705</div> 7706 7707 </div> 7708 7709 </div> 7710 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 7711 7712 7713 <p class="prose"> 7714 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fbbcf6_use-my-location-link"> 7715 <span class="inline-grid grid-cols-1"> 7716 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
7716<path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 7717 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 7718 <svg aria-hidden="true" role="status" 7719 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 7720 fill="none" xmlns="http://www.w3.org/2000/svg"> 7721 <path 7722 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 7723 fill="#6347AA" /> 7724 <path 7725 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 7726 fill="currentColor" /> 7727 </svg> 7728 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 7729 </span> 7730</span> 7731 7732 </button> 7733 </p> 7734 </div> 7735 </div> </div> 7736 <div id="id_6ac9631fbbcf6_input-state-message" class="mb-4 hidden"> 7737 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 7738 7739 7740 <div class="grid col-span-6 "> 7741 7742 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 7743 7744 </div> 7745 <div class="grid col-span-6 "> 7746 7747 7748 <div class="w-full text-right"> 7749 <button id="id_6ac9631fbbcf6_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 7750 </div> 7751 </div> 7752 </div> </div> 7753</div> 7754 7755<div id="id_6ac9631fbbcf6_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 7756 7757<div id="id_6ac9631fbbcf6_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 7758<div id="id_6ac9631fbbcf6_selected-salon-placeholder-area" class="opacity-0"> 7759 </div> 7760 7761 7762<!-- Main modal --> 7763 7764 7765</span> 7766 </div> 7767 </div> 7768 </div> 7769 7770 <div data-filter="collection--x-fortify-hair-lobsidiennex category--beauty product_type--hair product_type--wellness productID--98" 7771 class="js-filter__item theme-x-fortify-hair-lobsidiennex product--follicle-stimulating-serum-with-exosomes basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 7772 <div 7773 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 7774 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 7775 <img 7776 src="/image/964380e282c2f3ab12efecc41d238019.webp" 7777 srcset="/image/964380e282c2f3ab12efecc41d238019.webp 1x, /image/[email protected] 2x" 7778 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 7779 alt="Follicle Stimulating Serum with Exosomes"> 7780 7781 <h3 class="mb-2 body-large-med-wt md:heading-3">
7782 <span class="block uppercase labels-large md:eyebrow">LâobsidienneX<sup>®</sup> X-FORTIFY<sup>â¢</sup></span> 7783 Follicle Stimulating Serum with Exosomes 7784 </h3> 7785 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 7786 <p><span style="color: rgb(0, 0, 0);">Powerful dual exosome-infused serum with growth factors and peptides that reactivate follicles, strengthen roots, and promote faster, healthier hair growth from the scalp up.</span></p> 7787 </div> 7788 </div> 7789 7790 7791 7792 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 7793 <a href="/skin-care-products/collections/x-fortify-hair-lobsidiennex/follicle-stimulating-serum-with-exosomes" title="Learn more about Follicle Stimulating Serum with Exosomes" class="block w-full"> 7794 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 7795 </a> 7796 <button 7797 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 7798 data-open-modal="{"name":"L\u2019obsidienneX\u00ae X-FORTIFY\u2122 Follicle Stimulating Serum with Exosomes","product_id":98}"> 7799 <span>Find nearby</span> 7800 </button> 7801 <span class="hidden" id="product-search-98"><div class="input-state-switcher"> 7802 <div id="id_6ac9631fbc367_input-state-input" class=""> 7803 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 7804 7805 7806 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 7807 7808 <div class="mb-4"> 7809 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fbc367_id-salon-search"> 7810 <div class="relative"> 7811 <button 7812 type="button" 7813 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 7814 id="button-id_6ac9631fbc367_id-salon-search" 7815 aria-label="Search" 7816 > 7817 <span class="inline-grid grid-cols-1"> 7818 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 7819 7820 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 7821 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 7822 <svg aria-hidden="true" role="status" 7823 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 7824 fill="none" xmlns="http://www.w3.org/2000/svg"> 7825 <path 7826 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 7827 fill="#6347AA" /> 7828 <path 7829 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
78291071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 7830 fill="currentColor" /> 7831 </svg> 7832 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 7833 </span> 7834</span> 7835 7836 </button> 7837 7838 <div class="relative z-10"> 7839 <input 7840 type="text" 7841 id="id_6ac9631fbc367_id-salon-search" 7842 name="salon" 7843 value="" 7844 placeholder="City, State or ZIP..." 7845 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 7846 role="combobox" 7847 aria-expanded="false" 7848 aria-autocomplete="list" 7849 aria-haspopup="listbox" 7850 aria-controls="id_6ac9631fbc367_id-salon-search-listbox" 7851 aria-required="false" 7852 aria-label="Search by city, state or zip" 7853 7854 autocomplete="off" 7855 > 7856 <label for="id_6ac9631fbc367_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 7857 Search by city, state or zip 7858 </label> 7859 </div> 7860 7861 <ul 7862 id="id_6ac9631fbc367_id-salon-search-listbox" 7863 role="listbox" 7864 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 7865 aria-label="Search by city, state or zip suggestions" 7866 > 7867 </ul> 7868 </div> 7869 <div id="message-id_6ac9631fbc367_id-salon-search" class="message"></div> 7870</div> 7871 7872 </div> 7873 7874 </div> 7875 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 7876 7877 7878 <p class="prose"> 7879 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fbc367_use-my-location-link"> 7880 <span class="inline-grid grid-cols-1"> 7881 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 7882 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 7883 <svg aria-hidden="true" role="status" 7884 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 7885 fill="none" xmlns="http://www.w3.org/2000/svg"> 7886 <path 7887 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 7888 fill="#6347AA" /> 7889 <path 7890 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
78901071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 7891 fill="currentColor" /> 7892 </svg> 7893 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 7894 </span> 7895</span> 7896 7897 </button> 7898 </p> 7899 </div> 7900 </div> </div> 7901 <div id="id_6ac9631fbc367_input-state-message" class="mb-4 hidden"> 7902 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 7903 7904 7905 <div class="grid col-span-6 "> 7906 7907 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 7908 7909 </div> 7910 <div class="grid col-span-6 "> 7911 7912 7913 <div class="w-full text-right"> 7914 <button id="id_6ac9631fbc367_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 7915 </div> 7916 </div> 7917 </div> </div> 7918</div> 7919 7920<div id="id_6ac9631fbc367_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 7921 7922<div id="id_6ac9631fbc367_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 7923<div id="id_6ac9631fbc367_selected-salon-placeholder-area" class="opacity-0"> 7924 </div> 7925 7926 7927<!-- Main modal --> 7928 7929 7930</span> 7931 </div> 7932 </div> 7933 </div> 7934 7935 <div data-filter="collection--x-fortify-hair-lobsidiennex category--beauty product_type--hair product_type--wellness productID--97" 7936 class="js-filter__item theme-x-fortify-hair-lobsidiennex product--red-light-led-hairbrush basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 7937 <div 7938 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 7939 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 7940 <img 7941 src="/image/bb25a04c6c93df0bfdd3b7b720884b86.webp" 7942 srcset="/image/bb25a04c6c93df0bfdd3b7b720884b86.webp 1x, /image/[email protected] 2x" 7943 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 7944 alt="Red Light LED Hairbrush"> 7945 7946 <h3 class="mb-2 body-large-med-wt md:heading-3"> 7947 <span class="block uppercase labels-large md:eyebrow">LâobsidienneX<sup>®</sup> X-FORTIFY<sup>â¢</sup></span> 7948 Red Light LED Hairbrush 7949 </h3> 7950 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 7951 <p><span style="color: rgb(0, 0, 0);">FDA-cleared red light technology with gentle vibration to boost circulation, energize follicles, and enhance scalp health for visibly stronger, fuller hair.</span></p> 7952 </div> 7953 </div> 7954 7955 7956 7957 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 7958 <a href="/skin-care-products/collections/x-fortify-hair-lobsidiennex/red-light-led-hairbrush" title="Learn more about Red Light LED Hairbrush" class="block w-full"> 7959 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 7960 </a> 7961 <button 7962 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 7963 data-open-modal="{"name":"L\u2019obsidienneX\u00ae X-FORTIFY\u2122 Red Light LED Hairbrush","product_id":97}">
7964 <span>Find nearby</span> 7965 </button> 7966 <span class="hidden" id="product-search-97"><div class="input-state-switcher"> 7967 <div id="id_6ac9631fbc9ea_input-state-input" class=""> 7968 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 7969 7970 7971 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 7972 7973 <div class="mb-4"> 7974 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fbc9ea_id-salon-search"> 7975 <div class="relative"> 7976 <button 7977 type="button" 7978 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 7979 id="button-id_6ac9631fbc9ea_id-salon-search" 7980 aria-label="Search" 7981 > 7982 <span class="inline-grid grid-cols-1"> 7983 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 7984 7985 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 7986 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 7987 <svg aria-hidden="true" role="status" 7988 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 7989 fill="none" xmlns="http://www.w3.org/2000/svg"> 7990 <path 7991 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 7992 fill="#6347AA" /> 7993 <path 7994 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 7995 fill="currentColor" /> 7996 </svg> 7997 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 7998 </span> 7999</span> 8000 8001 </button> 8002 8003 <div class="relative z-10"> 8004 <input 8005 type="text" 8006 id="id_6ac9631fbc9ea_id-salon-search" 8007 name="salon" 8008 value="" 8009 placeholder="City, State or ZIP..." 8010 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 8011 role="combobox" 8012 aria-expanded="false" 8013 aria-autocomplete="list" 8014 aria-haspopup="listbox" 8015 aria-controls="id_6ac9631fbc9ea_id-salon-search-listbox" 8016 aria-required="false" 8017 aria-label="Search by city, state or zip" 8018 8019 autocomplete="off" 8020 > 8021 <label for="id_6ac9631fbc9ea_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
8021parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 8022 Search by city, state or zip 8023 </label> 8024 </div> 8025 8026 <ul 8027 id="id_6ac9631fbc9ea_id-salon-search-listbox" 8028 role="listbox" 8029 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 8030 aria-label="Search by city, state or zip suggestions" 8031 > 8032 </ul> 8033 </div> 8034 <div id="message-id_6ac9631fbc9ea_id-salon-search" class="message"></div> 8035</div> 8036 8037 </div> 8038 8039 </div> 8040 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 8041 8042 8043 <p class="prose"> 8044 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fbc9ea_use-my-location-link"> 8045 <span class="inline-grid grid-cols-1"> 8046 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 8047 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 8048 <svg aria-hidden="true" role="status" 8049 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 8050 fill="none" xmlns="http://www.w3.org/2000/svg"> 8051 <path 8052 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 8053 fill="#6347AA" /> 8054 <path 8055 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 8056 fill="currentColor" /> 8057 </svg> 8058 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 8059 </span> 8060</span> 8061 8062 </button> 8063 </p> 8064 </div> 8065 </div> </div> 8066 <div id="id_6ac9631fbc9ea_input-state-message" class="mb-4 hidden"> 8067 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 8068 8069 8070 <div class="grid col-span-6 "> 8071 8072 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 8073 8074 </div> 8075 <div class="grid col-span-6 "> 8076 8077 8078 <div class="w-full text-right"> 8079 <button id="id_6ac9631fbc9ea_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 8080 </div> 8081 </div> 8082 </div> </div> 8083</div> 8084 8085<div id="id_6ac9631fbc9ea_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 8086 8087<div id="id_6ac9631fbc9ea_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 8088<div id="id_6ac9631fbc9ea_selected-salon-placeholder-area" class="opacity-0"> 8089 </div> 8090 8091 8092<!-- Main modal --> 8093 8094 8095</span> 8096 </div> 8097 </div>
8098 </div> 8099 8100 <div data-filter="collection--lightstim category--beauty" class="max-w-full js-filter__item basis-full"> 8101 <div class="@container theme-lightstim collection--lightstim"> 8102 <div class="flex items-center justify-between p-4 bg-theme-pastel blur-box--bordered"> 8103 <div class="hidden @4xl:block supports-nocq:xl:block"> 8104 <img src="/pbt/images/logo-premier-collection.svg" alt="Premier Collection" width="190" 8105 height="40" > 8106 </div> 8107 <h2 class="display-mobile-small sm:display-desktop-small text-theme">LightStim</h2> 8108 <a href="/skin-care-products/collections/lightstim" title="See all LightStim Collection Products" 8109 class="btn btn-gradient btn-theme">Explore<span 8110 class="hidden @4xl:inline-block supports-nocq:xl:inline-block ml-2"> Collection</span></a> 8111 </div> 8112 </div> 8113 </div> 8114 8115 8116 8117 <div data-filter="collection--lightstim category--beauty product_type--bath-body product_type--wellness productID--80" 8118 class="js-filter__item theme-lightstim product--acne basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 8119 <div 8120 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 8121 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 8122 <img 8123 src="/image/0b3e1ec7cb2c00c0488f754e5501fcf9.webp" 8124 srcset="/image/0b3e1ec7cb2c00c0488f754e5501fcf9.webp 1x, /image/[email protected] 2x" 8125 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 8126 alt="Acne"> 8127 8128 <h3 class="mb-2 body-large-med-wt md:heading-3"> 8129 <span class="block uppercase labels-large md:eyebrow">LightStim</span> 8130 Acne 8131 </h3> 8132 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 8133 <p>A UV-free light therapy device drawing on blue and red wavelengths to clear existing breakouts, extinguish acne-causing bacteria and soothe skin.</p> 8134 </div> 8135 </div> 8136 8137 8138 8139 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 8140 <a href="/skin-care-products/collections/lightstim/handheld-acne" title="Learn more about Acne" class="block w-full"> 8141 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 8142 </a> 8143 <button 8144 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 8145 data-open-modal="{"name":"LightStim Acne","product_id":80}"> 8146 <span>Find nearby</span> 8147 </button> 8148 <span class="hidden" id="product-search-80"><div class="input-state-switcher"> 8149 <div id="id_6ac9631fc0b62_input-state-input" class=""> 8150 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 8151 8152 8153 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 8154 8155 <div class="mb-4"> 8156 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fc0b62_id-salon-search"> 8157 <div class="relative"> 8158 <button 8159 type="button" 8160 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 8161 id="button-id_6ac9631fc0b62_id-salon-search" 8162 aria-label="Search" 8163 >
8164 <span class="inline-grid grid-cols-1"> 8165 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 8166 8167 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 8168 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 8169 <svg aria-hidden="true" role="status" 8170 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 8171 fill="none" xmlns="http://www.w3.org/2000/svg"> 8172 <path 8173 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 8174 fill="#6347AA" /> 8175 <path 8176 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 8177 fill="currentColor" /> 8178 </svg> 8179 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 8180 </span> 8181</span> 8182 8183 </button> 8184 8185 <div class="relative z-10"> 8186 <input 8187 type="text" 8188 id="id_6ac9631fc0b62_id-salon-search" 8189 name="salon" 8190 value="" 8191 placeholder="City, State or ZIP..." 8192 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 8193 role="combobox" 8194 aria-expanded="false" 8195 aria-autocomplete="list" 8196 aria-haspopup="listbox" 8197 aria-controls="id_6ac9631fc0b62_id-salon-search-listbox" 8198 aria-required="false" 8199 aria-label="Search by city, state or zip" 8200 8201 autocomplete="off" 8202 > 8203 <label for="id_6ac9631fc0b62_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 8204 Search by city, state or zip 8205 </label> 8206 </div> 8207 8208 <ul 8209 id="id_6ac9631fc0b62_id-salon-search-listbox" 8210 role="listbox" 8211 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 8212 aria-label="Search by city, state or zip suggestions" 8213 > 8214 </ul> 8215 </div> 8216 <div id="message-id_6ac9631fc0b62_id-salon-search" class="message"></div> 8217</div> 8218 8219 </div> 8220 8221 </div>
8222 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 8223 8224 8225 <p class="prose"> 8226 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fc0b62_use-my-location-link"> 8227 <span class="inline-grid grid-cols-1"> 8228 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 8229 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 8230 <svg aria-hidden="true" role="status" 8231 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 8232 fill="none" xmlns="http://www.w3.org/2000/svg"> 8233 <path 8234 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 8235 fill="#6347AA" /> 8236 <path 8237 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 8238 fill="currentColor" /> 8239 </svg> 8240 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 8241 </span> 8242</span> 8243 8244 </button> 8245 </p> 8246 </div> 8247 </div> </div> 8248 <div id="id_6ac9631fc0b62_input-state-message" class="mb-4 hidden"> 8249 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 8250 8251 8252 <div class="grid col-span-6 "> 8253 8254 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 8255 8256 </div> 8257 <div class="grid col-span-6 "> 8258 8259 8260 <div class="w-full text-right"> 8261 <button id="id_6ac9631fc0b62_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 8262 </div> 8263 </div> 8264 </div> </div> 8265</div> 8266 8267<div id="id_6ac9631fc0b62_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 8268 8269<div id="id_6ac9631fc0b62_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 8270<div id="id_6ac9631fc0b62_selected-salon-placeholder-area" class="opacity-0"> 8271 </div> 8272 8273 8274<!-- Main modal --> 8275 8276 8277</span> 8278 </div> 8279 </div> 8280 </div> 8281 8282 <div data-filter="collection--lightstim category--beauty product_type--bath-body product_type--wellness productID--81" 8283 class="js-filter__item theme-lightstim product--pain basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 8284 <div 8285 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 8286 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 8287 <img 8288 src="/image/c37e471f97ac825052cd60ff8c97ecc0.webp" 8289 srcset="/image/c37e471f97ac825052cd60ff8c97ecc0.webp 1x, /image/[email protected] 2x" 8290 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 8291 alt="Pain"> 8292 8293 <h3 class="mb-2 body-large-med-wt md:heading-3">
8294 <span class="block uppercase labels-large md:eyebrow">LightStim</span> 8295 Pain 8296 </h3> 8297 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 8298 <p>A UV-free light therapy device using light red, dark red, infrared and deep infrared wavelengths to relieve pain, increase blood circulation and speed recovery.</p> 8299 </div> 8300 </div> 8301 8302 8303 8304 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 8305 <a href="/skin-care-products/collections/lightstim/handheld-pain" title="Learn more about Pain" class="block w-full"> 8306 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 8307 </a> 8308 <button 8309 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 8310 data-open-modal="{"name":"LightStim Pain","product_id":81}"> 8311 <span>Find nearby</span> 8312 </button> 8313 <span class="hidden" id="product-search-81"><div class="input-state-switcher"> 8314 <div id="id_6ac9631fc11df_input-state-input" class=""> 8315 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 8316 8317 8318 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 8319 8320 <div class="mb-4"> 8321 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fc11df_id-salon-search"> 8322 <div class="relative"> 8323 <button 8324 type="button" 8325 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 8326 id="button-id_6ac9631fc11df_id-salon-search" 8327 aria-label="Search" 8328 > 8329 <span class="inline-grid grid-cols-1"> 8330 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 8331 8332 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 8333 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 8334 <svg aria-hidden="true" role="status" 8335 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 8336 fill="none" xmlns="http://www.w3.org/2000/svg"> 8337 <path 8338 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 8339 fill="#6347AA" /> 8340 <path 8341 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
83411071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 8342 fill="currentColor" /> 8343 </svg> 8344 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 8345 </span> 8346</span> 8347 8348 </button> 8349 8350 <div class="relative z-10"> 8351 <input 8352 type="text" 8353 id="id_6ac9631fc11df_id-salon-search" 8354 name="salon" 8355 value="" 8356 placeholder="City, State or ZIP..." 8357 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 8358 role="combobox" 8359 aria-expanded="false" 8360 aria-autocomplete="list" 8361 aria-haspopup="listbox" 8362 aria-controls="id_6ac9631fc11df_id-salon-search-listbox" 8363 aria-required="false" 8364 aria-label="Search by city, state or zip" 8365 8366 autocomplete="off" 8367 > 8368 <label for="id_6ac9631fc11df_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 8369 Search by city, state or zip 8370 </label> 8371 </div> 8372 8373 <ul 8374 id="id_6ac9631fc11df_id-salon-search-listbox" 8375 role="listbox" 8376 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 8377 aria-label="Search by city, state or zip suggestions" 8378 > 8379 </ul> 8380 </div> 8381 <div id="message-id_6ac9631fc11df_id-salon-search" class="message"></div> 8382</div> 8383 8384 </div> 8385 8386 </div> 8387 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 8388 8389 8390 <p class="prose"> 8391 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fc11df_use-my-location-link"> 8392 <span class="inline-grid grid-cols-1"> 8393 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 8394 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 8395 <svg aria-hidden="true" role="status" 8396 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 8397 fill="none" xmlns="http://www.w3.org/2000/svg"> 8398 <path 8399 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 8400 fill="#6347AA" /> 8401 <path 8402 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
84021071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 8403 fill="currentColor" /> 8404 </svg> 8405 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 8406 </span> 8407</span> 8408 8409 </button> 8410 </p> 8411 </div> 8412 </div> </div> 8413 <div id="id_6ac9631fc11df_input-state-message" class="mb-4 hidden"> 8414 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 8415 8416 8417 <div class="grid col-span-6 "> 8418 8419 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 8420 8421 </div> 8422 <div class="grid col-span-6 "> 8423 8424 8425 <div class="w-full text-right"> 8426 <button id="id_6ac9631fc11df_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 8427 </div> 8428 </div> 8429 </div> </div> 8430</div> 8431 8432<div id="id_6ac9631fc11df_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 8433 8434<div id="id_6ac9631fc11df_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 8435<div id="id_6ac9631fc11df_selected-salon-placeholder-area" class="opacity-0"> 8436 </div> 8437 8438 8439<!-- Main modal --> 8440 8441 8442</span> 8443 </div> 8444 </div> 8445 </div> 8446 8447 <div data-filter="collection--lightstim category--beauty product_type--bath-body product_type--wellness productID--79" 8448 class="js-filter__item theme-lightstim product--wrinkles basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 8449 <div 8450 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 8451 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 8452 <img 8453 src="/image/f82e12fcc6dd921339172eafe5ba1af4.webp" 8454 srcset="/image/f82e12fcc6dd921339172eafe5ba1af4.webp 1x, /image/[email protected] 2x" 8455 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 8456 alt="Wrinkles"> 8457 8458 <h3 class="mb-2 body-large-med-wt md:heading-3"> 8459 <span class="block uppercase labels-large md:eyebrow">LightStim</span> 8460 Wrinkles 8461 </h3> 8462 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 8463 <p>A UV-free light therapy device harnessing the power of amber, light red, dark red and infrared wavelengths to treat facial fine lines and wrinkles.</p> 8464 </div> 8465 </div> 8466 8467 8468 8469 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 8470 <a href="/skin-care-products/collections/lightstim/handheld-wrinkles" title="Learn more about Wrinkles" class="block w-full"> 8471 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 8472 </a> 8473 <button 8474 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 8475 data-open-modal="{"name":"LightStim Wrinkles","product_id":79}">
8476 <span>Find nearby</span> 8477 </button> 8478 <span class="hidden" id="product-search-79"><div class="input-state-switcher"> 8479 <div id="id_6ac9631fc1832_input-state-input" class=""> 8480 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 8481 8482 8483 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 8484 8485 <div class="mb-4"> 8486 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fc1832_id-salon-search"> 8487 <div class="relative"> 8488 <button 8489 type="button" 8490 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 8491 id="button-id_6ac9631fc1832_id-salon-search" 8492 aria-label="Search" 8493 > 8494 <span class="inline-grid grid-cols-1"> 8495 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 8496 8497 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 8498 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 8499 <svg aria-hidden="true" role="status" 8500 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 8501 fill="none" xmlns="http://www.w3.org/2000/svg"> 8502 <path 8503 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 8504 fill="#6347AA" /> 8505 <path 8506 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 8507 fill="currentColor" /> 8508 </svg> 8509 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 8510 </span> 8511</span> 8512 8513 </button> 8514 8515 <div class="relative z-10"> 8516 <input 8517 type="text" 8518 id="id_6ac9631fc1832_id-salon-search" 8519 name="salon" 8520 value="" 8521 placeholder="City, State or ZIP..." 8522 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 8523 role="combobox" 8524 aria-expanded="false" 8525 aria-autocomplete="list" 8526 aria-haspopup="listbox" 8527 aria-controls="id_6ac9631fc1832_id-salon-search-listbox" 8528 aria-required="false" 8529 aria-label="Search by city, state or zip" 8530 8531 autocomplete="off" 8532 > 8533 <label for="id_6ac9631fc1832_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
8533parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 8534 Search by city, state or zip 8535 </label> 8536 </div> 8537 8538 <ul 8539 id="id_6ac9631fc1832_id-salon-search-listbox" 8540 role="listbox" 8541 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 8542 aria-label="Search by city, state or zip suggestions" 8543 > 8544 </ul> 8545 </div> 8546 <div id="message-id_6ac9631fc1832_id-salon-search" class="message"></div> 8547</div> 8548 8549 </div> 8550 8551 </div> 8552 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 8553 8554 8555 <p class="prose"> 8556 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fc1832_use-my-location-link"> 8557 <span class="inline-grid grid-cols-1"> 8558 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 8559 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 8560 <svg aria-hidden="true" role="status" 8561 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 8562 fill="none" xmlns="http://www.w3.org/2000/svg"> 8563 <path 8564 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 8565 fill="#6347AA" /> 8566 <path 8567 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 8568 fill="currentColor" /> 8569 </svg> 8570 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 8571 </span> 8572</span> 8573 8574 </button> 8575 </p> 8576 </div> 8577 </div> </div> 8578 <div id="id_6ac9631fc1832_input-state-message" class="mb-4 hidden"> 8579 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 8580 8581 8582 <div class="grid col-span-6 "> 8583 8584 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 8585 8586 </div> 8587 <div class="grid col-span-6 "> 8588 8589 8590 <div class="w-full text-right"> 8591 <button id="id_6ac9631fc1832_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 8592 </div> 8593 </div> 8594 </div> </div> 8595</div> 8596 8597<div id="id_6ac9631fc1832_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 8598 8599<div id="id_6ac9631fc1832_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 8600<div id="id_6ac9631fc1832_selected-salon-placeholder-area" class="opacity-0"> 8601 </div> 8602 8603 8604<!-- Main modal --> 8605 8606 8607</span> 8608 </div> 8609 </div>
8610 </div> 8611 8612 <div data-filter="collection--spray-your-way category--sunless" class="max-w-full js-filter__item basis-full"> 8613 <div class="@container theme-spray-your-way collection--spray-your-way"> 8614 <div class="flex items-center justify-between p-4 bg-theme-pastel blur-box--bordered"> 8615 <div class="hidden @4xl:block supports-nocq:xl:block"> 8616 <img src="/pbt/images/logo-premier-collection.svg" alt="Premier Collection" width="190" 8617 height="40" > 8618 </div> 8619 <h2 class="display-mobile-small sm:display-desktop-small text-theme">Spray Your Way<sup>®</sup></h2> 8620 <a href="/skin-care-products/collections/spray-your-way" title="See all Spray Your Way Collection Products" 8621 class="btn btn-gradient btn-theme">Explore<span 8622 class="hidden @4xl:inline-block supports-nocq:xl:inline-block ml-2"> Collection</span></a> 8623 </div> 8624 </div> 8625 </div> 8626 8627 8628 8629 <div data-filter="collection--spray-your-way category--sunless product_type--primers productID--85" 8630 class="js-filter__item theme-spray-your-way product--priming-color-balancing-mist basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 8631 <div 8632 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 8633 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 8634 <img 8635 src="/image/8754ae8d858bb79c26b4f248a8b5486c.webp" 8636 srcset="/image/8754ae8d858bb79c26b4f248a8b5486c.webp 1x, /image/[email protected] 2x" 8637 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 8638 alt="Priming & Color-Balancing Mist"> 8639 8640 <h3 class="mb-2 body-large-med-wt md:heading-3"> 8641 <span class="block uppercase labels-large md:eyebrow">Spray Your Way<sup>®</sup></span> 8642 Priming & Color-Balancing Mist 8643 </h3> 8644 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 8645 <p>Amino acid-rich, pH-balancing pre-sunless treatment that helps prime for optimal dark, uniform, lasting sunless tanning results while helping improve skin health.</p> 8646 </div> 8647 </div> 8648 8649 8650 8651 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 8652 <a href="/skin-care-products/collections/spray-your-way/priming-color-balancing-mist" title="Learn more about Priming & Color-Balancing Mist" class="block w-full"> 8653 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 8654 </a> 8655 <button 8656 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 8657 data-open-modal="{"name":"Spray Your Way\u00ae Priming & Color-Balancing Mist","product_id":85}"> 8658 <span>Find nearby</span> 8659 </button> 8660 <span class="hidden" id="product-search-85"><div class="input-state-switcher"> 8661 <div id="id_6ac9631fc598b_input-state-input" class=""> 8662 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 8663 8664
8665 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 8666 8667 <div class="mb-4"> 8668 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fc598b_id-salon-search"> 8669 <div class="relative"> 8670 <button 8671 type="button" 8672 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 8673 id="button-id_6ac9631fc598b_id-salon-search" 8674 aria-label="Search" 8675 > 8676 <span class="inline-grid grid-cols-1"> 8677 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 8678 8679 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 8680 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 8681 <svg aria-hidden="true" role="status" 8682 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 8683 fill="none" xmlns="http://www.w3.org/2000/svg"> 8684 <path 8685 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 8686 fill="#6347AA" /> 8687 <path 8688 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 8689 fill="currentColor" /> 8690 </svg> 8691 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 8692 </span> 8693</span> 8694 8695 </button> 8696 8697 <div class="relative z-10"> 8698 <input 8699 type="text" 8700 id="id_6ac9631fc598b_id-salon-search" 8701 name="salon" 8702 value="" 8703 placeholder="City, State or ZIP..." 8704 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 8705 role="combobox" 8706 aria-expanded="false" 8707 aria-autocomplete="list" 8708 aria-haspopup="listbox" 8709 aria-controls="id_6ac9631fc598b_id-salon-search-listbox" 8710 aria-required="false" 8711 aria-label="Search by city, state or zip" 8712 8713 autocomplete="off" 8714 > 8715 <label for="id_6ac9631fc598b_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
8715parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 8716 Search by city, state or zip 8717 </label> 8718 </div> 8719 8720 <ul 8721 id="id_6ac9631fc598b_id-salon-search-listbox" 8722 role="listbox" 8723 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 8724 aria-label="Search by city, state or zip suggestions" 8725 > 8726 </ul> 8727 </div> 8728 <div id="message-id_6ac9631fc598b_id-salon-search" class="message"></div> 8729</div> 8730 8731 </div> 8732 8733 </div> 8734 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 8735 8736 8737 <p class="prose"> 8738 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fc598b_use-my-location-link"> 8739 <span class="inline-grid grid-cols-1"> 8740 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 8741 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 8742 <svg aria-hidden="true" role="status" 8743 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 8744 fill="none" xmlns="http://www.w3.org/2000/svg"> 8745 <path 8746 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 8747 fill="#6347AA" /> 8748 <path 8749 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 8750 fill="currentColor" /> 8751 </svg> 8752 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 8753 </span> 8754</span> 8755 8756 </button> 8757 </p> 8758 </div> 8759 </div> </div> 8760 <div id="id_6ac9631fc598b_input-state-message" class="mb-4 hidden"> 8761 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 8762 8763 8764 <div class="grid col-span-6 "> 8765 8766 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 8767 8768 </div> 8769 <div class="grid col-span-6 "> 8770 8771 8772 <div class="w-full text-right"> 8773 <button id="id_6ac9631fc598b_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 8774 </div> 8775 </div> 8776 </div> </div> 8777</div> 8778 8779<div id="id_6ac9631fc598b_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 8780 8781<div id="id_6ac9631fc598b_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 8782<div id="id_6ac9631fc598b_selected-salon-placeholder-area" class="opacity-0"> 8783 </div> 8784 8785 8786<!-- Main modal --> 8787 8788 8789</span> 8790 </div> 8791 </div>
8792 </div> 8793 8794 <div data-filter="collection--spray-your-way category--sunless product_type--self-tanners productID--84" 8795 class="js-filter__item theme-spray-your-way product--sunless-customizable-self-tanning-continuous-micromist basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 8796 <div 8797 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 8798 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 8799 <img 8800 src="/image/09d89fb29fb02ffbeecbd51f0c8d782e.webp" 8801 srcset="/image/09d89fb29fb02ffbeecbd51f0c8d782e.webp 1x, /image/[email protected] 2x" 8802 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 8803 alt="Sunless Customizable Self-Tanning Continuous Micromist"> 8804 8805 <h3 class="mb-2 body-large-med-wt md:heading-3"> 8806 <span class="block uppercase labels-large md:eyebrow">Spray Your Way<sup>®</sup></span> 8807 Sunless Customizable Self-Tanning Continuous Micromist 8808 </h3> 8809 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 8810 <p><span style="color: rgb(0, 0, 0);">A customizable ultra-fine micro mist that delivers even, flawless salon-quality spray tanning solution, with luxurious ingredients designed to enhance skin health</span>. </p><p><a href="https://palmbeachtan.com/sunless-spray-tanning/spray-tan-systems#bronzers" rel="noopener noreferrer" target="_blank">Additives for this Product</a></p> 8811 </div> 8812 </div> 8813 8814 8815 8816 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 8817 <a href="/skin-care-products/collections/spray-your-way/sunless-customizable-self-tanning-continuous-micromist" title="Learn more about Sunless Customizable Self-Tanning Continuous Micromist" class="block w-full"> 8818 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 8819 </a> 8820 <button 8821 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 8822 data-open-modal="{"name":"Spray Your Way\u00ae Sunless Customizable Self-Tanning Continuous Micromist","product_id":84}"> 8823 <span>Find nearby</span> 8824 </button> 8825 <span class="hidden" id="product-search-84"><div class="input-state-switcher"> 8826 <div id="id_6ac9631fc6000_input-state-input" class=""> 8827 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 8828 8829 8830 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 8831 8832 <div class="mb-4"> 8833 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fc6000_id-salon-search"> 8834 <div class="relative"> 8835 <button 8836 type="button" 8837 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 8838 id="button-id_6ac9631fc6000_id-salon-search" 8839 aria-label="Search" 8840 > 8841 <span class="inline-grid grid-cols-1"> 8842 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 8843
8844 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 8845 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 8846 <svg aria-hidden="true" role="status" 8847 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 8848 fill="none" xmlns="http://www.w3.org/2000/svg"> 8849 <path 8850 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 8851 fill="#6347AA" /> 8852 <path 8853 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 8854 fill="currentColor" /> 8855 </svg> 8856 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 8857 </span> 8858</span> 8859 8860 </button> 8861 8862 <div class="relative z-10"> 8863 <input 8864 type="text" 8865 id="id_6ac9631fc6000_id-salon-search" 8866 name="salon" 8867 value="" 8868 placeholder="City, State or ZIP..." 8869 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 8870 role="combobox" 8871 aria-expanded="false" 8872 aria-autocomplete="list" 8873 aria-haspopup="listbox" 8874 aria-controls="id_6ac9631fc6000_id-salon-search-listbox" 8875 aria-required="false" 8876 aria-label="Search by city, state or zip" 8877 8878 autocomplete="off" 8879 > 8880 <label for="id_6ac9631fc6000_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 8881 Search by city, state or zip 8882 </label> 8883 </div> 8884 8885 <ul 8886 id="id_6ac9631fc6000_id-salon-search-listbox" 8887 role="listbox" 8888 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 8889 aria-label="Search by city, state or zip suggestions" 8890 > 8891 </ul> 8892 </div> 8893 <div id="message-id_6ac9631fc6000_id-salon-search" class="message"></div> 8894</div> 8895 8896 </div> 8897 8898 </div> 8899 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 8900 8901 8902 <p class="prose"> 8903 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fc6000_use-my-location-link"> 8904 <span class="inline-grid grid-cols-1"> 8905 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
8905<path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 8906 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 8907 <svg aria-hidden="true" role="status" 8908 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 8909 fill="none" xmlns="http://www.w3.org/2000/svg"> 8910 <path 8911 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 8912 fill="#6347AA" /> 8913 <path 8914 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 8915 fill="currentColor" /> 8916 </svg> 8917 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 8918 </span> 8919</span> 8920 8921 </button> 8922 </p> 8923 </div> 8924 </div> </div> 8925 <div id="id_6ac9631fc6000_input-state-message" class="mb-4 hidden"> 8926 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 8927 8928 8929 <div class="grid col-span-6 "> 8930 8931 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 8932 8933 </div> 8934 <div class="grid col-span-6 "> 8935 8936 8937 <div class="w-full text-right"> 8938 <button id="id_6ac9631fc6000_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 8939 </div> 8940 </div> 8941 </div> </div> 8942</div> 8943 8944<div id="id_6ac9631fc6000_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 8945 8946<div id="id_6ac9631fc6000_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 8947<div id="id_6ac9631fc6000_selected-salon-placeholder-area" class="opacity-0"> 8948 </div> 8949 8950 8951<!-- Main modal --> 8952 8953 8954</span> 8955 </div> 8956 </div> 8957 </div> 8958 8959 <div data-filter="collection--spray-your-way category--sunless product_type--self-tanners productID--86" 8960 class="js-filter__item theme-spray-your-way product--sunless-customizable-self-tanning-foam basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 8961 <div 8962 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 8963 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 8964 <img 8965 src="/image/70de8759b00477dceeacb829e5d39187.webp" 8966 srcset="/image/70de8759b00477dceeacb829e5d39187.webp 1x, /image/[email protected] 2x" 8967 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 8968 alt="Sunless Customizable Self-Tanning Foam"> 8969 8970 <h3 class="mb-2 body-large-med-wt md:heading-3"> 8971 <span class="block uppercase labels-large md:eyebrow">Spray Your Way<sup>®</sup></span> 8972 Sunless Customizable Self-Tanning Foam 8973 </h3> 8974 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 8975 <p><span style="color: rgb(0, 0, 0);">A customizable lightweight formulation that creates natural-looking, lasting sunless results, with luxurious ingredients designed to enhance skin health</span>. </p><p>
8975<a href="https://palmbeachtan.com/sunless-spray-tanning/spray-tan-systems#bronzers" rel="noopener noreferrer" target="_blank">Additives for this Product</a></p> 8976 </div> 8977 </div> 8978 8979 8980 8981 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 8982 <a href="/skin-care-products/collections/spray-your-way/sunless-customizable-self-tanning-foam" title="Learn more about Sunless Customizable Self-Tanning Foam" class="block w-full"> 8983 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 8984 </a> 8985 <button 8986 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 8987 data-open-modal="{"name":"Spray Your Way\u00ae Sunless Customizable Self-Tanning Foam","product_id":86}"> 8988 <span>Find nearby</span> 8989 </button> 8990 <span class="hidden" id="product-search-86"><div class="input-state-switcher"> 8991 <div id="id_6ac9631fc664c_input-state-input" class=""> 8992 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 8993 8994 8995 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 8996 8997 <div class="mb-4"> 8998 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fc664c_id-salon-search"> 8999 <div class="relative"> 9000 <button 9001 type="button" 9002 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 9003 id="button-id_6ac9631fc664c_id-salon-search" 9004 aria-label="Search" 9005 > 9006 <span class="inline-grid grid-cols-1"> 9007 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 9008 9009 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 9010 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 9011 <svg aria-hidden="true" role="status" 9012 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 9013 fill="none" xmlns="http://www.w3.org/2000/svg"> 9014 <path 9015 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 9016 fill="#6347AA" /> 9017 <path 9018 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
90181071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 9019 fill="currentColor" /> 9020 </svg> 9021 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 9022 </span> 9023</span> 9024 9025 </button> 9026 9027 <div class="relative z-10"> 9028 <input 9029 type="text" 9030 id="id_6ac9631fc664c_id-salon-search" 9031 name="salon" 9032 value="" 9033 placeholder="City, State or ZIP..." 9034 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 9035 role="combobox" 9036 aria-expanded="false" 9037 aria-autocomplete="list" 9038 aria-haspopup="listbox" 9039 aria-controls="id_6ac9631fc664c_id-salon-search-listbox" 9040 aria-required="false" 9041 aria-label="Search by city, state or zip" 9042 9043 autocomplete="off" 9044 > 9045 <label for="id_6ac9631fc664c_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 9046 Search by city, state or zip 9047 </label> 9048 </div> 9049 9050 <ul 9051 id="id_6ac9631fc664c_id-salon-search-listbox" 9052 role="listbox" 9053 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 9054 aria-label="Search by city, state or zip suggestions" 9055 > 9056 </ul> 9057 </div> 9058 <div id="message-id_6ac9631fc664c_id-salon-search" class="message"></div> 9059</div> 9060 9061 </div> 9062 9063 </div> 9064 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 9065 9066 9067 <p class="prose"> 9068 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fc664c_use-my-location-link"> 9069 <span class="inline-grid grid-cols-1"> 9070 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 9071 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 9072 <svg aria-hidden="true" role="status" 9073 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 9074 fill="none" xmlns="http://www.w3.org/2000/svg"> 9075 <path 9076 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 9077 fill="#6347AA" /> 9078 <path 9079 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
90791071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 9080 fill="currentColor" /> 9081 </svg> 9082 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 9083 </span> 9084</span> 9085 9086 </button> 9087 </p> 9088 </div> 9089 </div> </div> 9090 <div id="id_6ac9631fc664c_input-state-message" class="mb-4 hidden"> 9091 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 9092 9093 9094 <div class="grid col-span-6 "> 9095 9096 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 9097 9098 </div> 9099 <div class="grid col-span-6 "> 9100 9101 9102 <div class="w-full text-right"> 9103 <button id="id_6ac9631fc664c_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 9104 </div> 9105 </div> 9106 </div> </div> 9107</div> 9108 9109<div id="id_6ac9631fc664c_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 9110 9111<div id="id_6ac9631fc664c_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 9112<div id="id_6ac9631fc664c_selected-salon-placeholder-area" class="opacity-0"> 9113 </div> 9114 9115 9116<!-- Main modal --> 9117 9118 9119</span> 9120 </div> 9121 </div> 9122 </div> 9123 9124 <div data-filter="collection--spray-your-way category--sunless product_type--extenders productID--87" 9125 class="js-filter__item theme-spray-your-way product--sunless-enhancing-tan-extender basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 9126 <div 9127 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 9128 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 9129 <img 9130 src="/image/0cb924993be15dedd33c138f9377ac9a.webp" 9131 srcset="/image/0cb924993be15dedd33c138f9377ac9a.webp 1x, /image/[email protected] 2x" 9132 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 9133 alt="Sunless Enhancing Tan Extender"> 9134 9135 <h3 class="mb-2 body-large-med-wt md:heading-3"> 9136 <span class="block uppercase labels-large md:eyebrow">Spray Your Way<sup>®</sup></span> 9137 Sunless Enhancing Tan Extender 9138 </h3> 9139 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 9140 <p>Daily ultra-lightweight formulation that moisturizes your skin and extends the life of your sunless tan.</p> 9141 </div> 9142 </div> 9143 9144 9145 9146 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 9147 <a href="/skin-care-products/collections/spray-your-way/sunless-enhancing-tan-extender" title="Learn more about Sunless Enhancing Tan Extender" class="block w-full"> 9148 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 9149 </a> 9150 <button 9151 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 9152 data-open-modal="{"name":"Spray Your Way\u00ae Sunless Enhancing Tan Extender","product_id":87}">
9153 <span>Find nearby</span> 9154 </button> 9155 <span class="hidden" id="product-search-87"><div class="input-state-switcher"> 9156 <div id="id_6ac9631fc6c80_input-state-input" class=""> 9157 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 9158 9159 9160 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 9161 9162 <div class="mb-4"> 9163 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fc6c80_id-salon-search"> 9164 <div class="relative"> 9165 <button 9166 type="button" 9167 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 9168 id="button-id_6ac9631fc6c80_id-salon-search" 9169 aria-label="Search" 9170 > 9171 <span class="inline-grid grid-cols-1"> 9172 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 9173 9174 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 9175 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 9176 <svg aria-hidden="true" role="status" 9177 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 9178 fill="none" xmlns="http://www.w3.org/2000/svg"> 9179 <path 9180 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 9181 fill="#6347AA" /> 9182 <path 9183 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 9184 fill="currentColor" /> 9185 </svg> 9186 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 9187 </span> 9188</span> 9189 9190 </button> 9191 9192 <div class="relative z-10"> 9193 <input 9194 type="text" 9195 id="id_6ac9631fc6c80_id-salon-search" 9196 name="salon" 9197 value="" 9198 placeholder="City, State or ZIP..." 9199 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 9200 role="combobox" 9201 aria-expanded="false" 9202 aria-autocomplete="list" 9203 aria-haspopup="listbox" 9204 aria-controls="id_6ac9631fc6c80_id-salon-search-listbox" 9205 aria-required="false" 9206 aria-label="Search by city, state or zip" 9207 9208 autocomplete="off" 9209 > 9210 <label for="id_6ac9631fc6c80_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
9210parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 9211 Search by city, state or zip 9212 </label> 9213 </div> 9214 9215 <ul 9216 id="id_6ac9631fc6c80_id-salon-search-listbox" 9217 role="listbox" 9218 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 9219 aria-label="Search by city, state or zip suggestions" 9220 > 9221 </ul> 9222 </div> 9223 <div id="message-id_6ac9631fc6c80_id-salon-search" class="message"></div> 9224</div> 9225 9226 </div> 9227 9228 </div> 9229 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 9230 9231 9232 <p class="prose"> 9233 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fc6c80_use-my-location-link"> 9234 <span class="inline-grid grid-cols-1"> 9235 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 9236 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 9237 <svg aria-hidden="true" role="status" 9238 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 9239 fill="none" xmlns="http://www.w3.org/2000/svg"> 9240 <path 9241 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 9242 fill="#6347AA" /> 9243 <path 9244 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 9245 fill="currentColor" /> 9246 </svg> 9247 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 9248 </span> 9249</span> 9250 9251 </button> 9252 </p> 9253 </div> 9254 </div> </div> 9255 <div id="id_6ac9631fc6c80_input-state-message" class="mb-4 hidden"> 9256 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 9257 9258 9259 <div class="grid col-span-6 "> 9260 9261 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 9262 9263 </div> 9264 <div class="grid col-span-6 "> 9265 9266 9267 <div class="w-full text-right"> 9268 <button id="id_6ac9631fc6c80_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 9269 </div> 9270 </div> 9271 </div> </div> 9272</div> 9273 9274<div id="id_6ac9631fc6c80_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 9275 9276<div id="id_6ac9631fc6c80_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 9277<div id="id_6ac9631fc6c80_selected-salon-placeholder-area" class="opacity-0"> 9278 </div> 9279 9280 9281<!-- Main modal --> 9282 9283 9284</span> 9285 </div> 9286 </div>
9287 </div> 9288 9289 <div data-filter="collection--spray-your-way category--sunless product_type--bath-body productID--82" 9290 class="js-filter__item theme-spray-your-way product--sunless-exfoliating-body-scrub basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 9291 <div 9292 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 9293 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 9294 <img 9295 src="/image/b7e28f65b15c24f75ce6464f2f8b9bfc.webp" 9296 srcset="/image/b7e28f65b15c24f75ce6464f2f8b9bfc.webp 1x, /image/[email protected] 2x" 9297 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 9298 alt="Sunless Exfoliating Body Scrub"> 9299 9300 <h3 class="mb-2 body-large-med-wt md:heading-3"> 9301 <span class="block uppercase labels-large md:eyebrow">Spray Your Way<sup>®</sup></span> 9302 Sunless Exfoliating Body Scrub 9303 </h3> 9304 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 9305 <p>A nourishing, invigorating body exfoliant that prepares your skin for sunless tanning.</p> 9306 </div> 9307 </div> 9308 9309 9310 9311 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 9312 <a href="/skin-care-products/collections/spray-your-way/sunless-exfoliating-body-scrub" title="Learn more about Sunless Exfoliating Body Scrub" class="block w-full"> 9313 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 9314 </a> 9315 <button 9316 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 9317 data-open-modal="{"name":"Spray Your Way\u00ae Sunless Exfoliating Body Scrub","product_id":82}"> 9318 <span>Find nearby</span> 9319 </button> 9320 <span class="hidden" id="product-search-82"><div class="input-state-switcher"> 9321 <div id="id_6ac9631fc72cb_input-state-input" class=""> 9322 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 9323 9324 9325 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 9326 9327 <div class="mb-4"> 9328 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fc72cb_id-salon-search"> 9329 <div class="relative"> 9330 <button 9331 type="button" 9332 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 9333 id="button-id_6ac9631fc72cb_id-salon-search" 9334 aria-label="Search" 9335 > 9336 <span class="inline-grid grid-cols-1"> 9337 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 9338
9339 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 9340 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 9341 <svg aria-hidden="true" role="status" 9342 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 9343 fill="none" xmlns="http://www.w3.org/2000/svg"> 9344 <path 9345 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 9346 fill="#6347AA" /> 9347 <path 9348 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 9349 fill="currentColor" /> 9350 </svg> 9351 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 9352 </span> 9353</span> 9354 9355 </button> 9356 9357 <div class="relative z-10"> 9358 <input 9359 type="text" 9360 id="id_6ac9631fc72cb_id-salon-search" 9361 name="salon" 9362 value="" 9363 placeholder="City, State or ZIP..." 9364 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 9365 role="combobox" 9366 aria-expanded="false" 9367 aria-autocomplete="list" 9368 aria-haspopup="listbox" 9369 aria-controls="id_6ac9631fc72cb_id-salon-search-listbox" 9370 aria-required="false" 9371 aria-label="Search by city, state or zip" 9372 9373 autocomplete="off" 9374 > 9375 <label for="id_6ac9631fc72cb_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 9376 Search by city, state or zip 9377 </label> 9378 </div> 9379 9380 <ul 9381 id="id_6ac9631fc72cb_id-salon-search-listbox" 9382 role="listbox" 9383 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 9384 aria-label="Search by city, state or zip suggestions" 9385 > 9386 </ul> 9387 </div> 9388 <div id="message-id_6ac9631fc72cb_id-salon-search" class="message"></div> 9389</div> 9390 9391 </div> 9392 9393 </div> 9394 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 9395 9396 9397 <p class="prose"> 9398 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fc72cb_use-my-location-link"> 9399 <span class="inline-grid grid-cols-1"> 9400 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
9400<path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 9401 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 9402 <svg aria-hidden="true" role="status" 9403 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 9404 fill="none" xmlns="http://www.w3.org/2000/svg"> 9405 <path 9406 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 9407 fill="#6347AA" /> 9408 <path 9409 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 9410 fill="currentColor" /> 9411 </svg> 9412 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 9413 </span> 9414</span> 9415 9416 </button> 9417 </p> 9418 </div> 9419 </div> </div> 9420 <div id="id_6ac9631fc72cb_input-state-message" class="mb-4 hidden"> 9421 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 9422 9423 9424 <div class="grid col-span-6 "> 9425 9426 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 9427 9428 </div> 9429 <div class="grid col-span-6 "> 9430 9431 9432 <div class="w-full text-right"> 9433 <button id="id_6ac9631fc72cb_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 9434 </div> 9435 </div> 9436 </div> </div> 9437</div> 9438 9439<div id="id_6ac9631fc72cb_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 9440 9441<div id="id_6ac9631fc72cb_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 9442<div id="id_6ac9631fc72cb_selected-salon-placeholder-area" class="opacity-0"> 9443 </div> 9444 9445 9446<!-- Main modal --> 9447 9448 9449</span> 9450 </div> 9451 </div> 9452 </div> 9453 9454 <div data-filter="collection--spray-your-way category--sunless product_type--bath-body productID--83" 9455 class="js-filter__item theme-spray-your-way product--sunless-gentle-body-wash basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 9456 <div 9457 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 9458 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 9459 <img 9460 src="/image/a02efac6942ff2258d6f7e64fe2ec33e.webp" 9461 srcset="/image/a02efac6942ff2258d6f7e64fe2ec33e.webp 1x, /image/[email protected] 2x" 9462 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 9463 alt="Sunless Gentle Body Wash"> 9464 9465 <h3 class="mb-2 body-large-med-wt md:heading-3"> 9466 <span class="block uppercase labels-large md:eyebrow">Spray Your Way<sup>®</sup></span> 9467 Sunless Gentle Body Wash 9468 </h3> 9469 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 9470 <p>Crystal-clear foaming body wash helps protect your skinâs microbiome and
9470your sunless tan.</p> 9471 </div> 9472 </div> 9473 9474 9475 9476 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 9477 <a href="/skin-care-products/collections/spray-your-way/sunless-gentle-body-wash" title="Learn more about Sunless Gentle Body Wash" class="block w-full"> 9478 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 9479 </a> 9480 <button 9481 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 9482 data-open-modal="{"name":"Spray Your Way\u00ae Sunless Gentle Body Wash","product_id":83}"> 9483 <span>Find nearby</span> 9484 </button> 9485 <span class="hidden" id="product-search-83"><div class="input-state-switcher"> 9486 <div id="id_6ac9631fc78cd_input-state-input" class=""> 9487 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 9488 9489 9490 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 9491 9492 <div class="mb-4"> 9493 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fc78cd_id-salon-search"> 9494 <div class="relative"> 9495 <button 9496 type="button" 9497 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 9498 id="button-id_6ac9631fc78cd_id-salon-search" 9499 aria-label="Search" 9500 > 9501 <span class="inline-grid grid-cols-1"> 9502 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 9503 9504 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 9505 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 9506 <svg aria-hidden="true" role="status" 9507 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 9508 fill="none" xmlns="http://www.w3.org/2000/svg"> 9509 <path 9510 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 9511 fill="#6347AA" /> 9512 <path 9513 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
95131071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 9514 fill="currentColor" /> 9515 </svg> 9516 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 9517 </span> 9518</span> 9519 9520 </button> 9521 9522 <div class="relative z-10"> 9523 <input 9524 type="text" 9525 id="id_6ac9631fc78cd_id-salon-search" 9526 name="salon" 9527 value="" 9528 placeholder="City, State or ZIP..." 9529 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 9530 role="combobox" 9531 aria-expanded="false" 9532 aria-autocomplete="list" 9533 aria-haspopup="listbox" 9534 aria-controls="id_6ac9631fc78cd_id-salon-search-listbox" 9535 aria-required="false" 9536 aria-label="Search by city, state or zip" 9537 9538 autocomplete="off" 9539 > 9540 <label for="id_6ac9631fc78cd_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 9541 Search by city, state or zip 9542 </label> 9543 </div> 9544 9545 <ul 9546 id="id_6ac9631fc78cd_id-salon-search-listbox" 9547 role="listbox" 9548 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 9549 aria-label="Search by city, state or zip suggestions" 9550 > 9551 </ul> 9552 </div> 9553 <div id="message-id_6ac9631fc78cd_id-salon-search" class="message"></div> 9554</div> 9555 9556 </div> 9557 9558 </div> 9559 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 9560 9561 9562 <p class="prose"> 9563 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fc78cd_use-my-location-link"> 9564 <span class="inline-grid grid-cols-1"> 9565 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 9566 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 9567 <svg aria-hidden="true" role="status" 9568 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 9569 fill="none" xmlns="http://www.w3.org/2000/svg"> 9570 <path 9571 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 9572 fill="#6347AA" /> 9573 <path 9574 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
95741071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 9575 fill="currentColor" /> 9576 </svg> 9577 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 9578 </span> 9579</span> 9580 9581 </button> 9582 </p> 9583 </div> 9584 </div> </div> 9585 <div id="id_6ac9631fc78cd_input-state-message" class="mb-4 hidden"> 9586 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 9587 9588 9589 <div class="grid col-span-6 "> 9590 9591 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 9592 9593 </div> 9594 <div class="grid col-span-6 "> 9595 9596 9597 <div class="w-full text-right"> 9598 <button id="id_6ac9631fc78cd_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 9599 </div> 9600 </div> 9601 </div> </div> 9602</div> 9603 9604<div id="id_6ac9631fc78cd_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 9605 9606<div id="id_6ac9631fc78cd_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 9607<div id="id_6ac9631fc78cd_selected-salon-placeholder-area" class="opacity-0"> 9608 </div> 9609 9610 9611<!-- Main modal --> 9612 9613 9614</span> 9615 </div> 9616 </div> 9617 </div> 9618 9619 <div data-filter="collection--sunless-accessories category--sunless" class="max-w-full js-filter__item basis-full"> 9620 <div class="@container theme-sunless collection--sunless-accessories"> 9621 <div class="flex items-center justify-between p-4 bg-theme-pastel blur-box--bordered"> 9622 <div class="hidden @4xl:block supports-nocq:xl:block"> 9623 <img src="/pbt/images/logo-premier-collection.svg" alt="Premier Collection" width="190" 9624 height="40" > 9625 </div> 9626 <h2 class="display-mobile-small sm:display-desktop-small text-theme">Sunless Accessories</h2> 9627 <div class="placeholder"></div> 9628 </div> 9629 </div> 9630 </div> 9631 9632 9633 9634 <div data-filter="collection--sunless-accessories category--sunless product_type--accessories productID--29" 9635 class="js-filter__item theme-sunless product--applicator-mitt basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 9636 <div 9637 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 9638 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 9639 <img 9640 src="/image/22271a345b6d663cc912b2bdd82cb571.webp" 9641 srcset="/image/22271a345b6d663cc912b2bdd82cb571.webp 1x, /image/[email protected] 2x" 9642 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 9643 alt="Applicator Mitt"> 9644 9645 <h3 class="mb-2 body-large-med-wt md:heading-3"> 9646 <span class="block uppercase labels-large md:eyebrow">Sunless Accessories</span> 9647 Applicator Mitt 9648 </h3> 9649 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 9650 <p>Our Self Tanning Mitt Applicator works effortlessly with all tanners, creams, mousses, tinted moisturizers, body lotions and sprays, and helps you achieve a natural-looking shine by preventing the palms of your hands from staining during the application process.</p> 9651 </div> 9652 </div> 9653 </div> 9654 </div> 9655 9656 <div data-filter="collection--wellness-within category--supplements" class="max-w-full js-filter__item basis-full"> 9657 <div class="@container theme-wellness-within collection--wellness-within"> 9658 <div class="flex items-center justify-between p-4 bg-theme-pastel blur-box--bordered"> 9659 <div class="hidden @4xl:block supports-nocq:xl:block"> 9660 <img src="/pbt/images/logo-premier-collection.svg" alt="Premier Collection" width="190" 9661 height="40" > 9662 </div> 9663 <h2 class="display-mobile-small sm:display-desktop-small text-theme">Wellness Within<sup>â¢</sup></h2> 9664 <a href="/skin-care-products/collections/wellness-within" title="See all Wellness Within Collection Products" 9665 class="btn btn-gradient btn-theme">Explore<span 9666 class="hidden @4xl:inline-block supports-nocq:xl:inline-block ml-2"> Collection</span></a> 9667 </div>
9668 </div> 9669 </div> 9670 9671 9672 9673 <div data-filter="collection--wellness-within category--supplements product_type--wellness productID--76" 9674 class="js-filter__item theme-wellness-within product--pure-collagen basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 9675 <div 9676 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 9677 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 9678 <img 9679 src="/image/0b5803ca35e013a84d1c443b34adc864.webp" 9680 srcset="/image/0b5803ca35e013a84d1c443b34adc864.webp 1x, /image/[email protected] 2x" 9681 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 9682 alt="Pure Collagen"> 9683 9684 <h3 class="mb-2 body-large-med-wt md:heading-3"> 9685 <span class="block uppercase labels-large md:eyebrow">Wellness Within<sup>â¢</sup></span> 9686 Pure Collagen 9687 </h3> 9688 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 9689 <p>This twice daily supplement uses a combination of collagen, vitamins A and C and more to promote joint health, soothe inflammation and give hair and nails a more lustrous sheen.</p> 9690 </div> 9691 </div> 9692 9693 9694 9695 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 9696 <a href="/skin-care-products/collections/wellness-within/pure-collagen" title="Learn more about Pure Collagen" class="block w-full"> 9697 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 9698 </a> 9699 <button 9700 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 9701 data-open-modal="{"name":"Wellness Within\u2122 Pure Collagen","product_id":76}"> 9702 <span>Find nearby</span> 9703 </button> 9704 <span class="hidden" id="product-search-76"><div class="input-state-switcher"> 9705 <div id="id_6ac9631fcf304_input-state-input" class=""> 9706 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 9707 9708 9709 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 9710 9711 <div class="mb-4"> 9712 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fcf304_id-salon-search"> 9713 <div class="relative"> 9714 <button 9715 type="button" 9716 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 9717 id="button-id_6ac9631fcf304_id-salon-search" 9718 aria-label="Search" 9719 > 9720 <span class="inline-grid grid-cols-1"> 9721 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 9722
9723 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 9724 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 9725 <svg aria-hidden="true" role="status" 9726 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 9727 fill="none" xmlns="http://www.w3.org/2000/svg"> 9728 <path 9729 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 9730 fill="#6347AA" /> 9731 <path 9732 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 9733 fill="currentColor" /> 9734 </svg> 9735 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 9736 </span> 9737</span> 9738 9739 </button> 9740 9741 <div class="relative z-10"> 9742 <input 9743 type="text" 9744 id="id_6ac9631fcf304_id-salon-search" 9745 name="salon" 9746 value="" 9747 placeholder="City, State or ZIP..." 9748 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 9749 role="combobox" 9750 aria-expanded="false" 9751 aria-autocomplete="list" 9752 aria-haspopup="listbox" 9753 aria-controls="id_6ac9631fcf304_id-salon-search-listbox" 9754 aria-required="false" 9755 aria-label="Search by city, state or zip" 9756 9757 autocomplete="off" 9758 > 9759 <label for="id_6ac9631fcf304_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 9760 Search by city, state or zip 9761 </label> 9762 </div> 9763 9764 <ul 9765 id="id_6ac9631fcf304_id-salon-search-listbox" 9766 role="listbox" 9767 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 9768 aria-label="Search by city, state or zip suggestions" 9769 > 9770 </ul> 9771 </div> 9772 <div id="message-id_6ac9631fcf304_id-salon-search" class="message"></div> 9773</div> 9774 9775 </div> 9776 9777 </div> 9778 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 9779 9780 9781 <p class="prose"> 9782 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fcf304_use-my-location-link"> 9783 <span class="inline-grid grid-cols-1"> 9784 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
9784<path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 9785 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 9786 <svg aria-hidden="true" role="status" 9787 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 9788 fill="none" xmlns="http://www.w3.org/2000/svg"> 9789 <path 9790 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 9791 fill="#6347AA" /> 9792 <path 9793 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 9794 fill="currentColor" /> 9795 </svg> 9796 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 9797 </span> 9798</span> 9799 9800 </button> 9801 </p> 9802 </div> 9803 </div> </div> 9804 <div id="id_6ac9631fcf304_input-state-message" class="mb-4 hidden"> 9805 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 9806 9807 9808 <div class="grid col-span-6 "> 9809 9810 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 9811 9812 </div> 9813 <div class="grid col-span-6 "> 9814 9815 9816 <div class="w-full text-right"> 9817 <button id="id_6ac9631fcf304_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 9818 </div> 9819 </div> 9820 </div> </div> 9821</div> 9822 9823<div id="id_6ac9631fcf304_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 9824 9825<div id="id_6ac9631fcf304_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 9826<div id="id_6ac9631fcf304_selected-salon-placeholder-area" class="opacity-0"> 9827 </div> 9828 9829 9830<!-- Main modal --> 9831 9832 9833</span> 9834 </div> 9835 </div> 9836 </div> 9837 9838 <div data-filter="collection--wellness-within category--supplements product_type--wellness productID--75" 9839 class="js-filter__item theme-wellness-within product--slim-down-reset basis-1/2 max-w-[50%] md:basis-1/3 md:max-w-[33.3%] min-h-96"> 9840 <div 9841 class="relative p-4 pt-0 text-center transition-colors product-card group bg-white/50 blur-box hover:bg-theme-pastel"> 9842 <div class="pb-4 text-pretty transition-transform group-hover:-translate-y-6"> 9843 <img 9844 src="/image/6b21850f5929e5dd65c1f56ae86b4b11.webp" 9845 srcset="/image/6b21850f5929e5dd65c1f56ae86b4b11.webp 1x, /image/[email protected] 2x" 9846 class="transition-all group-hover:scale-75 group-hover:rotate-12" width="300" height="300" 9847 alt="Slim Down Reset"> 9848 9849 <h3 class="mb-2 body-large-med-wt md:heading-3"> 9850 <span class="block uppercase labels-large md:eyebrow">Wellness Within<sup>â¢</sup></span>
9851 Slim Down Reset 9852 </h3> 9853 <div class="hidden md:block body-medium-reg-wt [&_>_p_a]:underline"> 9854 <p>This once a day supplement is perfect for both weight management and weight loss. Using natural ingredients, including probiotics and vitamins B6 and B12, Slim Down Reset fights food cravings, increases energy and metabolism (without the crash!) and much more.</p> 9855 </div> 9856 </div> 9857 9858 9859 9860 <div class="flex flex-col justify-between gap-1 duration-300 -translate-y-4 opacity-0 sm:flex-row lg:flex-col xl:flex-row group-hover:opacity-100 group-hover:translate-y-0"> 9861 <a href="/skin-care-products/collections/wellness-within/slim-down-reset" title="Learn more about Slim Down Reset" class="block w-full"> 9862 <button class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative">Learn more</button> 9863 </a> 9864 <button 9865 class="w-full block border border-black/20 hover:border-black/20 bg-white/60 hover:bg-white rounded-full shadow font-bold text-xs py-1 uppercase focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 duration-75 relative" 9866 data-open-modal="{"name":"Wellness Within\u2122 Slim Down Reset","product_id":75}"> 9867 <span>Find nearby</span> 9868 </button> 9869 <span class="hidden" id="product-search-75"><div class="input-state-switcher"> 9870 <div id="id_6ac9631fcf981_input-state-input" class=""> 9871 <div class="grid grid-cols-12 max-w-9xl md:gap-xs items-baseline gap-y-xs default:gap-y-0 lg:gap-y-0 xl:gap-y-0"> 9872 9873 9874 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 9875 9876 <div class="mb-4"> 9877 <div class="relative input-wrapper mt-6 combobox-wrapper" id="combobox-wrapper-id_6ac9631fcf981_id-salon-search"> 9878 <div class="relative"> 9879 <button 9880 type="button" 9881 class="absolute top-1 right-2 text-gray-transparent-12 bg-gray-2 rounded-full btn !p-1.5 z-20 border-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-6 focus-visible:ring-offset-1" 9882 id="button-id_6ac9631fcf981_id-salon-search" 9883 aria-label="Search" 9884 > 9885 <span class="inline-grid grid-cols-1"> 9886 <span class="col-start-1 row-start-1 default-state inline-flex gap-2 items-center h-full"><svg class="icon w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z" clip-rule="evenodd"/></svg> 9887 9888 <span class="inline-block pr-2 text-xs font-semibold uppercase">Search</span></span> 9889 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 9890 <svg aria-hidden="true" role="status" 9891 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 9892 fill="none" xmlns="http://www.w3.org/2000/svg"> 9893 <path 9894 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 9895 fill="#6347AA" /> 9896 <path 9897 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
98971071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 9898 fill="currentColor" /> 9899 </svg> 9900 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 9901 </span> 9902</span> 9903 9904 </button> 9905 9906 <div class="relative z-10"> 9907 <input 9908 type="text" 9909 id="id_6ac9631fcf981_id-salon-search" 9910 name="salon" 9911 value="" 9912 placeholder="City, State or ZIP..." 9913 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6" 9914 role="combobox" 9915 aria-expanded="false" 9916 aria-autocomplete="list" 9917 aria-haspopup="listbox" 9918 aria-controls="id_6ac9631fcf981_id-salon-search-listbox" 9919 aria-required="false" 9920 aria-label="Search by city, state or zip" 9921 9922 autocomplete="off" 9923 > 9924 <label for="id_6ac9631fcf981_id-salon-search" class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6"> 9925 Search by city, state or zip 9926 </label> 9927 </div> 9928 9929 <ul 9930 id="id_6ac9631fcf981_id-salon-search-listbox" 9931 role="listbox" 9932 class="absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-sm border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-600 dark:bg-gray-700 text-left hidden" 9933 aria-label="Search by city, state or zip suggestions" 9934 > 9935 </ul> 9936 </div> 9937 <div id="message-id_6ac9631fcf981_id-salon-search" class="message"></div> 9938</div> 9939 9940 </div> 9941 9942 </div> 9943 <div class="grid col-span-12 lg:col-span-12 xl:col-span-12 "> 9944 9945 9946 <p class="prose"> 9947 <button class="mt-0 btn btn-sm btn-outline" id="id_6ac9631fcf981_use-my-location-link"> 9948 <span class="inline-grid grid-cols-1"> 9949 <span class="col-start-1 row-start-1 default-state inline-flex items-center gap-1"><span>Or use your location</span> <svg class="icon w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.75 3.94L4.07 10.08c-.83.35-.81 1.53.02 1.85L9.43 14a1 1 0 01.57.57l2.06 5.33c.32.84 1.51.86 1.86.03l6.15-14.67c.33-.83-.5-1.66-1.32-1.32z"/></svg></span> 9950 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 9951 <svg aria-hidden="true" role="status" 9952 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 9953 fill="none" xmlns="http://www.w3.org/2000/svg"> 9954 <path 9955 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 9956 fill="#6347AA" /> 9957 <path 9958 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
99581071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 9959 fill="currentColor" /> 9960 </svg> 9961 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 9962 </span> 9963</span> 9964 9965 </button> 9966 </p> 9967 </div> 9968 </div> </div> 9969 <div id="id_6ac9631fcf981_input-state-message" class="mb-4 hidden"> 9970 <div class="grid grid-cols-12 max-w-9xl md:gap-sm items-center gap-y-sm default:gap-y-0"> 9971 9972 9973 <div class="grid col-span-6 "> 9974 9975 <h3 class="text-body body-large-med-wt">Your selected salon:</h3> 9976 9977 </div> 9978 <div class="grid col-span-6 "> 9979 9980 9981 <div class="w-full text-right"> 9982 <button id="id_6ac9631fcf981_choose-another-salon" class="inline-block max-w-xs px-4 py-2 m-auto bg-white rounded-full shadow text-in-line-text-link-default hover:text-in-line-text-link-hover hover:shadow-lg active:shadow-sm active:bg-gray-transparent-1 active:ring-1 active:ring-gray-transparent-3 active:text-body ">Change location</button> 9983 </div> 9984 </div> 9985 </div> </div> 9986</div> 9987 9988<div id="id_6ac9631fcf981_accordion-collapse" data-accordion="collapse" class="hidden mb-8 border-b border-gray-200"></div> 9989 9990<div id="id_6ac9631fcf981_anchor-point" style=" padding-top: 160px; margin-top: -160px;"></div> 9991<div id="id_6ac9631fcf981_selected-salon-placeholder-area" class="opacity-0"> 9992 </div> 9993 9994 9995<!-- Main modal --> 9996 9997 9998</span> 9999 </div> 10000 </div> 10001 </div> 10002 10003 </div> 10004 </section> 10005 </div> 10006 </div> 10007 </div> 10008 </main> 10009 <footer id="site-footer" class=" mt-32 md:mt-40"> 10010 <div class="container"> 10011 <div class="sm:px-6 text-center footer-main bg-gradient-glass bg-white/50 blur-box--shadowed"> 10012 <div class="max-w-6xl mx-auto"> 10013 <a id="footer-signup-anchor" class="block absolute -mt-20"></a> 10014<div id="footer-signup" 10015 class="max-w-[90%] sm:max-w-lg md:max-w-xl px-md py-lg mx-auto -translate-y-24 sign-up-form bg-purple-1a blur-box--bordered "> 10016 <div class="text-wrap email-signup-intro"> 10017 <h2 class="font-bold display-desktop-small text-purple">Sign Up</h2> 10018 <p class="pb-2 body-large-med-wt text-body md:pb-6">Get PBT wellness and tanning salon updates, special offers and more delivered right to you.</p> 10019 <button type="submit" class="self-center flex-shrink-0 btn items-center duration-500 py-0 10020 hover:shadow-lg 10021 active:focus:ring-2 active:focus:duration-200 10022 active:focus:ring-offset-2 active:focus:ring-offset-white 10023 btn-cool btn-gradient active:focus:ring-gray-transparent-5 btn-lg" data-toggle-visibility="footer-signup-6ac9631fd408e-signup-form"> 10024 <span class="inline-grid grid-cols-1"> 10025 <span class="col-start-1 row-start-1 default-state">Join our mailing list</span> 10026 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 10027 <svg aria-hidden="true" role="status" 10028 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 10029 fill="none" xmlns="http://www.w3.org/2000/svg"> 10030 <path 10031 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 10032 fill="#6347AA" /> 10033 <path 10034 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.
100341071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 10035 fill="currentColor" /> 10036 </svg> 10037 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 10038 </span> 10039</span> 10040 10041 </button> 10042 </div> 10043 10044 <div data-visible="footer-signup-6ac9631fd408e-confirmation" class="hidden"> 10045 <div class="text-wrap"> 10046 <h2 data-group-id="confirmation" 10047 data-fade-in="delay:0;speed:200" 10048 data-from="opacity-0 translate-y-4" 10049 data-to="opacity-100 translate-y-0" 10050 class="font-bold display-desktop-small text-purple">Thank you!</h2> 10051 <p data-group-id="confirmation" 10052 data-fade-in="delay:100;speed:200" 10053 data-from="opacity-0 translate-y-4" 10054 data-to="opacity-100 translate-y-0" 10055 class="pb-0 body-large-med-wt text-body">You have been added to our mailing list.</p> 10056 </div> 10057 </div> 10058 <div data-visible="footer-signup-6ac9631fd408e-signup-form" class="hidden"> 10059 <form id="email-signup-form" 10060 class="m-0 flex flex-col gap-y-2" 10061 data-group-id="form-fields" 10062 data-fade-in="delay:0;speed:200" 10063 data-from="opacity-0 translate-y-4" 10064 data-to="opacity-100 translate-y-0" 10065 method="post" 10066 action="/signup" 10067 onsubmit="sendSignupForm(event, this)"> 10068 <input type="hidden" name="_token" value="hFUeHEDLorhaBN8MdCMweLQrbidx3ApjM1uzUNMI"> 10069 <div class="grid grid-cols-12 max-w-9xl md:gap-xxs gap-y-xxs sm:gap-y-0"> 10070 10071 10072 <div class="grid col-span-12 sm:col-span-6 "> 10073 10074 <div class="relative input-wrapper z-0 mt-6" id="input-wrapper-id_6ac9631fd42b9"> 10075 <div class="relative"> 10076 10077 <div> 10078 <input 10079 type="text" 10080 id="id_6ac9631fd42b9" 10081 placeholder="Jane" 10082 name="fname" 10083 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6 " 10084 required 10085 value="" 10086 > 10087 <label for="id_6ac9631fd42b9" 10088 class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6 "> 10089 First Name<sup class=" text-lg text-error-5 inline-block absolute right-0 translate-x-0.5" aria-description="Required field">•</sup> 10090 </label> 10091 </div> 10092 <div id="message-id_6ac9631fd42b9" class="message"></div> 10093 </div> 10094 </div> 10095 10096 10097 </div> 10098 <div class="grid col-span-12 sm:col-span-6 "> 10099 10100 10101 <div class="relative input-wrapper z-0 mt-6" id="input-wrapper-id_6ac9631fd436f"> 10102 <div class="relative"> 10103 10104 <div> 10105 <input 10106 type="text" 10107 id="id_6ac9631fd436f" 10108 placeholder="Doe" 10109 name="lname" 10110 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6 " 10111 required 10112 value="" 10113 > 10114 <label for="id_6ac9631fd436f" 10115 class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
10115parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6 "> 10116 Last Name<sup class=" text-lg text-error-5 inline-block absolute right-0 translate-x-0.5" aria-description="Required field">•</sup> 10117 </label> 10118 </div> 10119 <div id="message-id_6ac9631fd436f" class="message"></div> 10120 </div> 10121 </div> 10122 </div> 10123 </div> <div class="grid grid-cols-12 max-w-9xl md:gap-xxs gap-y-xxs sm:gap-y-0"> 10124 10125 10126 <div class="grid col-span-12 sm:col-span-6 "> 10127 10128 <div class="relative input-wrapper z-0 mt-6" id="input-wrapper-id_6ac9631fd44ef"> 10129 <div class="relative"> 10130 10131 <div> 10132 <input 10133 type="email" 10134 id="id_6ac9631fd44ef" 10135 placeholder="[email protected]" 10136 name="email" 10137 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6 " 10138 required 10139 value="" 10140 > 10141 <label for="id_6ac9631fd44ef" 10142 class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6 "> 10143 Email<sup class=" text-lg text-error-5 inline-block absolute right-0 translate-x-0.5" aria-description="Required field">•</sup> 10144 </label> 10145 </div> 10146 <div id="message-id_6ac9631fd44ef" class="message"></div> 10147 </div> 10148 </div> 10149 10150 10151 </div> 10152 <div class="grid col-span-12 sm:col-span-6 "> 10153 10154 10155 <div class="relative input-wrapper z-0 mt-6" id="input-wrapper-id_6ac9631fd45a4"> 10156 <div class="relative"> 10157 10158 <div> 10159 <input 10160 type="text" 10161 id="id_6ac9631fd45a4" 10162 placeholder="12345" 10163 name="zip" 10164 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6 " 10165 required 10166 value="" 10167 > 10168 <label for="id_6ac9631fd45a4" 10169 class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6 "> 10170 Zip Code<sup class=" text-lg text-error-5 inline-block absolute right-0 translate-x-0.5" aria-description="Required field">•</sup> 10171 </label> 10172 </div> 10173 <div id="message-id_6ac9631fd45a4" class="message"></div> 10174 </div> 10175 </div> 10176 </div> 10177 </div> <div id="recaptchaSignup" class="col-span-12 my-4"></div> 10178 <div class="self-start pt-4"> 10179 <button type="submit" class="self-center flex-shrink-0 btn items-center duration-500 py-0 10180 hover:shadow-lg 10181 active:focus:ring-2 active:focus:duration-200 10182 active:focus:ring-offset-2 active:focus:ring-offset-white 10183 btn-cool btn-gradient active:focus:ring-gray-transparent-5 btn-lg" aria-label="Join Us" data-toggle-visibility="footer-signup-6ac9631fd408e-confirmation" id="footer-signup-submit" data-loading-text="Joining..."> 10184 <span class="inline-grid grid-cols-1"> 10185 <span class="col-start-1 row-start-1 default-state">Join Us</span> 10186 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 10187 <svg aria-hidden="true" role="status" 10188 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewB
10188ox="0 0 100 101" 10189 fill="none" xmlns="http://www.w3.org/2000/svg"> 10190 <path 10191 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 10192 fill="#6347AA" /> 10193 <path 10194 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 10195 fill="currentColor" /> 10196 </svg> 10197 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 10198 </span> 10199</span> 10200 10201 </button> 10202 </div> 10203 </form> 10204 </div> 10205</div> 10206 <nav class="py-3 nav-secondary -mt-20" aria-label="Secondary Nav"> 10207 <ul class="flex flex-col items-center uppercase nav--items column lg:flex-row lg:justify-between"> 10208 <li class="nav--item"> 10209 <a href="/locations" 10210 title="Visit Locations" tabindex="0" class="" data-hover-image="">Locations</a> 10211</li> <li class="nav--item"> 10212 <a href="/sunbed-tanning" 10213 title="Visit Sunbed Tanning" tabindex="0" class="" data-hover-image="">Sunbed Tanning</a> 10214</li> <li class="nav--item"> 10215 <a href="/sunless-spray-tanning" 10216 title="Visit Spray Tanning" tabindex="0" class="" data-hover-image="">Spray Tanning</a> 10217</li> <li class="nav--item"> 10218 <a href="/skin-care-products" 10219 title="Visit Skin Care" tabindex="0" class="active" data-hover-image="">Skin Care</a> 10220</li> <li class="nav--item"> 10221 <a href="/pricing-rewards" 10222 title="Visit Pricing & Rewards" tabindex="0" class="" data-hover-image="">Pricing & Rewards</a> 10223</li> <li class="nav--item"> 10224 <a href="/wellness" 10225 title="Visit Wellness" tabindex="0" class="" data-hover-image="">Wellness</a> 10226</li> <li class="nav--item"> 10227 <a href="/contact-us" 10228 title="Visit Contact Us" tabindex="0" class="" data-hover-image="">Contact Us</a> 10229</li> </ul> 10230 </nav> 10231 <div class="pb-6 footer-cols lg:flex lg:items-end lg:pb-10"> 10232 <nav class="py-3 nav-tertiary lg:flex lg:w-2/3" aria-label="Tertiary Nav"> 10233 <ul class="nav--items "> 10234 <li class="nav--item"> 10235 <a href="/privacy-policy" 10236 title="Visit Privacy Policy" tabindex="0" class="" data-hover-image="">Privacy Policy</a> 10237</li> <li class="nav--item"> 10238 <a href="/privacy-policy#california" 10239 title="Visit CA Privacy Notice" tabindex="0" class="" data-hover-image="">CA Privacy Notice</a> 10240</li> <li class="nav--item"> 10241 <a href="/contact-us#do-not-sell-or-share-my-private-info-financial-incentive-optout" 10242 title="Visit Do Not Sell or Share My Personal Information" tabindex="0" class="" data-hover-image="">Do Not Sell or Share My Personal Information</a> 10243</li> <li class="nav--item"> 10244 <a href="/privacy-policy/accessibility-statement" 10245 title="Visit Accessibility Statement" tabindex="0" class="" data-hover-image="">Accessibility Statement</a> 10246</li> </ul> 10247 <ul class="nav--items"> 10248 <li class="nav--item"> 10249 <a href="/making-headlines" 10250 title="Visit Making Headlines" tabindex="0" class="" data-hover-image="">Making Headlines</a> 10251</li> <li class="nav--item"> 10252 <a href="/blog" 10253 title="Visit Educational Resources" tabindex="0" class="" data-hover-image="">Educational Resources</a> 10254</li> <li class="nav--item"> 10255 <a href="/faq" 10256 title="Visit FAQ" tabindex="0" class="" data-hover-image="">FAQ</a> 10257</li> <li class="nav--item"> 10258 <a href="/careers" 10259 title="Visit Careers" tabindex="0" class="" data-hover-image="">Careers</a> 10260</li> <li class="nav--item"> 10261 <a href="/franchising" 10262 title="Visit Franchise Opportunities" tabindex="0" class="" data-hover-image="">Franchise Opportunities</a> 10263</li> <li class="nav--item"> 10264 <a href="/contact-us/corporate-contacts" 10265 title="Visit Corporate Contacts" tabindex="0" class="" data-hover-image="">Corporate Contacts</a> 10266</li> </ul> 10267 </nav> 10268 <div class="hidden cta--app-desktop lg:block lg:w-1/3"> 10269 <div class="flex flex-col lg:flex-row justify-around items-center gap-4"> 10270 <figure class="order-1 lg:order-2"> 10271 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 553.88 724.35" class="w-16 lg:w-12 xl:w-14 mb-2 lg:mb-0"> 10272 <defs> 10273 <style> 10274 .cls-1 { 10275 fill: #231f20; 10276 stroke-width: 0px; 10277 } 10278 </style> 10279 </defs> 10280 <g> 10281 <path class="cls-1" d="M533.85,221.98c.61.41,1.16-.13,1.16-.78,0-.69-.55-1.2-1.16-1.22h-2.71v2h2.71ZM528.14,217.09c-.24-.37.05-.69.45-.12h5.88c2.25-.57,4.46,1.24,4.46,4.14,0,2.25-1.23,3.38-2.43,4.06l1.45,3.52c.22.47-.61,1.27-.61,1.27h-2.06c-.27,0-.54-.23-.6-.47l-1.23-3.53h-1.3v3.02s-.98.69-1.37.98h-2.18c-.4-.3-.69-.62-.45-.98v-11.9ZM532.91,232.98c5.48,0,9.87-4.46,9.87-9.9s-4.39-9.87-9.87-9.87-9.87,4.39-9.87,9.87,4.43,9.9,9.87,9.9M532.91,210.02c7.18,0,13.06,5.88,13.06,13.06s-5.88,13.06-13.06,13.06-13.03-5.88-13.03-13.06,5.84-13.06,13.03-13.06"/> 10282 <path class="cls-1" d="M158.4,250.07c-10.56,4.54-19.82.34-28.88-3.66-13.57-5.99-26.94-12.45-40.36-18.79-18.85-8.92-35.08-21.12-48.9-36.96-8.92-10.24-15.72-21.55-21.37-33.62-4.49-9.58-4.18-20.18-1.44-29.89,4.69-16.
102826,14.23-30.66,24.88-44.35,14.63-18.8,34.04-30.24,54.61-40.6,13.43-6.77,26.53-14.26,40.28-20.33,7.52-3.32,16.04-4.41,24.14-6.4,10.43-2.57,20.78-5.78,31.36-7.36,15.92-2.39,32.03-3.55,48.05-5.32,7.95-.88,15.88-2.67,23.84-2.77,14.71-.17,29.43.66,44.14.97,8.07.17,16.15-.17,24.2.25,6.08.32,12.16,1.24,18.15,2.33,13.63,2.49,27.35,4.65,40.75,8.08,12.66,3.24,25.1,7.52,37.34,12.11,13.49,5.05,26.86,10.52,39.85,16.72,7.97,3.81,15.44,8.92,22.58,14.21,14.01,10.39,28.11,20.76,41.17,32.28,5.39,4.75,8.47,12.29,12.07,18.85,2.56,4.67,4.44,9.74,6.23,14.78,2.32,6.54,3.83,13.11,1.92,20.25-1.59,5.95-2.09,12.19-3.21,18.28-3.09,16.78-14.25,28.95-24.91,40.96-10.02,11.29-22.06,20.58-35.01,28.64-5.8,3.62-10.52,8.95-16.13,12.94-2.43,1.72-5.94,1.86-8.84,3-7.52,2.96-14.85,6.48-22.5,9.05-10.6,3.57-21.34,6.81-32.18,9.55-7.19,1.82-14.79,2.05-21.99,3.84-9.64,2.4-19.02,5.79-28.61,8.39-3.9,1.05-8.04,1.5-12.1,1.61-11.61.3-23.27.83-34.86.22-11.7-.61-23.45-1.82-34.94-4.02-7.01-1.34-12.24-6.93-14.92-13.51-6.36-15.59-1.99-30.34,3.34-45.51,4.99-14.17,11.16-27.59,18.81-40.36,3.96-6.6,9-12.56,13.64-18.74,6.11-8.14,15.9-9.51,24.53-12.69,15.63-5.74,32.1-7.05,48.53-5.98,14.22.93,28.33,3.42,42.49,5.22.93.12,1.86.37,2.8.39.94.03,1.88-.15,3.19-1.39-5.65-2.13-11.21-4.53-16.95-6.36-16.72-5.33-33.57-10.26-50.23-15.77-3.04-1.01-7.22-2.36-7.29-7.16,26.49-5.77,53.02-1.25,79.39-3.46-29.97-8.25-60.23-14.65-91.64-16.32-2.42-5.39.04-9.14,4.92-12.53,6.12-4.24,11.81-9.07,17.6-14.68-2.42.38-4.86.65-7.23,1.18-17.25,3.88-34.55,7.55-51.69,11.87-7.12,1.79-13.89,4.97-20.78,7.62-9.88,3.81-18.83-.98-28.14-2.77-18.82-3.63-36.99-10.98-56.63-9.85-.52.03-1.02.23-1.75.41,8.04,6.84,15.9,13.53,23.76,20.22-.19.85-.38,1.71-.57,2.56-21.03,5.03-42.06,10.07-63.09,15.11.08.71.18,1.43.27,2.14,22.16-4.48,44.21-3.48,66.86,1.2-2.91,1.69-5.72,3.59-8.75,5.02-11.57,5.48-23.29,10.66-34.79,16.27-3.69,1.8-6.88,4.6-10.1,7.26,36.95-9.88,74.07-17.9,112.38-18.94.96-.03,1.95,1.55,2.94,2.39-5.99,6.1-11.68,11.94-17.44,17.69-.71.72-1.81,1.31-2.8,1.46-14.31,2.24-28.8,3.64-42.91,6.76-19.33,4.27-38.43,9.62-57.51,14.93-13.89,3.87-27.67,8.19-41.33,12.82-3.48,1.18-6.3,4.27-10.82,7.48-2.05-.21-2.74-3.57-1.43-5.96,2.72-4.99,6.54-9.35,9.69-14.13,1.86-2.81,2.67-6.56,5.02-8.75,6.23-5.81,12.88-11.18,19.64-16.39,6.92-5.33,14.16-10.25,21.78-15.73-26.21,3.73-51.63,7.38-77.08,10.88-1.26.17-2.7-1.03-4.66-1.86,6.25-7.26,12.69-13.41,20.94-17.71,6.2-3.24,11.7-7.88,18.02-10.8,6.84-3.17,14.2-5.28,21.45-7.46,11.63-3.5,23.33-6.75,35.04-9.96,2.26-.62,4.71-.59,8.7-1.04-17.22-11.94-35.07-17.55-54.55-19.58,2.2-8.05,8.84-8.73,14.64-9.64,21.92-3.47,43.88-3.8,65.74.81,19.16,4.04,38.29,8.25,57.51,11.93,2.76.53,6.24-.97,8.97-2.35,15.95-8.04,33.16-10.91,50.62-13.05,16.28-2,32.46-4.91,48.79-6.34,9.75-.85,19.85-2.63,29.5,1.52,1.29.55,2.89.35,4.6,1.04-14.78,7.35-26.63,18.32-39.27,29.25,10.78,2.37,20.93,4.28,30.89,6.87,15.45,4.03,30.85,8.32,46.12,12.98,4.65,1.43,9.06,4.09,13.14,6.83,7.21,4.83,14.2,10.03,21.04,15.37,1.96,1.53,3.12,4.09,4.07,6.88-23.83-8.28-47.97-10.24-73.93-9.15,5.03,2.58,8.94,4.66,12.92,6.61,11.3,5.51,22.98,10.38,33.84,16.65,7.62,4.4,14.29,10.52,21.05,16.26,1.57,1.33,1.78,4.27,2.61,6.46-2.36.24-4.88,1.13-7.06.61-12.58-2.99-25.13-6.16-37.6-9.56-28.74-7.86-58.14-6.84-87.41-6.07-21.79.57-35.66,14.59-46.93,31.49-2.16,3.24-2.93,7.39-4.4,11.09-.27.67-.73,1.42-1.33,1.79-9.02,5.69-9.62,15.12-9.97,24.13-.28,7.15,1.12,14.35,1.79,21.53.52,5.46,4.69,7.35,9.04,7.85,12.89,1.48,25.81,2.94,38.75,3.38,8.31.28,16.71-1.05,25.02-2.02,20.8-2.44,40.53-8.99,59.56-17.28,12.97-5.65,24.83-13.82,37.72-19.69,11.54-5.26,19.19-15.26,29.47-21.83,15.91-10.16,22.31-26.26,26.13-43.12,1.84-8.15.42-17.92-2.3-26.02-3.84-11.41-9.44-22.45-15.78-32.73-7.93-12.82-19.1-22.67-33.06-29.09-13.48-6.2-26.52-13.52-40.32-18.85-15.72-6.06-31.59-12.13-48.71-13.59-5.28-.45-10.4-2.58-15.68-3.28-18.47-2.47-36.93-5.54-55.5-6.69-15.82-.99-31.82-.17-47.68.82-12.33.76-24.62,2.77-36.85,4.7-7.31,1.16-14.48,3.24-21.71,4.86-9.83,2.22-19.9,3.67-29.46,6.73-22.99,7.35-45.94,14.88-66.3,28.53-9.43,6.31-18.89,12.47-26.58,20.92-2.05,2.25-4.19,4.52-5.72,7.12-5.23,8.83-11.36,17.37-15.02,26.84-5.22,13.53-3.96,27.15,3.34,40.3,10.37,18.69,24.69,33.3,42.48,44.92,6.99,4.56,13.15,10.38,20.12,14.99,10.93,7.22,21.97,14.35,33.49,20.54,4.07,2.19,6.02,4.07,5.61,9"/> 10283 <path class="cls-1" d="M248.07,292.93c-2.72,2.37-4.54,4.95-7,5.94-13.02,5.22-26.06,10.5-39.4,14.82-7.84,2.55-16.12,1.95-23.92-1.57-8.1-3.66-10.69-13.8-8.49-26.16,2.84-16,10.55-29.72,18.23-43.51,8.07-14.5,16.01-29.11,25.07-42.98,8.24-12.62,18.32-23.89,30.47-33.14,8.11-6.17,15.87-12.79,24.05-18.85,1.96-1.46,5-1.47,7.54-2.15.34.52.68,1.05,1.03,1.57-7.88,11.27-15.98,22.39-23.55,33.87-4.75,7.19-7.69,15.77-13.22,22.2-8.21,9.56-10.74,21.5-15.91,32.28-5.65,11.78-11.34,23.83-10.28,37.7.64,8.43,3.28,12.38,11.4,14.37,7.33,1.8,14.71,3.46,23.97,5.62"/> 10284 <path class="cls-1" d="M535.22,540.98c.61.21,1.16-.34,1.16-.99,0-.69-.55-1.19-1.16-1.01h-2.08v2h2.08ZM529.14,535.89c.14-.36.43-.69.82-.91h5.87c2.25.22,4.46,2.04,4.46,4.94,0,2.25-1.23,3.37-2.43,4.06l1.45,3.52c.22.47-.61.48-.61.48h-2.43c-.27,0-.53-.23-.6-.47l-1.23-3.53h-1.3v3.81s-.6.69-1,.19h-2.18c-.4.5-.69.17-.82-.19v-11.89ZM534.28,551.77c5.47,0,9.86-4.46,9.86-9.9s-4.39-9.86-9.86-9.86-9.86,4.39-9.86,9.86,4.42,9.9,9.86,9.9M534.28,528.82c7.18,0,13.05,5.87,13.05,13.05s-5.88,13.05-13.05,13.05-13.02-5.87-13.02-13.05,5.84-13.05,13.02-13.05"/> 10285 <path class="cls-1" d="M398.81,467.66c-.39.05-1.39-1.06-1.32-1.53.09-.59.9-1.29,1.56-1.53.71-.25,1.46.15,1.54,2.08-.24.15-.97.86-1.78.98M369.9,443.3c-.71.05-2.15-.94-2.16-1.46,0-2.49,3.05-.83,4.12-3.5.21,3.11.19,4.8-1.96,4.96M361.35,505.84c-.48,1.25-1.2,2.37-2.93,2.29-.44-.18-1.56-.01-.75-1.15.67-.96.55-2.77,2.49-2.45.75.12,1.59.3
102851,1.2,1.32M348.17,385.87c1.62-2.54,3.47-1.88,6.37-1.52-2.7.98-3.9,3.33-6.37,1.52M347.3,517.08c-.58.29-1.49-.09-1.55-1.08-.05-.86.44-1.37.95-1.52,1.21-.62,1.22.33,1.2.66-.04.68-.17,1.72-.6,1.94M338.84,461.25c-1.18,11.51-3.85,22.92-9.91,32.67-4.38,7.05-11.68,11.8-21.24,10.9-2.98-.28-6.08.12-9.16,0-4.48-.18-6.1-2.89-6.72-6.23-2.69-14.52-3.4-29.47,1.56-43.23,3.08-8.54,10.27-16.06,17.96-21.63,4.85-3.51,15.71.25,19.94,5.51,5.14,6.39,8.64,13.38,7.58,22.01M321.68,542.82c-.7.22-1.14-.33-.74-.83.41-.51,1.2-.72,1.86-.99.08-.03.36.41.71.83-.64.36-1.2.78-1.84.99M293.69,545.95c-1.02-.01-1.94-.49-1.87-1.57.05-.86,1.03-.76,1.74-.78.69.13,1.52.11,1.56,1.12.04.96-.63,1.24-1.43,1.23M285.05,434.8c-.14-2.28.55-3.67,3.09-3.65,1.24-1.7,2.84-1.54,6.06-1.04-2.49,1.09-3.67,1.6-4.85,2.12-1.49.59-2.06,2.61-4.3,2.58M285.2,518.35c-.81-.02-1.96.27-1.85-1.14.04-.46.51-.89.79-1.33.67.53,1.34,1.05,1.92,1.51.3,1-.4.98-.86.97M300.19,401.25c.36.44,1.74-.3,1.25,1.09-.24.68-.64,1.5-1.55,1.29-.44-.1-.95-.66-1.09-1.1-.35-1.15.66-1.07,1.38-1.28M302.91,372.12c.44.41,1.18.79,1.34,1.34.22.74-.32,1.46-1.17,1.53-1.07.09-1.74-.64-1.88-1.59-.14-1.01.92-.83,1.71-1.27M336.25,400.64c.05-.28.93-.4,1.62-.67.32.39.84.74.86,1.12.06.88-.5,1.32-1.4,1.14-.86-.18-1.22-.89-1.08-1.6M271.55,457.17c-.55.29-1.14-.04-.76-.84.31-.67.74-1.29,1.17-2.02.66.84,1.04,1.22,1,1.29-.42.57-.82,1.25-1.41,1.57M266.85,539.25c-1.18-.38-3.15-.18-2.81-1.97.19-1,1.69-2.22,2.79-2.47,1.91-.43,1.88,1.3,1.93,2.64,0,1.29-.2,2.34-1.91,1.8M263.42,482.78c-.37.49-1.18.77-1.83.88-.23.04-.59-.7-.81-.98.29-1.17,1.07-1.06,1.76-.99.62.06,1.65.04.88,1.08M243.3,404.16c-1.84-2.41-1.24-3.8-.14-5.05.17-.2,1.26,0,1.36.23.78,1.86-1.23,2.57-1.22,4.81M238.9,452.67c1.24-1.39,1.73-3.32,3.84-3.06.31.04.85.96.74,1.15-.99,1.65-2.51,2.14-4.58,1.91M223.83,543.51s-.03.02-.04.03h0c-.06.02-.13.03-.19.04-.29,3.41-3.32,1.93-6.18,3.93,2-3.66,4.28-3.48,6.18-3.93,0-.07.03-.11.03-.19.06.04.13.07.19.12,2.52-1.86,5.22-1.27,8.52-.59-3.09,2.77-5.77,2.4-8.52.59M407.28,436.43c-1.28-7.23-3.56-14-6.02-20.88-4.54-12.73-12.71-22.29-23.67-29.58-3.97-2.64-8.62-4.99-13.24-5.73-8.5-1.36-17.17-1.71-25.76.41-9.34,2.31-19.37,2.77-26.38,10.78-1.18,1.34-2.96,1.01-4.26.67-2.23-.57-.04-1.99-.05-2.99-.21-12.85,4.47-24.77,7.3-37.05,1.97-8.55,5.29-16.82,5.25-25.78-.01-2.33-.27-4.23-3.29-4.13-4.56.14-9.08-.98-13.57-1.01-16.92-.11-33.88-.86-51.16,1.34-.17,1.6-.46,3.18-.84,4.74.93,3.61-1.29,7.41-1.85,10.9-1.36,8.43-3.98,16.67-6.22,24.94-4.06,14.94-4.81,30.57-8.52,45.43-4.21,16.87-7.35,33.86-9.61,50.97-2.76,20.95-9.33,41.05-12.55,61.91-1.03,6.7-3.93,13.76-6.26,20.57-3.36,9.84-2.98,10.04,7.05,8.64.57-.08,1.16-.08,1.72,0,13.78,2.06,27.63,1.07,41.47,1.11,10.19.03,13.63-2.57,16.45-12.64,5.94,5.44,13.49,6.83,20.03,10.14,8.66,4.38,18.29,6.63,27.91,6.82,6.85.14,14.04.62,20.76-1.83,13.15-4.8,24.43-12.63,34.99-21.66,5.62-4.8,8.8-11.25,12.83-17.2,3.31-4.89,7.23-9.8,8.37-15.27,3.57-17.18,11.55-33.78,8.25-51.99-.74-4.06,1.62-7.47.89-11.62"/> 10286 <path class="cls-1" d="M199.75,480.15c1.79-1.01,1.84-3.33,4.05-3.22.27.01.81.91.71,1.25-.64,2.15-2.2,2.61-4.76,1.98M184.2,392.13c-1.37-.02-1.79-.83-2.23-1.61.4-.21.78-.55,1.2-.61.95-.15,1.88,0,1.75,1.28-.04.39-.54.73-.72.94M172.98,442.87c.08-.48-2.45-2.13-.4-4.08.49-.46,1.35-1.02,1.87-.11,1.28,2.25-1.54,3.53-1.47,4.18M151.26,496.75c-.22.02-.77-.81-.7-1.13.45-2.01,1.97-1.38,3.39-1.41-.45,1.54-1.27,2.45-2.69,2.54M144.65,500.43c1.42-1.21,2.84-2.43,4.6-3.95-.06,3.23-1.97,3.96-4.6,3.95M143.61,460.39c-.09,4.82-1.77,9.6-2.08,14.44-.59,9.16-6.48,15.89-10.71,23.19-2.26,3.91-7.64,5.66-10.74,5.63-18.03-1.4-26.05-11.18-23.83-27.05.89-6.31,1.34-12.72,2.78-18.89,1.83-7.82,4.24-15.56,13.03-18.8,1.3-.48,2.49-1.83,3.28-3.07,4.93-7.79,16.48-8.4,22.67-1.63,7.11,7.78,5.78,17.11,5.6,26.18M129.14,550.98h7.62c-2.37,3.72-4.4,1.41-7.28,0M100.02,398.7c.38.02,1.09.82,1.02,1.08-.74,2.58-3.62,1.07-4.96,2.65.87-1.95,1.69-3.84,3.94-3.73M89.7,406.75c-.15-2.24,1.13-2.61,2.99-2.77-.1,2.35-1.63,2.41-2.99,2.77M75.8,540.6c-.8.32-1.79-.13-1.78-.73.05-1.39,1.36-1.98,2.71-2.85.64,1.7.69,2.93-.93,3.58M69.09,432.5c.84-2.44,2.3-3.05,4.46-4.18-.78,2.54-1.94,3.49-4.46,4.18M65.26,590.52c-.19-2.39-4.33-4.78-.22-7.15.72-.41,1.32-.88,1.73.09,1.09,2.61.08,4.87-1.51,7.06M57.68,454.44c-.84.51-1.16-.25-1.1-.61.09-.64.37-1.45.85-1.78.61-.4,1.42-.27,1.42.83,0,.85-.47,1.33-1.17,1.56M42.59,565.26c-.37-.86.03-2.06,1.01-2.34,2.38-.66,2.48,2.4,4.25,3.1-1.91.14-4.12,1.92-5.26-.76M39.23,441.46c-.24.13-1.19-.39-1.23-.68-.15-1.06.44-1.66,1.57-1.61.6.12,1.72-.16,1.56.68-.13.66-1.15,1.23-1.9,1.62M27.66,518.37c.18,4.11-3.95,1.46-5.39,3.35-.52.68-1.62-.64-1.33-1.68.7-2.51,3.18-2.89,5.1-3.69,1.64-.68,1.72.82,1.62,2.03M18.33,586.75c-.78-.47-.84-1.03-.43-1.48.34-.37.92-.75,1.36-.72.32.03.59.72.88,1.12-.63.38-1.27.75-1.81,1.08M13.19,600.81c-.28-.1-.6-1.23-.42-1.4,1.39-1.35,2.97-.85,4.93-.17-1.36,2.3-2.95,2.08-4.5,1.57M11.57,576.28c-1.07.65-.97-.47-1.04-1.08-.12-1.04.15-1.85,1.43-1.72.43.04.85.29,1.32.46-.64.92-1,1.91-1.71,2.34M211.49,449.44c-.61-6.12-1.58-12.39-1.79-18.32-.21-6.24-1.85-11.83-4.6-16.37-4.5-7.45-7.26-16.06-13.32-22.42-3.62-3.8-6.9-7.93-12.63-9.84-9.42-3.15-18.56-2.61-28.2-2.06-15.39.88-28.89,5.66-41.71,15.33,0-3.55-.04-6.42.02-9.28.04-2.09-.89-3.37-2.95-3.43-10.07-.32-20.16-1.02-30.21-.67-8.46.3-16.89,1.99-25.38,1.64-3.64-.15-4.74,1.33-5.53,4.37-3.42,13.09-6.86,26.17-10.55,39.19-1.5,5.27-3.42,10.52-5.01,15.68-1.63,5.29-2.31,11.32-2.82,17.12-.92,10.46-4.73,20.36-6.11,30.8-1.54,11.67-4.21,23.21-6.7,34.73-2.43,11.26-6.39,22.33-7.61,33.7-1.42,13.26-1.81,26.56-6.08,39.37-1.38,4.15,2.13,8.22,6.39,7.53,8-1.3,16.02-.92,24.04-.74,3.94.08,7.96,1.31,11.8.85,7.92-.94,15.7-3.03,23.62-3.86,2.51-.26,2.44-1,2.98-2.72,2.48-7.89,3.96-16.17,5.15-24.13,1.88-12.65,6-24.66,7.83-37.25,1.23.25,1.76.78,1.99,1.46,1.15-.39,2.45-.19,3.53,1.02,1.83,2.06,4.11,3.46,6.52,4.66,4.6-.12,8.22,3.16,12.07,4.83,10.67,4.62,21.59,5.15,32.94,4.85,7-.19,13.21-2.7,19-5.56,4.7-2.32,10.2-2.82,14.32-6.74,5.32-5.06,11.43-9.29,16.96-14.15,1.93-1.69,3.74-3.81,4.4-6.49,3.94-15.89,15.38-28.93,16.42-46.13.55-8.98,2.11-17.9,1.21-26.96"/>
10287 <path class="cls-1" d="M516.34,424.43c-.62-.48-1.3-.74-1.37-1.11-.19-1.05.74-1.18,1.46-1.21.65-.03,1.75-.25,1.49.92-.12.54-.99.91-1.58,1.41M504.18,379.59c1.02-1.88,1.52-3.36,3.87-3.43-.37,2.08-1.33,3.09-3.87,3.43M492.14,517.65c-1.03,1.6-2.06,2.31-3.49,1.93-.27-.07-.62-1.03-.46-1.34.94-1.77,2.37-1.21,3.94-.59M495.3,542.66c1.33.83,1.17,2,.44,3.27-1.45-.51-1.24-2.07-1.98-2.96.52-.12,1.22-.51,1.54-.31M482.91,428.22c-1.18,1.26-2.6.83-5.01.51,2.26-1.36,3.16-2.53,4.59-1.89.31.14.59,1.19.42,1.38M465.71,501.7c-.35-.28-.41-.98-.47-1.5-.02-.11.54-.29.96-.5.23.48.66.94.66,1.41,0,.65-.66.99-1.15.59M452.06,528.86c-.25.84-.99,1.06-2.64,1.11.05.14-.39-.49-.22-.8.34-.62.92-1.33,1.55-1.51.53-.16,1.67,0,1.32,1.2M448.78,513.4c-.98.38-1.72.16-1.74-.72-.03-1.25.94-1.98,2-2.33,1.19-.4,1.82.89,1.89,1.48.21,1.58-1.95.45-2.15,1.57M442.07,545.82c-1.85-.69-3.63-1.75-3.43-5.99,1.94,2.71,4.81,1.73,5.21,4.27.1.65-.72,2.11-1.78,1.72M433.32,464.7c-1.85-.23-.83-1.47-.09-2.24.33-.34.85-.49,1.38-.79.48,1.57-.34,3.15-1.29,3.03M418.36,405.96c-.55.66.09,2.06-1.22,2.21-.97.11-1.34-.46-.78-1.34.45-.7.06-2.11,1.52-1.95.48.05,1.09.37.49,1.08M415.06,419.7c-1.65.18-1.81-.86-1.68-2.13.13-1.16.69-1.08,1.41-.5.64.5,2.04.06,1.94,1.52-.13,1.01-.95,1.04-1.67,1.11M543.88,384.03c.05-1.97.45-2.76-1.99-3.45-7.89-2.21-15.8-2.72-23.9-1.8-2.02.22-4.95.8-4.43-2.8,1.4-9.73,2.72-19.49,4.7-29.12,1.29-6.3-.19-9.49-6.43-9.72-10-.36-20.01-.29-30.02-.51-5.01-.11-10-.58-15.01-.63-3.77-.04-7.61.64-11.23,1.32-6.04,1.13-2.15,6.44-2.89,9.86-.11.51-.65.91-.89,1.42-3.51,7.28-4.18,15.35-6.34,23-1.16,4.1-1.64,10.49-5.75,10.89-5.59.54-11.24,3.06-17.3.74-5.1-1.95-8.22.93-9,6.7-1.13,8.34-2.36,16.62-5.45,24.58-2.72,6.98-.14,10.18,7.27,9.73,3.82-.23,7.63-.68,11.43-1.1,6.68-.75,6.72-.67,5.69,5.99-.15,1,.76,2.14.7,3.2-.18,3.42.18,6.74-.91,10.19-.38,6.14-2.39,11.8-3.62,17.83-1.39,6.85-2.74,13.7-4.68,20.42-.15.54-.39.98-.69,1.35-3.2,11.31-5.69,22.66-4.14,34.83,1.82,14.31,9.07,24.39,20.79,31.92,2.69,1.73,5.23,3.92,8.62,3.92,9.5.01,18.89,2.28,28.01.98,9.93,1.09,19.27-.38,28.45-2.41,2.59-.57,6.11.05,7.43-5.06,2.86-11.09,4.42-22.57,8.89-33.25,1.17-2.8-.09-5.35-.82-8.2-1.52-5.91-5.34-2.03-7.66-2.26-3.96-.41-7.86-.97-11.67-1.99-.62-.17-2.41.12-2.26-1.37-2.14-.48-4.18-1.31-6.58-1.62-1.89-.25-3.94-1.53-3.76-3.76.37-4.6,1.81-8.98,2.39-13.55.05-.37.15-.7.28-1.01.56-5.16,1.62-10.19,2.59-15.25,2.21-11.47,4.68-22.85,9.97-33.44,1.02-2.04,2.03-2.8,4.2-2.83,7.39-.11,14.76-.06,22.15-1.02,5.06-.65,10.04.13,8.83-7.67-.17-1.1.7-3.48,1.28-5.22,1.77-5.29-1.19-11.69,3.78-16.3-3.48-4.46-.17-9.03-.05-13.53"/> 10288 </g> 10289 <path class="cls-1" d="M526.14,687.98v-1h.97c.29,0,.5.21.5.5s-.21.5-.5.5h-.97ZM525.14,690.77c0,.11.09.21.21.21h.99s.23-.31-.19-.43v-1.57h1.05l.53,1.63c.03.09.21.37.21.37h-.02c.15,0,.25-.14.19-.29l-.5-1.14c.34-.16.77-.49.77-1.21,0-.85-.67-1.36-1.34-1.36h-1.69c-.12,0-.21.1-.21.21v3.59ZM523.73,688.57c0-1.89,1.53-3.41,3.4-3.41s3.41,1.52,3.41,3.41-1.51,3.41-3.41,3.41-3.4-1.53-3.4-3.41M522.79,688.57c0,2.4,1.95,4.35,4.35,4.35s4.36-1.95,4.36-4.35-1.96-4.36-4.36-4.36-4.35,1.96-4.35,4.36M499.14,722.89c0,.57.43,1.09,1.02,1.09h4.9c.59,0,1.08-.49,1.08-1.08v-18.23l12.44-19.03c.43-.74,0-1.66-.86-1.66h-5.54c-.43,0-.7.29-.86.51l-8.61,13.15-8.62-13.15c-.16-.23-.43-.51-.86-.51h-5.49c-.86,0-1.29.91-.86,1.66l12.27,19.08v18.17ZM464.14,701.98v-11h6.35c3.06,0,5.64,2.3,5.64,5.31,0,3.23-2.57,5.69-5.64,5.69h-6.35ZM457.14,722.89c0,.57.43,1.09,1.02,1.09h4.9c.59,0,1.08-.49,1.08-1.08v-13.92h7.01c6.84,0,12.5-5.66,12.5-12.61s-5.66-12.39-12.56-12.39h-12.93c-.59,0-1.02.51-1.02,1.09v37.83ZM425.39,710.98l5.79-13h.18l5.91,13h-11.88ZM413.14,723.98h5.75c.87,0,1.37-.55,1.59-1.09l2.68-5.91h16.35l2.68,5.91c.38.76.77,1.09,1.59,1.09h5.37c.85,0,1.3-.73.96-1.47l-17.35-37.91c-.17-.34-.39-.62-.96-.62h-.66c-.51,0-.79.29-.97.63l-17.68,38.27c-.34.74.11,1.48.97,1.48M386.14,701.98v-11h8.84c2.77,0,5.45,2.23,5.63,4.99.21,3.26-2.41,6.01-5.46,6.01h-9.01ZM379.14,722.89c0,.57.46,1.09,1.09,1.09h4.83c.59,0,1.08-.49,1.08-1.08v-14.92h6.48l7.77,15.47c.12.23.41.53.94.53h6.1c.97,0,1.37-.92.97-1.66l-7.83-14.51c4.97-2,8.46-6.29,8.46-11.54,0-6.8-5.6-12.29-12.46-12.29h-16.34c-.63,0-1.09.51-1.09,1.09v37.83ZM344.14,722.89c0,.57.45,1.09,1.07,1.09h22.85c.63,0,1.09-.53,1.09-1.11v-4.78c0-.58-.46-1.11-1.09-1.11h-16.91v-10h13.93c.56,0,1.07-.47,1.07-1.1v-4.82c0-.59-.49-1.08-1.08-1.08h-13.92v-9h16.9
102891c.63,0,1.09-.49,1.09-1.04v-4.87c0-.57-.45-1.09-1.07-1.09h-22.86c-.62,0-1.07.51-1.07,1.09v37.83ZM299.14,722.89c0,.59.49,1.08,1.08,1.08h4.81c.64,0,1.11-.52,1.11-1.1v-15.9h19v15.91c0,.57.43,1.09,1.02,1.09h4.9c.59,0,1.08-.49,1.08-1.08v-37.84c0-.59-.49-1.08-1.08-1.08h-4.81c-.64,0-1.11.5-1.11,1.07v14.93h-19v-14.91c0-.57-.43-1.09-1.02-1.09h-4.9c-.59,0-1.08.49-1.08,1.08v37.84ZM275.14,722.89c0,.59.49,1.08,1.08,1.08h4.84c.59,0,1.08-.49,1.08-1.08v-31.92h8.92c.63,0,1.08-.52,1.08-1.11v-4.79c0-.59-.45-1.11-1.08-1.11h-24.84c-.62,0-1.08.52-1.08,1.11v4.79c0,.58.46,1.11,1.08,1.11h8.92v31.92ZM230.14,722.89c0,.57.43,1.09,1.02,1.09h4.9c.59,0,1.08-.49,1.08-1.08v-18.23l12.44-19.03c.43-.74,0-1.66-.86-1.66h-5.55c-.43,0-.7.29-.86.51l-8.62,13.15-8.61-13.15c-.16-.23-.43-.51-.86-.51h-5.49c-.86,0-1.29.91-.86,1.66l12.27,19.08v18.17ZM197.14,722.89c0,.59.49,1.08,1.08,1.08h4.84c.59,0,1.08-.49,1.08-1.08v-31.92h8.92c.63,0,1.08-.52,1.08-1.11v-4.79c0-.59-.45-1.11-1.08-1.11h-24.84c-.63,0-1.08.52-1.08,1.11v4.79c0,.58.45,1.11,1.08,1.11h8.92v31.92ZM148.14,708.71c0,8.64,6.95,15.64,15.97,15.64s16.03-6.99,16.03-15.64v-23.65c0-.59-.49-1.08-1.08-1.08h-4.81c-.64,0-1.11.51-1.11,1.08v23.31c0,4.77-3.45,8.58-8.53,8.58s-8.47-3.81-8.47-8.64v-23.25c0-.57-.47-1.08-1.11-1.08h-5.81c-.59,0-1.08.49-1.08,1.08v23.65ZM118.7,710.98l5.79-13h.18l5.91,13h-11.88ZM107.14,723.98h5.06c.87,0,1.37-.55,1.59-1.09l2.68-5.91h16.35l2.68,5.91c.38.76.77,1.09,1.59,1.09h5.37c.85,0,1.3-.73.96-1.47l-17.35-37.91c-.17-.34-.39-.62-.96-.62h-.65c-.51,0-.8.29-.97.63l-17.68,38.27c-.34.74.11,1.48.97,1.48M76.14,722.89c0,.57.45,1.09,1.07,1.09h23.85c.63,0,1.09-.53,1.09-1.11v-4.78c0-.58-.46-1.11-1.09-1.11h-16.91v-10h13.93c.56,0,1.07-.47,1.07-1.1v-4.82c0-.59-.49-1.08-1.08-1.08h-13.92v-9h15.97c.6,0,1.03-.49,1.03-1.04v-4.87c0-.57-.45-1.09-1.07-1.09h-22.86c-.62,0-1.07.51-1.07,1.09v37.83ZM47.14,716.98v-10h6.12c2.92,0,5.73,2.08,5.73,4.89s-2.25,5.11-5.06,5.11h-6.8ZM47.14,700.98v-10h6.12c2.91,0,4.91,2,4.91,4.86s-2,5.14-4.91,5.14h-6.12ZM40.14,722.89c0,.57.46,1.09,1.08,1.09h13.83c6.97,0,12.46-4.63,12.46-11.03,0-5.26-4.4-8.34-7.43-9.32,2.69-1.26,6.29-4.69,6.29-9.09,0-6-5.26-10.57-12.06-10.57h-13.09c-.63,0-1.08.51-1.08,1.09v37.83ZM472.14,661.98v-26h6.03c7.01,0,13.01,5.44,13.25,12.44.26,7.72-5.22,13.56-12.79,13.56h-6.49ZM465.14,667.89c0,.59.49,1.08,1.08,1.08h13.49c11.03,0,20.06-8.97,20.06-20.06s-9.03-19.94-20.06-19.94h-13.49c-.59,0-1.08.49-1.08,1.08v37.84ZM431.14,667.89c0,.57.45,1.09,1.07,1.09h22.85c.63,0,1.09-.53,1.09-1.11v-4.78c0-.58-.46-1.11-1.09-1.11h-16.91v-10h13.93c.56,0,1.07-.47,1.07-1.1v-4.82c0-.59-.49-1.08-1.08-1.08h-13.92v-9h16.91c.63,0,1.09-.49,1.09-1.04v-4.87c0-.57-.45-1.09-1.07-1.09h-22.86c-.62,0-1.07.51-1.07,1.09v37.83ZM395.14,667.89c0,.59.49,1.08,1.08,1.08h23.82c.63,0,1.1-.52,1.1-1.1v-4.8c0-.58-.47-1.1-1.1-1.1h-13.9v-.11l17-30.99v-.82c0-.59-.49-1.08-1.08-1.08h-23.84c-.59,0-1.08.49-1.08,1.08v4.84c0,.59.49,1.08,1.08,1.08h13.92v.23l-17,30.67v1.03ZM381.22,668.98h4.84c.59,0,1.08-.49,1.08-1.08v-37.84c0-.59-.49-1.08-1.08-1.08h-4.84c-.59,0-1.08.49-1.08,1.08v37.84c0,.59.49,1.08,1.08,1.08ZM350.14,667.89c0,.57.43,1.09,1.02,1.09h20.87c.64,0,1.11-.53,1.11-1.11v-4.78c0-.58-.47-1.11-1.11-1.11h-14.89v-31.92c0-.59-.49-1.08-1.08-1.08h-4.9c-.59,0-1.02.51-1.02,1.09v37.83ZM318.89,654.98l5.79-13h.18l5.91,13h-11.88ZM307.14,668.98h5.25c.87,0,1.37-.55,1.59-1.09l2.68-5.91h16.35l2.68,5.91c.38.76.77,1.09,1.59,1.09h5.57c.87,0,1.33-.75.98-1.5l-17.78-38.86c-.18-.34-.4-.64-.98-.64h-.42c-.51,0-.8.29-.97.63l-17.68,38.27c-.34.74.11,1.48.97,1.48M266.14,666.89c0,.59.49,1.08,1.08,1.08h4.89c.6,0,1.03-.51,1.03-1.07v-23.93h.06l23.68,26h1.18c.59,0,1.08-.49,1.08-1.08v-37.84c0-.59-.49-1.08-1.08-1.08h-4.9c-.59,0-1.02.5-1.02,1.07v22.93h-.06l-23.53-25h-1.34c-.59,0-1.08.49-1.08,1.08v37.84ZM223.99,648.79c0-7.16,5.86-13.14,13.02-13.14s13.08,5.97,13.08,13.14-5.92,13.02-13.08,13.02-13.02-5.86-13.02-13.02M216.6,648.79c0,11.37,9.04,20.41,20.41,20.41s20.47-9.04,20.47-20.41-9.1-20.53-20.47-20.53-20.41,9.16-20.41,20.53M185.44,664.76c1.14,1.08,5.34,4.43,12.51,4.43,8.02,0,13.08-5.4,13.08-11.26,0-7.34-6.37-10.63-11.88-12.85-4.6-1.87-6.71-3.7-6.71-6.37,0-1.82,1.76-3.98,5.01-3.98s7.45,2.84,7.9,3.13c.68.45,1.53,0,1.99-.68l2.16-3.24c.4-.57.23-1.53-.34-1.88-1.14-.85-5.57-3.81-11.37-3.81-9.04,0-12.79,5.86-12.79,10.92,0,6.71,5.34,10.12,10.69,12.28,4.78,1.93,7.22,3.92,7.22,6.82,0,2.45-2.22,4.38-5.18,4.38-3.7,0-8.3-3.35-8.59-3.52-.51-.4-1.48-.4-1.93.4l-2.05,3.52c-.51.91-.23,1.2.28,1.71M156.14,646.98v-11h8.84c2.77,0,5.45,2.23,5.63,4.99.21,3.26-2.41,6.01-5.46,6.01h-9.01ZM148.14,667.89c0,.57.46,1.09,1.09,1.09h5.83c.59,0,1.08-.49,1.08-1.08v-14.92h6.48l7.77,15.47c.12.23.41.53.94.53h5.11c.97,0,1.37-.92.97-1.
1028966l-7.83-14.51c4.97-2,8.46-6.29,8.46-11.54,0-6.8-5.6-12.29-12.46-12.29h-16.34c-.63,0-1.09.51-1.09,1.09v37.83ZM114.14,667.89c0,.57.45,1.09,1.07,1.09h22.85c.63,0,1.09-.53,1.09-1.11v-4.78c0-.58-.46-1.11-1.09-1.11h-16.91v-10h13.93c.56,0,1.07-.47,1.07-1.1v-4.82c0-.59-.49-1.08-1.08-1.08h-13.92v-9h16.91c.63,0,1.09-.49,1.09-1.04v-4.87c0-.57-.45-1.09-1.07-1.09h-22.86c-.62,0-1.07.51-1.07,1.09v37.83ZM86.14,646.98v-11h6.35c3.06,0,5.64,2.3,5.64,5.31,0,3.23-2.57,5.69-5.64,5.69h-6.35ZM79.14,667.89c0,.57.43,1.09,1.02,1.09h4.9c.59,0,1.08-.49,1.08-1.08v-13.92h7.01c6.84,0,12.5-5.66,12.5-12.61s-5.66-12.39-12.56-12.39h-12.93c-.59,0-1.02.51-1.02,1.09v37.83Z"/> 10290 </svg> 10291 </figure> 10292 <figure class="order-2 lg:order-1"> 10293 <img 10294 src="/image/ada75ef80432f549851932a27c0f6b21.webp" 10295 srcset="/image/ada75ef80432f549851932a27c0f6b21.webp 1x, /image/[email protected] 2x" 10296 loading="lazy" width="250" height="32" class="max-w-xs mx-auto" 10297 alt="Palm Beach Tan - Premier Rewards logo"> 10298 10299 </figure> 10300</div> 10301 10302<h2 class="my-4 text-2xl font-bold text-body text-center">Download the MyPBT⢠App:</h2> 10303<div class="app__links text-center not-prose"> 10304 <a class="inline-block pr-1" href="https://apps.apple.com/us/app/my-pbt/id1480300712" target="_blank" rel="noopener"> 10305 <img class="h-10 mt-0" src="/pbt/images/apple-app-store.png" 10306 srcset="/pbt/images/[email protected]" 10307 width="120" height="40" 10308 alt="Download on the App Store" 10309 loading="lazy"> 10310 </a> 10311 <a class="inline-block pl-1" href="https://play.google.com/store/apps/details?id=com.palmbeachtan.mypbt" target="_blank" rel="noopener"> 10312 <img class="h-10 mt-0" src="/pbt/images/google-play-badge.png" 10313 srcset="/pbt/images/[email protected]" 10314 width="136" height="41" 10315 alt="Get it on Google Play" 10316 loading="lazy"> 10317 </a> 10318</div> </div> 10319 </div> 10320 <p class="text-sm uppercase legal text-body text-center lg:text-left pb-4">Featuring Australian Gold<sup>®</sup> lotions</p> 10321 </div> 10322 </div> 10323 <div class="container flex flex-col flex-wrap items-center py-10 footer-secondary lg:flex-row lg:justify-between lg:px-0"> 10324 <div class="pb-10 cta--app-mobile lg:hidden"> 10325 <div class="flex flex-col lg:flex-row justify-around items-center gap-4"> 10326 <figure class="order-1 lg:order-2"> 10327 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 553.88 724.35" class="w-16 lg:w-12 xl:w-14 mb-2 lg:mb-0"> 10328 <defs> 10329 <style> 10330 .cls-1 { 10331 fill: #231f20; 10332 stroke-width: 0px; 10333 } 10334 </style> 10335 </defs> 10336 <g> 10337 <path class="cls-1" d="M533.85,221.98c.61.41,1.16-.13,1.16-.78,0-.69-.55-1.2-1.16-1.22h-2.71v2h2.71ZM528.14,217.09c-.24-.37.05-.69.45-.12h5.88c2.25-.57,4.46,1.24,4.46,4.14,0,2.25-1.23,3.38-2.43,4.06l1.45,3.52c.22.47-.61,1.27-.61,1.27h-2.06c-.27,0-.54-.23-.6-.47l-1.23-3.53h-1.3v3.02s-.98.69-1.37.98h-2.18c-.4-.3-.69-.62-.45-.98v-11.9ZM532.91,232.98c5.48,0,9.87-4.46,9.87-9.9s-4.39-9.87-9.87-9.87-9.87,4.39-9.87,9.87,4.43,9.9,9.87,9.9M532.91,210.02c7.18,0,13.06,5.88,13.06,13.06s-5.88,13.06-13.06,13.06-13.03-5.88-13.03-13.06,5.84-13.06,13.03-13.06"/> 10338 <path class="cls-1" d="M158.4,250.07c-10.56,4.54-19.82.34-28.88-3.66-13.57-5.99-26.94-12.45-40.36-18.79-18.85-8.92-35.08-21.12-48.9-36.96-8.92-10.24-15.72-21.55-21.37-33.62-4.49-9.58-4.18-20.18-1.44-29.89,4.69-16.6,14.23-30.66,24.88-44.35,14.63-18.8,34.04-30.24,54.61-40.6,13.43-6.77,26.53-14.26,40.28-20.33,7.52-3.32,16.04-4.41,24.14-6.4,10.43-2.57,20.78-5.78,31.36-7.36,15.92-2.39,32.03-3.55,48.05-5.32,7.95-.88,15.88-2.67,23.84-2.77,14.71-.17,29.43.66,44.14.97,8.07.17,16.15-.17,24.2.25,6.08.32,12.16,1.24,18.15,2.33,13.63,2.49,27.35,4.65,40.75,8.08,12.66,3.24,25.1,7.52,37.34,12.11,13.49,5.05,26.86,10.52,39.85,16.72,7.97,3.81,15.44,8.92,22.58,14.21,14.01,10.39,28.11,20.76,41.17,32.28,5.39,4.75,8.47,12.29,12.07,18.85,2.56,4.67,4.44,9.74,6.23,14.78,2.32,6.54,3.83,13.11,1.92,20.25-1.59,5.95-2.09,12.19-3.21,18.28-3.09,16.78-14.25,28.95-24.91,40.96-10.02,11.29-22.06,20.58-35.01,28.64-5.8,3.62-10.52,8.95-16.13,12.94-2.43,1.72-5.94,1.86-8.84,3-7.52,2.96-14.85,6.48-22.5,9.05-10.6,3.57-21.34,6.81-32.18,9.55-7.19,1.82-14.79,2.05-21.99,3.84-9.64,2.4-19.02,5.79-28.61,8.39-3.9,1.05-8.04,1.5-12.1,1.61-11.61.3-23.27.83-34.86.22-11.7-.61-23.45-1.82-34.94-4.02-7.01-1.34-12.24-6.93-14.92-13.51-6.36-15.59-1.99-30.34,3.34-45.51,4.99-14.17,11.16-27.59,18.81-40.36,3.96-6.6,9-12.56,13.64-18.74,6.11-8.14,15.9-9.51,24.53-12.69,15.63-5.74,32.1-7.05,48.53-5.98,14.22.93,28.33,3.42,42.49,5.22.93.12,1.86.37,2.8.39.94.03,1.88-.15,3.19-1.39-5.65-2.13-11.21-4.53-16.95-6.36-16.72-5.33-33.57-10.26-50.23-15.77-3.04-1.01-7.22-2.36-7.29-7.16,26.49-5.77,53.02-1.25,79.39-3.46-29.97-8.25-60.23-14.65-91.64-16.32-2.42-5.39.04-9.14,4.92-12.53,6.12-4.24,11.81-9.07,17.6-14.68-2.42.38-4.86.65-7.23,1.18-17.25,3.88-34.55,7.55-51.69,11.87-7.12,1.79-13.89,4.97-20.78,7.62-9.88,3.81-18.83-.98-28.14-2.77-18.82-3.63-36.99-10.98-56.63-9.85-.52.03-1.02.23-1.75.41,8.04,6.84,15.9,13.53,23.76,20.22-.19.85-.38,1.71-.57,2.56-21.03,5.03-42.06,10.07-63.09,15.11.08.71.18,1.43.27,2.14,22.16-4.48,44.21-3.48,66.86,1.2-2.91,1.69-5.72,3.59-8.75,5.02-11.57,5.48-23.29,10.66-34.79,16.27-3.69,1.8-6.88,4.6-10.1,7.26,36.95-9.88,74.07-17.9,112.38-18.94.96-.03,1.95,1.55,2.94,2.39-5.99,6.1-11.68,11.94-17.44,17.69-.71.72-1.81,1.31-2.8,1.46-14.31,2.24-28.8,3.64-42.91,6.76-19.33,4.27-38.43,9.62-57.51,14.93-13.89,3.87-27.67,8.19-41.33,12.82-3.48,1.18-6.3,4.27-10.82,7.48-2.05-.21-2.74-3.57-1.43-5.96,2.72-4.99,6.54-9.35,9.69-14.13,1.86-2.81,2.67-6.56,5.02-8.75,6.23-5.81,12.88-11.18,19.64-16.39,6.92-5.33,14.16-10.25,21.78-15.73-26.21,3.73-51.63,7.38-77.08,10.88-1.26.17-2.7-1.03-4.66-1.86,6.25-7.26,12.69-13.41,20.94-17.71,6.2-3.24,11.7-7.88,18.02-10.8,6.84-3.17,14.2-5.28,21.45-7.46,11.63-3.5,23.33-6.75,35.04-9.96,2.26-.62,4.71-.59,8.7-1.04-17.22-11.94-35.07-17.55-54.55-19.58,2.2-8.05,8.84-8.73,14.64-9.64,21.92-3.47,43.88-3.8,65.74.81,19.16,4.04,38.29,8.25,57.51,11.93,2.76.53,6.24-.97,8.97-2.35,15.95-8.04,33.16-10.9
103381,50.62-13.05,16.28-2,32.46-4.91,48.79-6.34,9.75-.85,19.85-2.63,29.5,1.52,1.29.55,2.89.35,4.6,1.04-14.78,7.35-26.63,18.32-39.27,29.25,10.78,2.37,20.93,4.28,30.89,6.87,15.45,4.03,30.85,8.32,46.12,12.98,4.65,1.43,9.06,4.09,13.14,6.83,7.21,4.83,14.2,10.03,21.04,15.37,1.96,1.53,3.12,4.09,4.07,6.88-23.83-8.28-47.97-10.24-73.93-9.15,5.03,2.58,8.94,4.66,12.92,6.61,11.3,5.51,22.98,10.38,33.84,16.65,7.62,4.4,14.29,10.52,21.05,16.26,1.57,1.33,1.78,4.27,2.61,6.46-2.36.24-4.88,1.13-7.06.61-12.58-2.99-25.13-6.16-37.6-9.56-28.74-7.86-58.14-6.84-87.41-6.07-21.79.57-35.66,14.59-46.93,31.49-2.16,3.24-2.93,7.39-4.4,11.09-.27.67-.73,1.42-1.33,1.79-9.02,5.69-9.62,15.12-9.97,24.13-.28,7.15,1.12,14.35,1.79,21.53.52,5.46,4.69,7.35,9.04,7.85,12.89,1.48,25.81,2.94,38.75,3.38,8.31.28,16.71-1.05,25.02-2.02,20.8-2.44,40.53-8.99,59.56-17.28,12.97-5.65,24.83-13.82,37.72-19.69,11.54-5.26,19.19-15.26,29.47-21.83,15.91-10.16,22.31-26.26,26.13-43.12,1.84-8.15.42-17.92-2.3-26.02-3.84-11.41-9.44-22.45-15.78-32.73-7.93-12.82-19.1-22.67-33.06-29.09-13.48-6.2-26.52-13.52-40.32-18.85-15.72-6.06-31.59-12.13-48.71-13.59-5.28-.45-10.4-2.58-15.68-3.28-18.47-2.47-36.93-5.54-55.5-6.69-15.82-.99-31.82-.17-47.68.82-12.33.76-24.62,2.77-36.85,4.7-7.31,1.16-14.48,3.24-21.71,4.86-9.83,2.22-19.9,3.67-29.46,6.73-22.99,7.35-45.94,14.88-66.3,28.53-9.43,6.31-18.89,12.47-26.58,20.92-2.05,2.25-4.19,4.52-5.72,7.12-5.23,8.83-11.36,17.37-15.02,26.84-5.22,13.53-3.96,27.15,3.34,40.3,10.37,18.69,24.69,33.3,42.48,44.92,6.99,4.56,13.15,10.38,20.12,14.99,10.93,7.22,21.97,14.35,33.49,20.54,4.07,2.19,6.02,4.07,5.61,9"/> 10339 <path class="cls-1" d="M248.07,292.93c-2.72,2.37-4.54,4.95-7,5.94-13.02,5.22-26.06,10.5-39.4,14.82-7.84,2.55-16.12,1.95-23.92-1.57-8.1-3.66-10.69-13.8-8.49-26.16,2.84-16,10.55-29.72,18.23-43.51,8.07-14.5,16.01-29.11,25.07-42.98,8.24-12.62,18.32-23.89,30.47-33.14,8.11-6.17,15.87-12.79,24.05-18.85,1.96-1.46,5-1.47,7.54-2.15.34.52.68,1.05,1.03,1.57-7.88,11.27-15.98,22.39-23.55,33.87-4.75,7.19-7.69,15.77-13.22,22.2-8.21,9.56-10.74,21.5-15.91,32.28-5.65,11.78-11.34,23.83-10.28,37.7.64,8.43,3.28,12.38,11.4,14.37,7.33,1.8,14.71,3.46,23.97,5.62"/> 10340 <path class="cls-1" d="M535.22,540.98c.61.21,1.16-.34,1.16-.99,0-.69-.55-1.19-1.16-1.01h-2.08v2h2.08ZM529.14,535.89c.14-.36.43-.69.82-.91h5.87c2.25.22,4.46,2.04,4.46,4.94,0,2.25-1.23,3.37-2.43,4.06l1.45,3.52c.22.47-.61.48-.61.48h-2.43c-.27,0-.53-.23-.6-.47l-1.23-3.53h-1.3v3.81s-.6.69-1,.19h-2.18c-.4.5-.69.17-.82-.19v-11.89ZM534.28,551.77c5.47,0,9.86-4.46,9.86-9.9s-4.39-9.86-9.86-9.86-9.86,4.39-9.86,9.86,4.42,9.9,9.86,9.9M534.28,528.82c7.18,0,13.05,5.87,13.05,13.05s-5.88,13.05-13.05,13.05-13.02-5.87-13.02-13.05,5.84-13.05,13.02-13.05"/> 10341 <path class="cls-1" d="M398.81,467.66c-.39.05-1.39-1.06-1.32-1.53.09-.59.9-1.29,1.56-1.53.71-.25,1.46.15,1.54,2.08-.24.15-.97.86-1.78.98M369.9,443.3c-.71.05-2.15-.94-2.16-1.46,0-2.49,3.05-.83,4.12-3.5.21,3.11.19,4.8-1.96,4.96M361.35,505.84c-.48,1.25-1.2,2.37-2.93,2.29-.44-.18-1.56-.01-.75-1.15.67-.96.55-2.77,2.49-2.45.75.12,1.59.31,1.2,1.32M348.17,385.87c1.62-2.54,3.47-1.88,6.37-1.52-2.7.98-3.9,3.33-6.37,1.52M347.3,517.08c-.58.29-1.49-.09-1.55-1.08-.05-.86.44-1.37.95-1.52,1.21-.62,1.22.33,1.2.66-.04.68-.17,1.72-.6,1.94M338.84,461.25c-1.18,11.51-3.85,22.92-9.91,32.67-4.38,7.05-11.68,11.8-21.24,10.9-2.98-.28-6.08.12-9.16,0-4.48-.18-6.1-2.89-6.72-6.23-2.69-14.52-3.4-29.47,1.56-43.23,3.08-8.54,10.27-16.06,17.96-21.63,4.85-3.51,15.71.25,19.94,5.51,5.14,6.39,8.64,13.38,7.58,22.01M321.68,542.82c-.7.22-1.14-.33-.74-.83.41-.51,1.2-.72,1.86-.99.08-.03.36.41.71.83-.64.36-1.2.78-1.84.99M293.69,545.95c-1.02-.01-1.94-.49-1.87-1.57.05-.86,1.03-.76,1.74-.78.69.13,1.52.11,1.56,1.12.04.96-.63,1.24-1.43,1.23M285.05,434.8c-.14-2.28.55-3.67,3.09-3.65,1.24-1.7,2.84-1.54,6.06-1.04-2.49,1.09-3.67,1.6-4.85,2.12-1.49.59-2.06,2.61-4.3,2.58M285.2,518.35c-.81-.02-1.96.27-1.85-1.14.04-.46.51-.89.79-1.33.67.53,1.34,1.05,1.92,1.51.3,1-.4.98-.86.97M300.19,401.25c.36.44,1.74-.3,1.25,1.09-.24.68-.64,1.5-1.55,1.29-.44-.1-.95-.66-1.09-1.1-.35-1.15.66-1.07,1.38-1.28M302.91,372.12c.44.41,1.18.79,1.34,1.34.22.74-.32,1.46-1.17,1.53-1.07.09-1.74-.64-1.88-1.59-.14-1.01.92-.83,1.71-1.27M336.25,400.64c.05-.28.93-.4,1.62-.67.32.39.84.74.86,1.12.06.88-.5,1.32-1.4,1.14-.86-.18-1.22-.89-1.08-1.6M271.55,457.17c-.55.29-1.14-.04-.76-.84.31-.
1034167.74-1.29,1.17-2.02.66.84,1.04,1.22,1,1.29-.42.57-.82,1.25-1.41,1.57M266.85,539.25c-1.18-.38-3.15-.18-2.81-1.97.19-1,1.69-2.22,2.79-2.47,1.91-.43,1.88,1.3,1.93,2.64,0,1.29-.2,2.34-1.91,1.8M263.42,482.78c-.37.49-1.18.77-1.83.88-.23.04-.59-.7-.81-.98.29-1.17,1.07-1.06,1.76-.99.62.06,1.65.04.88,1.08M243.3,404.16c-1.84-2.41-1.24-3.8-.14-5.05.17-.2,1.26,0,1.36.23.78,1.86-1.23,2.57-1.22,4.81M238.9,452.67c1.24-1.39,1.73-3.32,3.84-3.06.31.04.85.96.74,1.15-.99,1.65-2.51,2.14-4.58,1.91M223.83,543.51s-.03.02-.04.03h0c-.06.02-.13.03-.19.04-.29,3.41-3.32,1.93-6.18,3.93,2-3.66,4.28-3.48,6.18-3.93,0-.07.03-.11.03-.19.06.04.13.07.19.12,2.52-1.86,5.22-1.27,8.52-.59-3.09,2.77-5.77,2.4-8.52.59M407.28,436.43c-1.28-7.23-3.56-14-6.02-20.88-4.54-12.73-12.71-22.29-23.67-29.58-3.97-2.64-8.62-4.99-13.24-5.73-8.5-1.36-17.17-1.71-25.76.41-9.34,2.31-19.37,2.77-26.38,10.78-1.18,1.34-2.96,1.01-4.26.67-2.23-.57-.04-1.99-.05-2.99-.21-12.85,4.47-24.77,7.3-37.05,1.97-8.55,5.29-16.82,5.25-25.78-.01-2.33-.27-4.23-3.29-4.13-4.56.14-9.08-.98-13.57-1.01-16.92-.11-33.88-.86-51.16,1.34-.17,1.6-.46,3.18-.84,4.74.93,3.61-1.29,7.41-1.85,10.9-1.36,8.43-3.98,16.67-6.22,24.94-4.06,14.94-4.81,30.57-8.52,45.43-4.21,16.87-7.35,33.86-9.61,50.97-2.76,20.95-9.33,41.05-12.55,61.91-1.03,6.7-3.93,13.76-6.26,20.57-3.36,9.84-2.98,10.04,7.05,8.64.57-.08,1.16-.08,1.72,0,13.78,2.06,27.63,1.07,41.47,1.11,10.19.03,13.63-2.57,16.45-12.64,5.94,5.44,13.49,6.83,20.03,10.14,8.66,4.38,18.29,6.63,27.91,6.82,6.85.14,14.04.62,20.76-1.83,13.15-4.8,24.43-12.63,34.99-21.66,5.62-4.8,8.8-11.25,12.83-17.2,3.31-4.89,7.23-9.8,8.37-15.27,3.57-17.18,11.55-33.78,8.25-51.99-.74-4.06,1.62-7.47.89-11.62"/> 10342 <path class="cls-1" d="M199.75,480.15c1.79-1.01,1.84-3.33,4.05-3.22.27.01.81.91.71,1.25-.64,2.15-2.2,2.61-4.76,1.98M184.2,392.13c-1.37-.02-1.79-.83-2.23-1.61.4-.21.78-.55,1.2-.61.95-.15,1.88,0,1.75,1.28-.04.39-.54.73-.72.94M172.98,442.87c.08-.48-2.45-2.13-.4-4.08.49-.46,1.35-1.02,1.87-.11,1.28,2.25-1.54,3.53-1.47,4.18M151.26,496.75c-.22.02-.77-.81-.7-1.13.45-2.01,1.97-1.38,3.39-1.41-.45,1.54-1.27,2.45-2.69,2.54M144.65,500.43c1.42-1.21,2.84-2.43,4.6-3.95-.06,3.23-1.97,3.96-4.6,3.95M143.61,460.39c-.09,4.82-1.77,9.6-2.08,14.44-.59,9.16-6.48,15.89-10.71,23.19-2.26,3.91-7.64,5.66-10.74,5.63-18.03-1.4-26.05-11.18-23.83-27.05.89-6.31,1.34-12.72,2.78-18.89,1.83-7.82,4.24-15.56,13.03-18.8,1.3-.48,2.49-1.83,3.28-3.07,4.93-7.79,16.48-8.4,22.67-1.63,7.11,7.78,5.78,17.11,5.6,26.18M129.14,550.98h7.62c-2.37,3.72-4.4,1.41-7.28,0M100.02,398.7c.38.02,1.09.82,1.02,1.08-.74,2.58-3.62,1.07-4.96,2.65.87-1.95,1.69-3.84,3.94-3.73M89.7,406.75c-.15-2.24,1.13-2.61,2.99-2.77-.1,2.35-1.63,2.41-2.99,2.77M75.8,540.6c-.8.32-1.79-.13-1.78-.73.05-1.39,1.36-1.98,2.71-2.85.64,1.7.69,2.93-.93,3.58M69.09,432.5c.84-2.44,2.3-3.05,4.46-4.18-.78,2.54-1.94,3.49-4.46,4.18M65.26,590.52c-.19-2.39-4.33-4.78-.22-7.15.72-.41,1.32-.88,1.73.09,1.09,2.61.08,4.87-1.51,7.06M57.68,454.44c-.84.51-1.16-.25-1.1-.61.09-.64.37-1.45.85-1.78.61-.4,1.42-.27,1.42.83,0,.85-.47,1.33-1.17,1.56M42.59,565.26c-.37-.86.03-2.06,1.01-2.34,2.38-.66,2.48,2.4,4.25,3.1-1.91.14-4.12,1.92-5.26-.76M39.23,441.46c-.24.13-1.19-.39-1.23-.68-.15-1.06.44-1.66,1.57-1.61.6.12,1.72-.16,1.56.68-.13.66-1.15,1.23-1.9,1.62M27.66,518.37c.18,4.11-3.95,1.46-5.39,3.35-.52.68-1.62-.64-1.33-1.68.7-2.51,3.18-2.89,5.1-3.69,1.64-.68,1.72.82,1.62,2.03M18.33,586.75c-.78-.47-.84-1.03-.43-1.48.34-.37.92-.75,1.36-.72.32.03.59.72.88,1.12-.63.38-1.27.75-1.81,1.08M13.19,600.81c-.28-.1-.6-1.23-.42-1.4,1.39-1.35,2.97-.85,4.93-.17-1.36,2.3-2.95,2.08-4.5,1.57M11.57,576.28c-1.07.65-.97-.47-1.04-1.08-.12-1.04.15-1.85,1.43-1.72.43.04.85.29,1.32.46-.64.92-1,1.91-1.71,2.34M211.49,449.44c-.61-6.12-1.58-12.39-1.79-18.32-.21-6.24-1.85-11.83-4.6-16.37-4.5-7.45-7.26-16.06-13.32-22.42-3.62-3.8-6.9-7.93-12.63-9.84-9.42-3.15-18.56-2.61-28.2-2.06-15.39.88-28.89,5.66-41.71,15.33,0-3.55-.04-6.42.02-9.28.04-2.09-.89-3.37-2.95-3.43-10.07-.32-20.16-1.02-30.21-.67-8.46.3-16.89,1.99-25.38,1.64-3.64-.15-4.74,1.33-5.53,4.37-3.42,13.09-6.86,26.17-10.55,39.19-1.5,5.27-3.42,10.52-5.01,15.68-1.63,5.29-2.31,11.32-2.82,17.12-.92,10.46-4.73,20.36-6.11,30.8-1.54,11.67-4.21,23.21-6.7,34.73-2.43,11.26-6.39,22.33-7.61,33.7-1.42,13.26-1.81,26.56-6.08,39.37-1.38,4.15,2.13,8.22,6.39,7.53,8-1.3,16.02-.92,24.04-.74,3.94.08,7.96,1.31,11.8.85,7.92-.94,15.7-3.03,23.62-3.86,2.51-.26,2.44-1,2.98-2.72,2.48-7.89,3.96-16.17,5.15-24.13,1.88-12.65,6-24.66,7.83-37.25,1.23.25,1.76.78,1.99,1.46,1.15-.39,2.45-.19,3.53,1.02,1.83,2.06,4.11,3.46,6.52,4.66,4.6-.12,8.22,3.16,12.07,4.83,10.67,4.62,21.59,5.15,32.94,4.85,7-.19,13.21-2.7,19-5.56,4.7-2.32,10.2-2.82,14.32-6.74,5.32-5.06,11.43-9.29,16.96-14.15,1.93-1.69,3.74-3.81,4.4-6.49,3.94-15.89,15.38-28.93,16.42-46.13.55-8.98,2.11-17.9,1.21-26.96"/>
10343 <path class="cls-1" d="M516.34,424.43c-.62-.48-1.3-.74-1.37-1.11-.19-1.05.74-1.18,1.46-1.21.65-.03,1.75-.25,1.49.92-.12.54-.99.91-1.58,1.41M504.18,379.59c1.02-1.88,1.52-3.36,3.87-3.43-.37,2.08-1.33,3.09-3.87,3.43M492.14,517.65c-1.03,1.6-2.06,2.31-3.49,1.93-.27-.07-.62-1.03-.46-1.34.94-1.77,2.37-1.21,3.94-.59M495.3,542.66c1.33.83,1.17,2,.44,3.27-1.45-.51-1.24-2.07-1.98-2.96.52-.12,1.22-.51,1.54-.31M482.91,428.22c-1.18,1.26-2.6.83-5.01.51,2.26-1.36,3.16-2.53,4.59-1.89.31.14.59,1.19.42,1.38M465.71,501.7c-.35-.28-.41-.98-.47-1.5-.02-.11.54-.29.96-.5.23.48.66.94.66,1.41,0,.65-.66.99-1.15.59M452.06,528.86c-.25.84-.99,1.06-2.64,1.11.05.14-.39-.49-.22-.8.34-.62.92-1.33,1.55-1.51.53-.16,1.67,0,1.32,1.2M448.78,513.4c-.98.38-1.72.16-1.74-.72-.03-1.25.94-1.98,2-2.33,1.19-.4,1.82.89,1.89,1.48.21,1.58-1.95.45-2.15,1.57M442.07,545.82c-1.85-.69-3.63-1.75-3.43-5.99,1.94,2.71,4.81,1.73,5.21,4.27.1.65-.72,2.11-1.78,1.72M433.32,464.7c-1.85-.23-.83-1.47-.09-2.24.33-.34.85-.49,1.38-.79.48,1.57-.34,3.15-1.29,3.03M418.36,405.96c-.55.66.09,2.06-1.22,2.21-.97.11-1.34-.46-.78-1.34.45-.7.06-2.11,1.52-1.95.48.05,1.09.37.49,1.08M415.06,419.7c-1.65.18-1.81-.86-1.68-2.13.13-1.16.69-1.08,1.41-.5.64.5,2.04.06,1.94,1.52-.13,1.01-.95,1.04-1.67,1.11M543.88,384.03c.05-1.97.45-2.76-1.99-3.45-7.89-2.21-15.8-2.72-23.9-1.8-2.02.22-4.95.8-4.43-2.8,1.4-9.73,2.72-19.49,4.7-29.12,1.29-6.3-.19-9.49-6.43-9.72-10-.36-20.01-.29-30.02-.51-5.01-.11-10-.58-15.01-.63-3.77-.04-7.61.64-11.23,1.32-6.04,1.13-2.15,6.44-2.89,9.86-.11.51-.65.91-.89,1.42-3.51,7.28-4.18,15.35-6.34,23-1.16,4.1-1.64,10.49-5.75,10.89-5.59.54-11.24,3.06-17.3.74-5.1-1.95-8.22.93-9,6.7-1.13,8.34-2.36,16.62-5.45,24.58-2.72,6.98-.14,10.18,7.27,9.73,3.82-.23,7.63-.68,11.43-1.1,6.68-.75,6.72-.67,5.69,5.99-.15,1,.76,2.14.7,3.2-.18,3.42.18,6.74-.91,10.19-.38,6.14-2.39,11.8-3.62,17.83-1.39,6.85-2.74,13.7-4.68,20.42-.15.54-.39.98-.69,1.35-3.2,11.31-5.69,22.66-4.14,34.83,1.82,14.31,9.07,24.39,20.79,31.92,2.69,1.73,5.23,3.92,8.62,3.92,9.5.01,18.89,2.28,28.01.98,9.93,1.09,19.27-.38,28.45-2.41,2.59-.57,6.11.05,7.43-5.06,2.86-11.09,4.42-22.57,8.89-33.25,1.17-2.8-.09-5.35-.82-8.2-1.52-5.91-5.34-2.03-7.66-2.26-3.96-.41-7.86-.97-11.67-1.99-.62-.17-2.41.12-2.26-1.37-2.14-.48-4.18-1.31-6.58-1.62-1.89-.25-3.94-1.53-3.76-3.76.37-4.6,1.81-8.98,2.39-13.55.05-.37.15-.7.28-1.01.56-5.16,1.62-10.19,2.59-15.25,2.21-11.47,4.68-22.85,9.97-33.44,1.02-2.04,2.03-2.8,4.2-2.83,7.39-.11,14.76-.06,22.15-1.02,5.06-.65,10.04.13,8.83-7.67-.17-1.1.7-3.48,1.28-5.22,1.77-5.29-1.19-11.69,3.78-16.3-3.48-4.46-.17-9.03-.05-13.53"/> 10344 </g> 10345 <path class="cls-1" d="M526.14,687.98v-1h.97c.29,0,.5.21.5.5s-.21.5-.5.5h-.97ZM525.14,690.77c0,.11.09.21.21.21h.99s.23-.31-.19-.43v-1.57h1.05l.53,1.63c.03.09.21.37.21.37h-.02c.15,0,.25-.14.19-.29l-.5-1.14c.34-.16.77-.49.77-1.21,0-.85-.67-1.36-1.34-1.36h-1.69c-.12,0-.21.1-.21.21v3.59ZM523.73,688.57c0-1.89,1.53-3.41,3.4-3.41s3.41,1.52,3.41,3.41-1.51,3.41-3.41,3.41-3.4-1.53-3.4-3.41M522.79,688.57c0,2.4,1.95,4.35,4.35,4.35s4.36-1.95,4.36-4.35-1.96-4.36-4.36-4.36-4.35,1.96-4.35,4.36M499.14,722.89c0,.57.43,1.09,1.02,1.09h4.9c.59,0,1.08-.49,1.08-1.08v-18.23l12.44-19.03c.43-.74,0-1.66-.86-1.66h-5.54c-.43,0-.7.29-.86.51l-8.61,13.15-8.62-13.15c-.16-.23-.43-.51-.86-.51h-5.49c-.86,0-1.29.91-.86,1.66l12.27,19.08v18.17ZM464.14,701.98v-11h6.35c3.06,0,5.64,2.3,5.64,5.31,0,3.23-2.57,5.69-5.64,5.69h-6.35ZM457.14,722.89c0,.57.43,1.09,1.02,1.09h4.9c.59,0,1.08-.49,1.08-1.08v-13.92h7.01c6.84,0,12.5-5.66,12.5-12.61s-5.66-12.39-12.56-12.39h-12.93c-.59,0-1.02.51-1.02,1.09v37.83ZM425.39,710.98l5.79-13h.18l5.91,13h-11.88ZM413.14,723.98h5.75c.87,0,1.37-.55,1.59-1.09l2.68-5.91h16.35l2.68,5.91c.38.76.77,1.09,1.59,1.09h5.37c.85,0,1.3-.73.96-1.47l-17.35-37.91c-.17-.34-.39-.62-.96-.62h-.66c-.51,0-.79.29-.97.63l-17.68,38.27c-.34.74.11,1.48.97,1.48M386.14,701.98v-11h8.84c2.77,0,5.45,2.23,5.63,4.99.21,3.26-2.41,6.01-5.46,6.01h-9.01ZM379.14,722.89c0,.57.46,1.09,1.09,1.09h4.83c.59,0,1.08-.49,1.08-1.08v-14.92h6.48l7.77,15.47c.12.23.41.53.94.53h6.1c.97,0,1.37-.92.97-1.66l-7.83-14.51c4.97-2,8.46-6.29,8.46-11.54,0-6.8-5.6-12.29-12.46-12.29h-16.34c-.63,0-1.09.51-1.09,1.09v37.83ZM344.14,722.89c0,.57.45,1.09,1.07,1.09h22.85c.63,0,1.09-.53,1.09-1.11v-4.78c0-.58-.46-1.11-1.09-1.11h-16.91v-10h13.93c.56,0,1.07-.47,1.07-1.1v-4.82c0-.59-.49-1.08-1.08-1.08h-13.92v-9h16.9
103451c.63,0,1.09-.49,1.09-1.04v-4.87c0-.57-.45-1.09-1.07-1.09h-22.86c-.62,0-1.07.51-1.07,1.09v37.83ZM299.14,722.89c0,.59.49,1.08,1.08,1.08h4.81c.64,0,1.11-.52,1.11-1.1v-15.9h19v15.91c0,.57.43,1.09,1.02,1.09h4.9c.59,0,1.08-.49,1.08-1.08v-37.84c0-.59-.49-1.08-1.08-1.08h-4.81c-.64,0-1.11.5-1.11,1.07v14.93h-19v-14.91c0-.57-.43-1.09-1.02-1.09h-4.9c-.59,0-1.08.49-1.08,1.08v37.84ZM275.14,722.89c0,.59.49,1.08,1.08,1.08h4.84c.59,0,1.08-.49,1.08-1.08v-31.92h8.92c.63,0,1.08-.52,1.08-1.11v-4.79c0-.59-.45-1.11-1.08-1.11h-24.84c-.62,0-1.08.52-1.08,1.11v4.79c0,.58.46,1.11,1.08,1.11h8.92v31.92ZM230.14,722.89c0,.57.43,1.09,1.02,1.09h4.9c.59,0,1.08-.49,1.08-1.08v-18.23l12.44-19.03c.43-.74,0-1.66-.86-1.66h-5.55c-.43,0-.7.29-.86.51l-8.62,13.15-8.61-13.15c-.16-.23-.43-.51-.86-.51h-5.49c-.86,0-1.29.91-.86,1.66l12.27,19.08v18.17ZM197.14,722.89c0,.59.49,1.08,1.08,1.08h4.84c.59,0,1.08-.49,1.08-1.08v-31.92h8.92c.63,0,1.08-.52,1.08-1.11v-4.79c0-.59-.45-1.11-1.08-1.11h-24.84c-.63,0-1.08.52-1.08,1.11v4.79c0,.58.45,1.11,1.08,1.11h8.92v31.92ZM148.14,708.71c0,8.64,6.95,15.64,15.97,15.64s16.03-6.99,16.03-15.64v-23.65c0-.59-.49-1.08-1.08-1.08h-4.81c-.64,0-1.11.51-1.11,1.08v23.31c0,4.77-3.45,8.58-8.53,8.58s-8.47-3.81-8.47-8.64v-23.25c0-.57-.47-1.08-1.11-1.08h-5.81c-.59,0-1.08.49-1.08,1.08v23.65ZM118.7,710.98l5.79-13h.18l5.91,13h-11.88ZM107.14,723.98h5.06c.87,0,1.37-.55,1.59-1.09l2.68-5.91h16.35l2.68,5.91c.38.76.77,1.09,1.59,1.09h5.37c.85,0,1.3-.73.96-1.47l-17.35-37.91c-.17-.34-.39-.62-.96-.62h-.65c-.51,0-.8.29-.97.63l-17.68,38.27c-.34.74.11,1.48.97,1.48M76.14,722.89c0,.57.45,1.09,1.07,1.09h23.85c.63,0,1.09-.53,1.09-1.11v-4.78c0-.58-.46-1.11-1.09-1.11h-16.91v-10h13.93c.56,0,1.07-.47,1.07-1.1v-4.82c0-.59-.49-1.08-1.08-1.08h-13.92v-9h15.97c.6,0,1.03-.49,1.03-1.04v-4.87c0-.57-.45-1.09-1.07-1.09h-22.86c-.62,0-1.07.51-1.07,1.09v37.83ZM47.14,716.98v-10h6.12c2.92,0,5.73,2.08,5.73,4.89s-2.25,5.11-5.06,5.11h-6.8ZM47.14,700.98v-10h6.12c2.91,0,4.91,2,4.91,4.86s-2,5.14-4.91,5.14h-6.12ZM40.14,722.89c0,.57.46,1.09,1.08,1.09h13.83c6.97,0,12.46-4.63,12.46-11.03,0-5.26-4.4-8.34-7.43-9.32,2.69-1.26,6.29-4.69,6.29-9.09,0-6-5.26-10.57-12.06-10.57h-13.09c-.63,0-1.08.51-1.08,1.09v37.83ZM472.14,661.98v-26h6.03c7.01,0,13.01,5.44,13.25,12.44.26,7.72-5.22,13.56-12.79,13.56h-6.49ZM465.14,667.89c0,.59.49,1.08,1.08,1.08h13.49c11.03,0,20.06-8.97,20.06-20.06s-9.03-19.94-20.06-19.94h-13.49c-.59,0-1.08.49-1.08,1.08v37.84ZM431.14,667.89c0,.57.45,1.09,1.07,1.09h22.85c.63,0,1.09-.53,1.09-1.11v-4.78c0-.58-.46-1.11-1.09-1.11h-16.91v-10h13.93c.56,0,1.07-.47,1.07-1.1v-4.82c0-.59-.49-1.08-1.08-1.08h-13.92v-9h16.91c.63,0,1.09-.49,1.09-1.04v-4.87c0-.57-.45-1.09-1.07-1.09h-22.86c-.62,0-1.07.51-1.07,1.09v37.83ZM395.14,667.89c0,.59.49,1.08,1.08,1.08h23.82c.63,0,1.1-.52,1.1-1.1v-4.8c0-.58-.47-1.1-1.1-1.1h-13.9v-.11l17-30.99v-.82c0-.59-.49-1.08-1.08-1.08h-23.84c-.59,0-1.08.49-1.08,1.08v4.84c0,.59.49,1.08,1.08,1.08h13.92v.23l-17,30.67v1.03ZM381.22,668.98h4.84c.59,0,1.08-.49,1.08-1.08v-37.84c0-.59-.49-1.08-1.08-1.08h-4.84c-.59,0-1.08.49-1.08,1.08v37.84c0,.59.49,1.08,1.08,1.08ZM350.14,667.89c0,.57.43,1.09,1.02,1.09h20.87c.64,0,1.11-.53,1.11-1.11v-4.78c0-.58-.47-1.11-1.11-1.11h-14.89v-31.92c0-.59-.49-1.08-1.08-1.08h-4.9c-.59,0-1.02.51-1.02,1.09v37.83ZM318.89,654.98l5.79-13h.18l5.91,13h-11.88ZM307.14,668.98h5.25c.87,0,1.37-.55,1.59-1.09l2.68-5.91h16.35l2.68,5.91c.38.76.77,1.09,1.59,1.09h5.57c.87,0,1.33-.75.98-1.5l-17.78-38.86c-.18-.34-.4-.64-.98-.64h-.42c-.51,0-.8.29-.97.63l-17.68,38.27c-.34.74.11,1.48.97,1.48M266.14,666.89c0,.59.49,1.08,1.08,1.08h4.89c.6,0,1.03-.51,1.03-1.07v-23.93h.06l23.68,26h1.18c.59,0,1.08-.49,1.08-1.08v-37.84c0-.59-.49-1.08-1.08-1.08h-4.9c-.59,0-1.02.5-1.02,1.07v22.93h-.06l-23.53-25h-1.34c-.59,0-1.08.49-1.08,1.08v37.84ZM223.99,648.79c0-7.16,5.86-13.14,13.02-13.14s13.08,5.97,13.08,13.14-5.92,13.02-13.08,13.02-13.02-5.86-13.02-13.02M216.6,648.79c0,11.37,9.04,20.41,20.41,20.41s20.47-9.04,20.47-20.41-9.1-20.53-20.47-20.53-20.41,9.16-20.41,20.53M185.44,664.76c1.14,1.08,5.34,4.43,12.51,4.43,8.02,0,13.08-5.4,13.08-11.26,0-7.34-6.37-10.63-11.88-12.85-4.6-1.87-6.71-3.7-6.71-6.37,0-1.82,1.76-3.98,5.01-3.98s7.45,2.84,7.9,3.13c.68.45,1.53,0,1.99-.68l2.16-3.24c.4-.57.23-1.53-.34-1.88-1.14-.85-5.57-3.81-11.37-3.81-9.04,0-12.79,5.86-12.79,10.92,0,6.71,5.34,10.12,10.69,12.28,4.78,1.93,7.22,3.92,7.22,6.82,0,2.45-2.22,4.38-5.18,4.38-3.7,0-8.3-3.35-8.59-3.52-.51-.4-1.48-.4-1.93.4l-2.05,3.52c-.51.91-.23,1.2.28,1.71M156.14,646.98v-11h8.84c2.77,0,5.45,2.23,5.63,4.99.21,3.26-2.41,6.01-5.46,6.01h-9.01ZM148.14,667.89c0,.57.46,1.09,1.09,1.09h5.83c.59,0,1.08-.49,1.08-1.08v-14.92h6.48l7.77,15.47c.12.23.41.53.94.53h5.11c.97,0,1.37-.92.97-1.
1034566l-7.83-14.51c4.97-2,8.46-6.29,8.46-11.54,0-6.8-5.6-12.29-12.46-12.29h-16.34c-.63,0-1.09.51-1.09,1.09v37.83ZM114.14,667.89c0,.57.45,1.09,1.07,1.09h22.85c.63,0,1.09-.53,1.09-1.11v-4.78c0-.58-.46-1.11-1.09-1.11h-16.91v-10h13.93c.56,0,1.07-.47,1.07-1.1v-4.82c0-.59-.49-1.08-1.08-1.08h-13.92v-9h16.91c.63,0,1.09-.49,1.09-1.04v-4.87c0-.57-.45-1.09-1.07-1.09h-22.86c-.62,0-1.07.51-1.07,1.09v37.83ZM86.14,646.98v-11h6.35c3.06,0,5.64,2.3,5.64,5.31,0,3.23-2.57,5.69-5.64,5.69h-6.35ZM79.14,667.89c0,.57.43,1.09,1.02,1.09h4.9c.59,0,1.08-.49,1.08-1.08v-13.92h7.01c6.84,0,12.5-5.66,12.5-12.61s-5.66-12.39-12.56-12.39h-12.93c-.59,0-1.02.51-1.02,1.09v37.83Z"/> 10346 </svg> 10347 </figure> 10348 <figure class="order-2 lg:order-1"> 10349 <img 10350 src="/image/ada75ef80432f549851932a27c0f6b21.webp" 10351 srcset="/image/ada75ef80432f549851932a27c0f6b21.webp 1x, /image/[email protected] 2x" 10352 loading="lazy" width="250" height="32" class="max-w-xs mx-auto" 10353 alt="Palm Beach Tan - Premier Rewards logo"> 10354 10355 </figure> 10356</div> 10357 10358<h2 class="my-4 text-2xl font-bold text-body text-center">Download the MyPBT⢠App:</h2> 10359<div class="app__links text-center not-prose"> 10360 <a class="inline-block pr-1" href="https://apps.apple.com/us/app/my-pbt/id1480300712" target="_blank" rel="noopener"> 10361 <img class="h-10 mt-0" src="/pbt/images/apple-app-store.png" 10362 srcset="/pbt/images/[email protected]" 10363 width="120" height="40" 10364 alt="Download on the App Store" 10365 loading="lazy"> 10366 </a> 10367 <a class="inline-block pl-1" href="https://play.google.com/store/apps/details?id=com.palmbeachtan.mypbt" target="_blank" rel="noopener"> 10368 <img class="h-10 mt-0" src="/pbt/images/google-play-badge.png" 10369 srcset="/pbt/images/[email protected]" 10370 width="136" height="41" 10371 alt="Get it on Google Play" 10372 loading="lazy"> 10373 </a> 10374</div> </div> 10375 <div class="social flex pb-6 lg:pb-0 lg:order-last"> 10376 <a href="https://www.tiktok.com/@palmbeachtan" title="Visit our TikTok" rel="noopener noreferrer" target="_blank" aria-label="TikTok"> 10377 <svg class="w-full" fill="none" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path class="fillPath" d="m34.3529 17.3269c3.0867 2.2144 6.8681 3.5173 10.9521 3.5173v-7.887c-.7729.0002-1.5438-.0807-2.3-.2415v6.2082c-4.0837 0-7.8646-1.3029-10.9521-3.5171v16.0949c0 8.0516-6.5038 14.5781-14.5262 14.5781-2.9934 0-5.7756-.9082-8.08676-2.4657 2.63786 2.7067 6.31646 4.3859 10.38626 4.3859 8.0229 0 14.5271-6.5266 14.5271-14.5785v-16.0946zm2.8373-7.95691c-1.5774-1.72954-2.6132-3.96464-2.8373-6.43564v-1.01443h-2.1796c.5487 3.14064 2.42 5.82382 5.0169 7.45007zm-22.6761 28.06561c-.8813-1.1597-1.3576-2.5784-1.3555-4.0371 0-3.6825 2.9748-6.6683 6.6449-6.6683.684-.0001 1.3639.105 2.0157.3125v-8.0632c-.7617-.1047-1.5305-.1492-2.299-.1329v6.276c-.6523-.2076-1.3325-.313-2.0167-.3123-3.6701 0-6.6447 2.9854-6.6447 6.6684 0 2.6041 1.4869 4.8586 3.6553 5.9569z" fill="#ff004f"/><path class="fillPath" d="m32.0529 15.4066c3.0875 2.2142 6.8684 3.5171 10.9521 3.5171v-6.2081c-2.2795-.4873-4.2975-1.6828-5.8147-3.34561-2.5972-1.62641-4.4683-4.30959-5.017-7.45007h-5.7251v31.50128c-.013 3.6724-2.9827 6.646-6.645 6.646-2.1581 0-4.0753-1.0324-5.2896-2.6316-2.1682-1.0983-3.6551-3.353-3.6551-5.9567 0-3.6827 2.9746-6.6685 6.6447-6.6685.7032 0 1.381.1099 2.0167.3124v-6.276c-7.8815.1634-14.2201 6.6262-14.2201 14.5746 0 3.9678 1.57847 7.5647 4.14033 10.1929 2.31117 1.5573 5.09337 2.4657 8.08667 2.4657 8.0226 0 14.5263-6.5269 14.5263-14.5783v-16.0951z" fill="#111928"/><path class="hidePath" d="m43.0051 12.7156v-1.6786c-2.0556.0031-4.0708-.5746-5.8148-1.66713 1.5439 1.69623 3.5768 2.86583 5.8148 3.34573zm-10.8317-10.79563c-.0523-.30015-.0925-.60227-.1204-.90554v-1.01443h-7.905v31.5016c-.0126 3.6719-2.9822 6.6455-6.6447 6.6455-1.0753 0-2.0905-.2561-2.9896-.7113 1.2142 1.5991 3.1315 2.6313 5.2896 2.6313 3.6619 0 6.6321-2.9733 6.6449-6.6457v-31.50143zm-12.6531 16.92683v-1.787c-.6605-.0906-1.3265-.1361-1.9932-.1358-8.02327-.0001-14.5271 6.5268-14.5271 14.5776 0 5.0475 2.55612 9.4958 6.44034 12.1124-2.56186-2.628-4.14032-6.2251-4.14032-10.1927 0-7.9483 6.33848-14.4111 14.22028-14.5745z" fill="#00f2ea"/></svg> 10378</a> 10379<a href="https://www.youtube.com/PalmBeachTanOfficial/" title="Visit our YouTube" rel="noopener noreferrer" target="_blank" aria-label="YouTube"> 10380 <svg class="w-full" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 10381 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve"> 10382<path id="_x3C_Path_x3E_" class="fillPath" d="M47,12.4c-0.3-1-0.8-2-1.6-2.7c-0.7-0.7-1.7-1.3-2.7-1.6c-3.8-1-18.8-1-18.8-1 10383 s-15,0-18.8,1c-1,0.3-1.9,0.8-2.7,1.6c-0.7,0.7-1.3,1.7-1.6,2.7C0,16.1,0,24,0,24s0,7.9,1,11.6c0.3,1,0.8,2,1.6,2.7 10384 c0.7,0.7,1.7,1.3,2.7,1.6c3.8,1,18.8,1,18.8,1s15,0,18.8-1c1-0.3,1.9-0.8,2.7-1.6c0.7-0.7,1.3-1.7,1.6-2.7c1-3.8,1-11.6,1-11.6 10385 S48,16.1,47,12.4z" fill="#FF0302"/> 10386<path class="st0" d="M19.1,31.1V16.9L31.7,24L19.1,31.1z" fill="#FEFEFE" /> 10387</svg> 10388 10389</a> 10390<a href="https://instagram.com/pbtofficial/" title="Visit our Instagram" rel="noopener noreferrer" target="_blank" aria-label="Instagram"> 10391 <svg class="w-full" fill="none" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a"><stop offset="0" stop-color="#ffd521"/><stop offset=".05" stop-color="#ffd521"/><stop offset=".501119" stop-color="#f50000"/><stop offset=".95" stop-color="#b900b4"/><stop offset=".950079" stop-color="#b900b4"/><stop offset="1" stop-color="#b900b4"/></linearGradient><linearGradient id="b" gradientUnits="userSpaceOnUse" x1=".451345" x2="43.9175" xlink:href="#a" y1="47.4479" y2="3.91332"/><linearGradient id="c" gradientUnits="userSpaceOnUse" x1=".451411" x2="43.9532" xlink:href="#a" y1="47.5079" y2="3.93739"/><linearGradient id="d" gradientUnits="userSpaceOnUse" x1=".462768" x2="43.954" xlink:href="#a" y1="47.5086" y2="3.94862"/><path class="fillPath" d="m39.6801 11.2196c0-1.59145-1.2919-2.8765-2.88-2.8765s-2.8812 1.28505-2.8812 2.8765c0 1.5857 1.2931 2.8707 2.8812 2.8707s2.88-1.285 2.88-2.8707" fill="url(#b)"/><path class="fillPath" d="m43.5176 33.6741c-.1067 2.3346-.4978 3.6031-.8225 4.4455-.4361 1.1171-.9564 1.9158-1.8002 2.7536-.8344.8378-1.6343 1.356-2.7532 1.7867-.8438.329-2.119.7206-4.4573.8319-2.5279.1112-3.277.1349-9.6875.1349-6.4046 0-7.1596-.0237-9.6875-.1349-2.3383-.1113-3.6076-.5029-4.45145-.8319-1.12469-.4307-1.91871-.9489-2.7578-1.7867-.84505-.8378-1.36531-1.6365-1.79552-2.7536-.32479-.8424-.72176-2.1109-.82256-4.4455-.12319-2.524-.14577-3.2837-.14577-9.671 0-6.4004.02258-7.1543.14577-9.6782.1008-2.3346.49777-3.6019.82256-4.45154.43021-1.11581.95047-1.90982 1.79552-2.74759.83909-.83653 1.63311-1.35605 2.7578-1.79144.84385-.33014 2.11315-.71592 4.45145-.82712 2.5279-.11129 3.2829-.13969 9.6875-.13969 6.4105 0 7.1596.0284 9.6875.13969 2.3383.1112 3.6135.49698 4.4573.82712 1.1189.43539 1.9188.95491 2.7532 1.79144.8438.83777 1.3641 1.63178 1.8002 2.74759.3247.84964.7158 2.11694.8225 4.45154.1173 2.5239.1458 3.2778.1458 9.6782 0 6.3873-.0285 7.147-.1458 9.671zm4.3176-19.5456c-.1173-2.5512-.5203-4.29418-1.1188-5.81228-.6092-1.5
103917499-1.4258-2.90974-2.7626-4.24449-1.3309-1.3288-2.6678-2.14412-4.2453-2.7594-1.5264-.59167-3.2663-.998752-5.8227-1.109952-2.5564-.1230915-3.3729-.1455457-9.8889-.1455457-6.5101 0-7.3325.0224542-9.8889.1455457-2.5505.1112-4.28916.518282-5.82273 1.109952-1.57152.61528-2.90837 1.4306-4.23928 2.7594-1.33685 1.33475-2.15346 2.6695-2.76855 4.24449-.592612 1.5181-.995536 3.26108-1.118822 5.81228-.1113754 2.5524-.1398192 3.3688-.1398192 9.8746 0 6.4998.0284438 7.315.1398192 9.8674.123286 2.5464.52621 4.2882 1.118822 5.8135.61509 1.569 1.4317 2.9097 2.76855 4.2385 1.33091 1.3288 2.66776 2.1501 4.23928 2.7642 1.53357.5916 3.27223.994 5.82273 1.1111 2.5564.1172 3.3788.1456 9.8889.1456 6.516 0 7.3325-.0284 9.8889-.1456 2.5564-.1171 4.2963-.5195 5.8227-1.1111 1.5775-.6141 2.9144-1.4354 4.2453-2.7642 1.3368-1.3288 2.1534-2.6695 2.7626-4.2385.5985-1.5253 1.0015-3.2671 1.1188-5.8135.1173-2.5524.1458-3.3676.1458-9.8674 0-6.5058-.0285-7.3222-.1458-9.8746z" fill="url(#c)"/><path class="fillPath" d="m23.997 31.9768c-4.4124 0-7.9927-3.5688-7.9927-7.9742 0-4.4125 3.5803-7.986 7.9927-7.986 4.4136 0 7.9986 3.5735 7.9986 7.986 0 4.4054-3.585 7.9742-7.9986 7.9742zm0-20.2768c-6.8016 0-12.3102 5.5117-12.3102 12.3026 0 6.785 5.5086 12.2909 12.3102 12.2909s12.3161-5.5059 12.3161-12.2909c0-6.7909-5.5145-12.3026-12.3161-12.3026z" fill="url(#d)"/></svg> 10392</a> 10393<a href="https://facebook.com/PBTOfficial/" title="Visit our Facebook" rel="noopener noreferrer" target="_blank" aria-label="Facebook"> 10394 <svg class="w-full" fill="none" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="aiconfb"><path d="m0 0h48v48h-48z"/></clipPath><g clip-path="url(#aiconfb)"><path class="fillPath" d="m48 24c0-13.2548-10.7452-24-24-24s-24 10.7452-24 24c0 11.9789 8.77641 21.908 20.25 23.7084v-16.7709h-6.0938v-6.9375h6.0938v-5.2875c0-6.015 3.5831-9.3375 9.0652-9.3375 2.625 0 5.3723.46875 5.3723.46875v5.90625h-3.0262c-2.9813 0-3.9113 1.8502-3.9113 3.75v4.5h6.6562l-1.064 6.9375h-5.5922v16.7709c11.4736-1.8004 20.25-11.7295 20.25-23.7084z" fill="#1877f2"/><path d="m33.3422 30.9375 1.064-6.9375h-6.6562v-4.5c0-1.898.93-3.75 3.9113-3.75h3.0262v-5.90625s-2.7464-.46875-5.3723-.46875c-5.4821 0-9.0652 3.3225-9.0652 9.3375v5.2875h-6.0938v6.9375h6.0938v16.7709c2.4849.3888 5.0151.3888 7.5 0v-16.7709z" fill="#fff"/></g></svg> 10395</a> 10396 </div> 10397 <div class="text-sm text-center lg:text-left uppercase legal"> 10398 <p class="text-body">©2026 Palm Beach Tan. <span class="block md:inline">All Rights Reserved.</span></p> 10399 </div> 10400 </div> 10401 </div> 10402</footer> 10403 10404 </div> 10405 <!-- Animated Background --> 10406 <div class="container absolute top-0 bottom-0 left-0 right-0 h-full -z-10"> 10407 </div> 10408 </div> 10409 10410 10411 <div class="relative z-10 hidden" aria-labelledby="modal-title" role="dialog" aria-modal="true" data-modal-wrapper-id="id--6ac9631f95434"> 10412 <div class="fixed inset-0 bg-opacity-75 pointer-events-auto bg-navy-5" data-modal-backdrop-id data-modal-close></div> 10413 <div class="fixed inset-0 z-10 w-screen overflow-y-auto pointer-events-none"> 10414 <div class="flex items-end justify-center min-h-full p-4 text-center sm:items-center sm:p-0"> 10415 <div class="relative w-full overflow-hidden text-left transition-all duration-300 ease-out transform bg-white rounded-lg shadow-xl pointer-events-auto sm:my-8 sm:w-full sm:max-w-lg" data-modal-panel-id > 10416 10417 <div class="absolute flex w-full flex-end"> 10418 <button type="button" class="absolute inline-block w-8 h-8 py-1 text-xs font-bold text-center uppercase duration-75 border border-transparent rounded top-1 right-1 hover:border-black/20 bg-white/60 hover:bg-white focus:active:outline focus:hover:outline focus:outline active:outline outline-navy/50 outline-1 outline-offset-1 aspect-square" size="small" data-modal-close> 10419 <svg class="icon w-6 h-6 mx-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z" clip-rule="evenodd"/></svg> 10420
10421 <span class="sr-only">Close</span> 10422 </button> 10423 </div> 10424 10425 <div class="px-4 pt-6 pb-4 bg-white sm:p-6 sm:pb-8 text-pretty"> 10426 <h3 class="pb-1 mb-6 text-base leading-6 text-gray-900 border-b border-navy-1" id="modal-title"> 10427 Find <strong data-modal-title></strong> near you 10428 </h3> 10429 <span data-modal-component></span> 10430 </div> 10431 </div> 10432 </div> 10433 </div> 10434</div> 10435
10436<script> 10437 var currentProductId = 0; 10438 var lastFocusedBeforeModal = null; 10439 10440 function updateModalContent(modalData) { 10441 const { name, product_id } = JSON.parse(modalData); 10442 document.querySelector('[data-modal-title]').textContent = name; 10443 const productSearch = document.getElementById('product-search-' + product_id); 10444 const component = productSearch.querySelector('.input-state-switcher'); 10445 const modalComponent = document.querySelector('[data-modal-component]'); 10446 modalComponent.replaceChildren(component); 10447 currentProductId = product_id; 10448 } 10449 function removeModalContent(){ 10450 if (currentProductId > 0) 10451 { 10452 const modalComponent = document.querySelector('[data-modal-component]'); 10453 const component = modalComponent.querySelector('.input-state-switcher'); 10454 const productSearch = document.getElementById('product-search-' + currentProductId); 10455 productSearch.replaceChildren(component); 10456 currentProductId = 0; 10457 } 10458 } 10459 document.addEventListener('DOMContentLoaded', function() { 10460 const 10461 els_modal_open = document.querySelectorAll('[data-open-modal]'), 10462 el_modal = document.querySelector('[data-modal-wrapper-id="id--6ac9631f95434"]'), 10463 el_modal_backdrop = el_modal.querySelector('[data-modal-backdrop-id]'), 10464 el_modal_panel = el_modal.querySelector('[data-modal-panel-id]'), 10465 keyframes_backdrop = { 10466 in: [{ opacity: 0 }, { opacity: 1 }], 10467 out: [{ opacity: 1 }, { opacity: 0 }] 10468 }, 10469 keyframes_panel = { 10470 in: { opacity: 1, transform: 'translateY(0) scale(1)' }, 10471 out: { opacity: 0, transform: 'translateY(4px) scale(0.95)' } 10472 }, 10473 timing_modal = { 10474 in: { duration: 300, easing: 'ease-out' }, 10475 out: { duration: 200, easing: 'ease-in' } 10476 }; 10477 10478 function getModalFocusables() { 10479 const sel = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'; 10480 return Array.from(el_modal.querySelectorAll(sel)).filter(function (el) { 10481 return el.offsetParent !== null && el.getClientRects().length > 0; 10482 }); 10483 } 10484 10485 function focusInitialInModal() { 10486 const region = el_modal.querySelector('[data-modal-component]'); 10487 const primary = region && region.querySelector('input:not([type="hidden"]), select, textarea'); 10488 if (primary) { 10489 primary.focus(); 10490 return; 10491 } 10492 const list = getModalFocusables(); 10493 if (list.length) list[0].focus(); 10494 } 10495 10496 function trapTabInModal(e) { 10497 if (e.key !== 'Tab') return; 10498 const focusables = getModalFocusables(); 10499 if (focusables.length === 0) return; 10500 if (focusables.length === 1) { 10501 e.preventDefault(); 10502 focusables[0].focus(); 10503 return; 10504 } 10505 const first = focusables[0]; 10506 const last = focusables[focusables.length - 1]; 10507 const active = document.activeElement; 10508 if (!el_modal.contains(active)) { 10509 e.preventDefault(); 10510 first.focus(); 10511 return; 10512 } 10513 if (e.shiftKey) { 10514 if (active === first) { 10515 e.preventDefault(); 10516 last.focus(); 10517 } 10518 } else { 10519 if (active === last) { 10520 e.preventDefault(); 10521 first.focus(); 10522 } 10523 } 10524 } 10525 10526 function onModalKeydown(e) { 10527 if (el_modal.classList.contains('hidden')) return; 10528 if (e.key === 'Escape') { 10529 e.preventDefault(); 10530 startCloseAnimation(); 10531 return; 10532 } 10533 trapTabInModal(e); 10534 } 10535 10536 function restoreFocusToTrigger() { 10537 if (lastFocusedBeforeModal && typeof lastFocusedBeforeModal.focus === 'function') { 10538 try { 10539 lastFocusedBeforeModal.focus(); 10540 } catch (err) { /* element may no longer exist */ } 10541 } 10542 lastFocusedBeforeModal = null; 10543 } 10544 10545 function startCloseAnimation() { 10546 const animation__backdrop = el_modal_backdrop.animate(keyframes_backdrop.out, timing_modal.out); 10547 el_modal_panel.animate([ keyframes_panel.in, keyframes_panel.out ], timing_modal.out); 10548 animation__backdrop.onfinish = () => { 10549 el_modal.classList.add('hidden'); 10550 removeModalContent(); 10551 document.removeEventListener('keydown', onModalKeydown, true); 10552 restoreFocusToTrigger(); 10553 }; 10554 } 10555 10556 function openModal(trigger) { 10557 trigger.addEventListener('click', function() { 10558 const modalData = trigger.getAttribute('data-open-modal'); 10559 lastFocusedBeforeModal = document.activeElement; 10560 updateModalContent(modalData); 10561 el_modal.classList.remove('hidden'); 10562 el_modal_backdrop.animate(keyframes_backdrop.in, timing_modal.in); 10563 el_modal_panel.animate([ keyframes_panel.out, keyframes_panel.in ], timing_modal.in); 10564 document.addEventListener('keydown', onModalKeydown, true); 10565 requestAnimationFrame(function () { 10566 requestAnimationFrame(focusInitialInModal); 10567 }); 10568 }); 10569 } 10570 10571 function closeModal() { 10572 document.querySelectorAll('[data-modal-close]').forEach(function (modalClose) { 10573 modalClose.addEventListener('click', function () { 10574 startCloseAnimation(); 10575 }); 10576 }); 10577 }
10578 els_modal_open.forEach((trigger, key) => { 10579 openModal(trigger); 10580 }); 10581 closeModal(); 10582 }); 10583</script>
10583 10584 <div id="skincare-questionnaire" aria-hidden="true" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="quiz-title" class="hidden fixed inset-0 z-50 overflow-y-auto"> 10585 <div class="relative p-4 w-full max-w-2xl min-h-full md:h-auto flex items-center justify-center mt-auto"> 10586 <div class="p-md blur-box--bordered bg-gradient-glass relative bg-white rounded-lg shadow dark:bg-gray-800 flex flex-col gap-y-2 max-w-full w-full"> 10587 10588 <div class="prose text-balance"> 10589 <h3 class="mb-2 eyebrow">Premier Collection<sup>®</sup></h3> 10590 <h3 id="quiz-title" class="mb-4 text-navy-6 lowercase display-mobile-medium lg:display-desktop-small md:pb-0">Skincare Quiz</h3> 10591 </div> 10592 <div id="questions" role="region" aria-live="polite"> 10593 <div id="skincare-question-0" class="question hidden" role="group" aria-labelledby="question-title-0"> 10594 <div class="prose text-pretty mb-4"> 10595 <div class="w-full body-small-med-wt lg:body-large-med-wt 2xl:heading-3 text-left"> 10596 <span id="question-title-0" class="btn--filter__title">What are you looking for?</span> 10597 </div> 10598 </div> 10599 <div class="flex justify-around pt-0 mb-6" role="radiogroup" aria-labelledby="question-title-0"> 10600 <div class="flex flex-1 flex-wrap justify-center gap-3"> 10601 <button type="submit" class="self-center flex-shrink-0 btn items-center duration-500 py-0 10602 hover:shadow-lg 10603 active:focus:ring-2 active:focus:duration-200 10604 active:focus:ring-offset-2 active:focus:ring-offset-white 10605 btn-cool btn-gradient active:focus:ring-gray-transparent-5 btn-sm answer-button flex-grow justify-center" id="answer-0-0" aria-label="Sunbed Skincare" tabindex="-1" onclick="handleAnswer(0, 'sunbed')"> 10606 <span class="inline-grid grid-cols-1"> 10607 <span class="col-start-1 row-start-1 default-state">Sunbed Skincare</span> 10608 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 10609 <svg aria-hidden="true" role="status" 10610 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 10611 fill="none" xmlns="http://www.w3.org/2000/svg"> 10612 <path 10613 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 10614 fill="#6347AA" /> 10615 <path 10616 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 10617 fill="currentColor" /> 10618 </svg> 10619 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 10620 </span> 10621</span> 10622 10623 </button> 10624 <button type="submit" class="self-center flex-shrink-0 btn items-center duration-500 py-0 10625 hover:shadow-lg 10626 active:focus:ring-2 active:focus:duration-200 10627 active:focus:ring-offset-2 active:focus:ring-offset-white 10628 btn-cool btn-gradient active:focus:ring-gray-transparent-5 btn-sm answer-button flex-grow justify-center" id="answer-0-1" aria-label="Sunless Skincare" tabindex="-1" onclick="handleAnswer(0, 'sunless')"> 10629 <span class="inline-grid grid-cols-1"> 10630 <span class="col-start-1 row-start-1 default-state">Sunless Skincare</span> 10631 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 10632 <svg aria-hidden="true" role="status" 10633 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewB
10633ox="0 0 100 101" 10634 fill="none" xmlns="http://www.w3.org/2000/svg"> 10635 <path 10636 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 10637 fill="#6347AA" /> 10638 <path 10639 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 10640 fill="currentColor" /> 10641 </svg> 10642 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 10643 </span> 10644</span> 10645 10646 </button> 10647 <button type="submit" class="self-center flex-shrink-0 btn items-center duration-500 py-0 10648 hover:shadow-lg 10649 active:focus:ring-2 active:focus:duration-200 10650 active:focus:ring-offset-2 active:focus:ring-offset-white 10651 btn-cool btn-gradient active:focus:ring-gray-transparent-5 btn-sm answer-button flex-grow justify-center" id="answer-0-2" aria-label="Non-tanning Related Skincare" tabindex="-1" onclick="handleAnswer(0, 'wellness')"> 10652 <span class="inline-grid grid-cols-1"> 10653 <span class="col-start-1 row-start-1 default-state">Non-tanning Related Skincare</span> 10654 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 10655 <svg aria-hidden="true" role="status" 10656 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 10657 fill="none" xmlns="http://www.w3.org/2000/svg"> 10658 <path 10659 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 10660 fill="#6347AA" /> 10661 <path 10662 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 10663 fill="currentColor" /> 10664 </svg> 10665 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 10666 </span> 10667</span> 10668 10669 </button> 10670 </div> 10671 </div> 10672 </div> 10673 <div id="skincare-question-1" class="question hidden" role="group" aria-labelledby="question-title-1"> 10674 <div class="prose text-pretty mb-4"> 10675 <div class="w-full body-small-med-wt lg:body-large-med-wt 2xl:heading-3 text-left"> 10676 <span id="question-title-1" class="btn--filter__title">Are you interested in products for body or face?</span> 10677 </div> 10678 </div> 10679 <div class="flex justify-around pt-0 mb-6" role="radiogroup" aria-labelledby="question-title-1"> 10680 <div class="flex flex-1 flex-wrap justify-center gap-3"> 10681 <button type="submit" class="self
10681-center flex-shrink-0 btn items-center duration-500 py-0 10682 hover:shadow-lg 10683 active:focus:ring-2 active:focus:duration-200 10684 active:focus:ring-offset-2 active:focus:ring-offset-white 10685 btn-cool btn-gradient active:focus:ring-gray-transparent-5 btn-sm answer-button flex-grow justify-center" id="answer-1-0" aria-label="Body" tabindex="-1" onclick="handleAnswer(1, 'body')"> 10686 <span class="inline-grid grid-cols-1"> 10687 <span class="col-start-1 row-start-1 default-state">Body</span> 10688 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 10689 <svg aria-hidden="true" role="status" 10690 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 10691 fill="none" xmlns="http://www.w3.org/2000/svg"> 10692 <path 10693 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 10694 fill="#6347AA" /> 10695 <path 10696 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 10697 fill="currentColor" /> 10698 </svg> 10699 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 10700 </span> 10701</span> 10702 10703 </button> 10704 <button type="submit" class="self-center flex-shrink-0 btn items-center duration-500 py-0 10705 hover:shadow-lg 10706 active:focus:ring-2 active:focus:duration-200 10707 active:focus:ring-offset-2 active:focus:ring-offset-white 10708 btn-cool btn-gradient active:focus:ring-gray-transparent-5 btn-sm answer-button flex-grow justify-center" id="answer-1-1" aria-label="Face" tabindex="-1" onclick="handleAnswer(1, 'face')"> 10709 <span class="inline-grid grid-cols-1"> 10710 <span class="col-start-1 row-start-1 default-state">Face</span> 10711 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 10712 <svg aria-hidden="true" role="status" 10713 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 10714 fill="none" xmlns="http://www.w3.org/2000/svg"> 10715 <path 10716 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 10717 fill="#6347AA" /> 10718 <path 10719 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 10720 fill="currentColor" /> 10721 </svg>
10722 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 10723 </span> 10724</span> 10725 10726 </button> 10727 </div> 10728 </div> 10729 </div> 10730 </div> 10731 <div id="questions-form" class="hidden"> 10732 <div id="skincare-question-signup"> 10733 <div class="prose text-pretty mb-4"> 10734 <div class="w-full body-small-med-wt lg:body-large-med-wt 2xl:heading-3 text-left"> 10735 <span id="form-message" class="btn--filter__title">Sign up for PBT updates and you'll receive your skincare quiz results and 10% off your next Premier Collection lotion purchase</span> 10736 <div id="form-thankyou" class="hidden"> 10737 <span class="btn--filter__title">Thank you! Your offer will arrive shortly in your email.</span> 10738 <div class="items-center text-center mt-5"> 10739 <button type="submit" class="self-center flex-shrink-0 btn items-center duration-500 py-0 10740 hover:shadow-lg 10741 active:focus:ring-2 active:focus:duration-200 10742 active:focus:ring-offset-2 active:focus:ring-offset-white 10743 btn-theme btn-gradient active:focus:ring-gray-transparent-5 btn btn-gradient btn-theme" id="continue-results-btn"> 10744 <span class="inline-grid grid-cols-1"> 10745 <span class="col-start-1 row-start-1 default-state">Continue to Results</span> 10746 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 10747 <svg aria-hidden="true" role="status" 10748 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 10749 fill="none" xmlns="http://www.w3.org/2000/svg"> 10750 <path 10751 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 10752 fill="#6347AA" /> 10753 <path 10754 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 10755 fill="currentColor" /> 10756 </svg> 10757 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 10758 </span> 10759</span> 10760 10761 </button> 10762 </div> 10763 </div> 10764 </div> 10765 </div> 10766 <div class="pt-0 mb-6"> 10767 <!-- optional user info capture --> 10768 <div class="mx-auto gap-md" data-info-capture> 10769 <form action="/signup-skq" method="post" onsubmit="sendSKQSignUpForm(event, this, 'https://palmbeachtan.com/skin-care-products')" id="skincarequiz-sign-up" class="flex flex-col"> 10770 <input type="hidden" name="_token" value="hFUeHEDLorhaBN8MdCMweLQrbidx3ApjM1uzUNMI"> 10771 10772 10773 <div class="grid grid-cols-12 max-w-9xl md:gap-xxs gap-y-xxs sm:gap-y-0"> 10774 10775 10776 <div class="grid col-span-12 sm:col-span-6 "> 10777 10778 <div class="relative input-wrapper z-0 mt-6" id="input-wrapper-id_6ac9631fd0c28"> 10779 <div class="relative"> 10780 10781 <div> 10782 <input 10783 type="text" 10784 id="id_6ac9631fd0c28" 10785 placeholder="Jane" 10786 name="fname" 10787 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6 " 10788 required 10789 value="" 10790 > 10791 <label for="id_6ac9631fd0c28" 10792 class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
10792parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6 "> 10793 First Name<sup class=" text-lg text-error-5 inline-block absolute right-0 translate-x-0.5" aria-description="Required field">•</sup> 10794 </label> 10795 </div> 10796 <div id="message-id_6ac9631fd0c28" class="message"></div> 10797 </div> 10798 </div> 10799 10800 10801 </div> 10802 <div class="grid col-span-12 sm:col-span-6 "> 10803 10804 10805 <div class="relative input-wrapper z-0 mt-6" id="input-wrapper-id_6ac9631fd0d0a"> 10806 <div class="relative"> 10807 10808 <div> 10809 <input 10810 type="text" 10811 id="id_6ac9631fd0d0a" 10812 placeholder="Doe" 10813 name="lname" 10814 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6 " 10815 required 10816 value="" 10817 > 10818 <label for="id_6ac9631fd0d0a" 10819 class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6 "> 10820 Last Name<sup class=" text-lg text-error-5 inline-block absolute right-0 translate-x-0.5" aria-description="Required field">•</sup> 10821 </label> 10822 </div> 10823 <div id="message-id_6ac9631fd0d0a" class="message"></div> 10824 </div> 10825 </div> 10826 </div> 10827 </div> 10828 <div class="grid grid-cols-12 max-w-9xl md:gap-xxs gap-y-xxs sm:gap-y-0"> 10829 10830 10831 <div class="grid col-span-12 sm:col-span-8 "> 10832 10833 <div class="relative input-wrapper z-0 mt-6" id="input-wrapper-id_6ac9631fd0e6c"> 10834 <div class="relative"> 10835 10836 <div> 10837 <input 10838 type="email" 10839 id="id_6ac9631fd0e6c" 10840 placeholder="[email protected]" 10841 name="email" 10842 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6 " 10843 required 10844 value="" 10845 > 10846 <label for="id_6ac9631fd0e6c" 10847 class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-transparent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6 "> 10848 Your Email<sup class=" text-lg text-error-5 inline-block absolute right-0 translate-x-0.5" aria-description="Required field">•</sup> 10849 </label> 10850 </div> 10851 <div id="message-id_6ac9631fd0e6c" class="message"></div> 10852 </div> 10853 </div> 10854 10855 10856 </div> 10857 <div class="grid col-span-12 sm:col-span-4 "> 10858 10859 10860 <div class="relative input-wrapper z-0 mt-6" id="input-wrapper-id_6ac9631fd0f1c"> 10861 <div class="relative"> 10862 10863 <div> 10864 <input 10865 type="text" 10866 id="id_6ac9631fd0f1c" 10867 placeholder="12345" 10868 name="zip" 10869 class="placeholder:opacity-0 floating-input block py-2 w-full text-body body-large-reg-wt border-0 input-bottom-border gradient-7 bg-repeat-x bg-bottom bg-[size:100%_var(--space-0-5)] focus:bg-[size:100%_var(--space-px)] appearance-none px-2 peer leading-snug hover:bg-gray-transparent-2 placeholder-shown:bg-transparent bg-gray-transparent-2 focus:outline-none focus:ring-0 focus:bg-gray-transparent-1 focus:border-blue-6 " 10870 required 10871 value="" 10872 > 10873 <label for="id_6ac9631fd0f1c" 10874 class="left-0 floating-label absolute text-xs font-semibold uppercase text-navy-trans
10874parent-5 transform -translate-y-6 top-2 -z-10 origin-[0] px-2 peer-focus:left-0 peer-focus:text-body peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-1.5 peer-focus:scale-100 peer-focus:-translate-y-6 "> 10875 Zip Code<sup class=" text-lg text-error-5 inline-block absolute right-0 translate-x-0.5" aria-description="Required field">•</sup> 10876 </label> 10877 </div> 10878 <div id="message-id_6ac9631fd0f1c" class="message"></div> 10879 </div> 10880 </div> 10881 </div> 10882 </div> 10883 <div id="recaptchaSignupSKQ" class="col-span-12 my-4"></div> 10884 10885 <div class="flex flex-row justify-between gap-4 items-center text-center mt-5"> 10886 <a id="skq-skip-signup-form" href="javascript:void(0);" class="cursor-pointer" rel="noreferrer nofollow">Continue without signing up</a> 10887 <button type="submit" class="self-center flex-shrink-0 btn items-center duration-500 py-0 10888 hover:shadow-lg 10889 active:focus:ring-2 active:focus:duration-200 10890 active:focus:ring-offset-2 active:focus:ring-offset-white 10891 btn-theme btn-gradient active:focus:ring-gray-transparent-5 btn btn-gradient btn-theme" id="skq-submit-btn" aria-label="Submit Form" data-loading-text="Signing up..."> 10892 <span class="inline-grid grid-cols-1"> 10893 <span class="col-start-1 row-start-1 default-state">Sign Up</span> 10894 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 10895 <svg aria-hidden="true" role="status" 10896 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 10897 fill="none" xmlns="http://www.w3.org/2000/svg"> 10898 <path 10899 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 10900 fill="#6347AA" /> 10901 <path 10902 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 10903 fill="currentColor" /> 10904 </svg> 10905 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 10906 </span> 10907</span> 10908 10909 </button> 10910 </div> 10911 10912 <div class="bg-orange-100 border-t border-b border-orange-500 text-orange-700 px-4 py-3 col-span-12 mt-4 hidden" role="alert" id="message-signup-skq-error"> 10913 10914 </div> 10915 </form> 10916 </div> 10917 </div> 10918 </div> 10919 10920 </div> 10921 10922 <p class="text-sm">Disclaimer: The product recommendations should not be considered medical advice. For additional questions about the skin concerns identified, please contact your healthcare provider.</p> 10923 10924 <button id="skincare-quiz-close" type="button" 10925 class=" 10926 absolute top-3 right-3 text-navy-6 bg-transparent hover:bg-gray-200 hover:text-gray-900 10927 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center" 10928 aria-label="Close skincare quiz"> 10929 <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> 10930 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/> 10931 </svg>
10932 <span class="sr-only">Close modal</span> 10933 </button> 10934</div> 10935 </div> 10936</div> 10937 10938 <div id="backdrop" class="fixed top-0 left-0 z-10 hidden w-full h-screen opacity-0 bg-gray-transparent-10"></div> 10939<!-- Main modal --> 10940<div id="search-modal" tabindex="-1" aria-hidden="true" 10941 class="fixed top-0 left-0 right-0 z-50 hidden w-full overflow-x-hidden overflow-y-auto md:inset-0 h-modal md:h-full"> 10942 <div class="relative w-full h-full max-w-lg p-4 "> 10943 <!-- Modal content --> 10944 <div class="relative bg-white rounded-lg shadow dark:bg-gray-700"> 10945 <button type="button" 10946 class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white" 10947 data-modal-toggle="search-modal"> 10948 <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" 10949 xmlns="http://www.w3.org/2000/svg"> 10950 <path fill-rule="evenodd" 10951 d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" 10952 clip-rule="evenodd"></path> 10953 </svg> 10954 <span class="sr-only">Close modal</span> 10955 </button> 10956 <div class="px-6 py-6 lg:px-8"> 10957 10958 </div> 10959 </div> 10960 </div> 10961</div> 10962 <div class="cookie-consent"> 10963 <div id="cookies-corner-modal" aria-hidden="false" aria-label="Cookie Consent Popup" tabindex="-1" 10964 class="hidden overflow-y-auto overflow-x-hidden fixed bottom-0 right-0 left-0 z-50 w-full md:inset-0 h-full"> 10965 <div class="relative p-4 w-full max-w-2xl h-full md:h-auto flex"> 10966 <div class="p-md blur-box--bordered bg-gradient-glass relative bg-white rounded-lg shadow flex flex-col gap-y-4 mt-auto max-w-full animate-pulse"> 10967 10968 <div class="prose max-w-md"> 10969 <h3 class="mb-3">We use cookies to personalize your experience.</h3> 10970 <p> 10971 To find out more about the types of cookies, as well as who sends them on our website, 10972 please visit our <a href="/privacy-policy">Privacy Policy</a>. 10973 </p> 10974 </div> 10975 10976 <!-- Tabs --> 10977 <div> 10978 <ul id="cookieTabs" role="tablist" class="flex w-full gap-0 sm:gap-0.5"> 10979 10980 <li class="flex-1" role="presentation"> 10981 <button class="flex items-center justify-center gap-x-2 px-1 sm:px-3 py-2 w-full 10982 text-xs sm:text-sm text-black rounded-t-lg border border-b-0 border-navy-2 bg-navy-1a hover:bg-navy-2a 10983 data-[active=true]:bg-white data-[active=true]:text-black data-[active=true]:border-b-0 data-[active=true]:border-navy-2" 10984 id="tab-necessary" data-tabs-target="#panel-necessary" type="button" role="tab" aria-controls="panel-necessary" aria-selected="false"> 10985 <div class="flex items-center gap-0"> 10986 <input id="consent-necessary" name="consent-necessary" type="checkbox" 10987 style="background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");" 10988 class="form-checkbox h-3 sm:h-4 w-3 sm:w-4 text-purple-6 transition duration-150 ease-in-out rounded disabled:opacity-50 " checked disabled> 10989 <label for="consent-necessary" class="w-full inline-block pl-1 sm:pl-2 pt-0.5 text-xs sm:text-sm font-normal cursor-pointer text-body dark:text-gray-300 ">Necessary</label> 10990 </div> 10991 10992 </button> 10993 </li> 10994 <li class="flex-1" role="presentation"> 10995 <button class="flex items-center justify-center gap-x-2 px-1 sm:px-3 py-2 w-full 10996 text-xs sm:text-sm text-black rounded-t-lg border border-b-0 border-navy-2 bg-navy-1a hover:bg-navy-2a 10997 data-[active=true]:bg-white data-[active=true]:text-black data-[active=true]:border-b-0 data-[active=true]:border-navy-2" 10998 id="tab-preferences" data-tabs-target="#panel-preferences" type="button" role="tab" aria-controls="panel-preferences" aria-selected="false"> 10999 <div class="flex items-center gap-0"> 11000 <input id="consent-preferences" name="consent-preferences" type="checkbox" 11001 style="background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");" 11002 class="form-checkbox h-3 sm:h-4 w-3 sm:w-4 text-purple-6 transition duration-150 ease-in-out rounded disabled:opacity-50 " checked > 11003 <label for="consent-preferences" class="w-full inline-block pl-1 sm:pl-2 pt-0.5 text-xs sm:text-sm font-normal cursor-pointer text-body dark:text-gray-300 ">Preferences</label> 11004 </div> 11005 11006 </button> 11007 </li> 11008 <li class="flex-1" role="presentation"> 11009 <button class="flex items-center justify-center gap-x-2 px-1 sm:px-3 py-2 w-full 11010 text-xs sm:text-sm text-black rounded-t-lg border border-b-0 border-navy-2 bg-navy-1a hover:bg-navy-2a 11011 data-[active=true]:bg-white data-[active=true]:text-black data-[active=true]:border-b-0 data-[active=true]:border-navy-2" 11012 id="tab-analytics" data-tabs-target="#panel-analytics" type="button" role="tab" aria-controls="panel-analytics" aria-selected="false"> 11013 <div class="flex items-center gap-0"> 11014 <input id="consent-analytics" name="consent-analytics" type="checkbox" 11015 style="background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");" 11016 class="form-checkbox h-3 sm:h-4 w-3 sm:w-4 text-purple-6 transition duration-150 ease-in-out rounded disabled:opacity-50 " checked > 11017 <label for="consent-analytics" class="w-full inline-block pl-1 sm:pl-2 pt-0.5 text-xs sm:text-sm font-normal cursor-pointer text-body dark:text-gray-300 ">Analytics</label> 11018 </div> 11019 11020 </button> 11021 </li> 11022 <li class="flex-1" role="presentation"> 11023 <button class="flex items-center justify-center gap-x-2 px-1 sm:px-3 py-2 w-full 11024 text-xs sm:text-sm text-black rounded-t-lg border border-b-0 border-navy-2 bg-navy-1a hover:bg-navy-2a 11025 data-[active=true]:bg-white data-[active=true]:text-black data-[active=true]:border-b-0 data-[active=true]:border-navy-2" 11026 id="tab-marketing" data-tabs-target="#panel-marketing" type="button" role="tab" aria-controls="panel-marketing" aria-selected="false"> 11027 <div class="flex items-center gap-0"> 11028 <input id="consent-marketing" name="consent-marketing" type="checkbox" 11029 style="background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");" 11030 class="form-checkbox h-3 sm:h-4 w-3 sm:w-4 text-purple-6 transition duration-150 ease-in-out rounded disabled:opacity-50 " checked > 11031 <label for="consent-marketing" class="w-full inline-block pl-1 sm:pl-2 pt-0.5 text-xs sm:text-sm font-normal cursor-pointer text-body dark:text-gray-300 ">Marketing</label> 11032 </div> 11033 11034 </button> 11035 </li> 11036 </ul> 11037
11038 <div id="cookieTabsContent" class="p-4 border border-t-0 border-navy-2 rounded-b-lg bg-white"> 11039 <div class="hidden" id="panel-necessary" role="tabpanel" aria-labelledby="tab-necessary"> 11040 <div class="prose text-sm text-navy-6"> 11041 11042 <p> 11043 <b class="not-prose">These cookies are essential for the core operation of our website and cannot be disabled through our system.</b> 11044 They are typically set in response to actions you take, such as adjusting your privacy settings, logging in, or completing forms. 11045 While you can configure your browser to block these cookies, doing so may cause parts of the site to function improperly. 11046 These cookies do not contain any information that can personally identify you. 11047 </p> 11048 </div> 11049 </div> 11050 <div class="hidden" id="panel-preferences" role="tabpanel" aria-labelledby="tab-preferences"> 11051 <div class="prose text-sm text-navy-6"> 11052 11053 <p> 11054 <b class="not-prose">Preference cookies help tailor the website experience to your needs by enabling enhanced features and personalized settings.</b> 11055 They may be placed by us or by third-party providers offering tools or services on our site. Without these cookies, 11056 certain elements of the site may not perform as expected. 11057 </p> 11058 <a href="#" class="disable-cookies-link mt-2" data-cookie-type="preferences">Disable Preference Cookies</a> 11059 </div> 11060 </div> 11061 <div class="hidden" id="panel-analytics" role="tabpanel" aria-labelledby="tab-analytics"> 11062 <div class="prose text-sm text-navy-6"> 11063 11064 <p> 11065 <b class="not-prose">These cookies help us understand how visitors interact with our website by collecting and analyzing traffic data.</b> 11066 They provide insight into which pages are most visited, how users navigate the site, and what improvements we can make. 11067 The data gathered is aggregated and anonymized. If you choose not to accept these cookies, we'll have less visibility into your experience on our site. 11068 </p> 11069 <a href="#" class="disable-cookies-link mt-2" data-cookie-type="analytics">Disable Analytics Cookies</a> 11070 </div> 11071 </div> 11072 <div class="hidden" id="panel-marketing" role="tabpanel" aria-labelledby="tab-marketing"> 11073 <div class="prose text-sm text-navy-6"> 11074 11075 <p> 11076 <b class="not-prose">Set by advertising partners, these cookies help deliver ads that are more relevant to your interests.</b> 11077 They work by identifying your device and browsing behavior, allowing for personalized advertising across different websites. 11078 While they don't store directly identifying personal data, disabling them means you'll see less targeted content. 11079 </p> 11080 <a href="#" class="disable-cookies-link mt-2" data-cookie-type="marketing">Disable Marketing Cookies</a> 11081 </div> 11082 </div> 11083 </div> 11084 </div> 11085 11086 <!-- Buttons --> 11087 <div class="flex justify-between gap-3">
11088 <button type="submit" class="self-center flex-shrink-0 btn items-center duration-500 py-0 11089 hover:shadow-lg 11090 active:focus:ring-2 active:focus:duration-200 11091 active:focus:ring-offset-2 active:focus:ring-offset-white 11092 btn-outline active:focus:ring-gray-transparent-3 btn-sm flex-grow justify-center" id="block-cookies" aria-label="Reject all"> 11093 <span class="inline-grid grid-cols-1"> 11094 <span class="col-start-1 row-start-1 default-state">Reject all</span> 11095 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 11096 <svg aria-hidden="true" role="status" 11097 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 11098 fill="none" xmlns="http://www.w3.org/2000/svg"> 11099 <path 11100 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 11101 fill="#6347AA" /> 11102 <path 11103 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 11104 fill="currentColor" /> 11105 </svg> 11106 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 11107 </span> 11108</span> 11109 11110 </button> 11111 <button type="submit" class="self-center flex-shrink-0 btn items-center duration-500 py-0 11112 hover:shadow-lg 11113 active:focus:ring-2 active:focus:duration-200 11114 active:focus:ring-offset-2 active:focus:ring-offset-white 11115 btn-cool btn-gradient active:focus:ring-gray-transparent-5 btn-sm flex-grow justify-center" id="accept-selected-cookies" aria-label="Accept Selected"> 11116 <span class="inline-grid grid-cols-1"> 11117 <span class="col-start-1 row-start-1 default-state">Accept Selection</span> 11118 <span class="loading-state col-start-1 row-start-1 invisible pointer-events-none inline-flex items-center gap-2 animate-twPulse animate-infinite text-purple-5" aria-hidden="true"> 11119 <svg aria-hidden="true" role="status" 11120 class="inline w-4 h-4 shrink-0 text-yellow-200 animate-twSpin animate-infinite -mt-0.5" viewBox="0 0 100 101" 11121 fill="none" xmlns="http://www.w3.org/2000/svg"> 11122 <path 11123 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 11124 fill="#6347AA" /> 11125 <path 11126 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 11127 fill="currentColor" /> 11128 </svg>
11129 <span class="text-sm tracking-tight" data-loading-text-placeholder>Loading...</span> 11130 </span> 11131</span> 11132 11133 </button> 11134 </div> 11135</div> 11136 </div> 11137</div> 11138 11139 </div> 11140 11141
11141<script src="https://unpkg.com/[email protected]/dist/flowbite.js"></script>
11141 11142 11143 11144
11144<script src="/pbt/scripts/utils.js"></script>
11144 11145
11145<script src="/js/anime.js"></script>
11145 11146
11146<script> 11147 // check localStorage for anime.js 11148 if (localStorage.getItem('animations') === 'true') { 11149 //create a waypoint for each data-anime-id element 11150 document.querySelectorAll('[data-anime-id]').forEach(function(el) { 11151 11152 var 11153 from = JSON.parse(el.getAttribute('data-anime-from')), 11154 uniqueId = el.getAttribute('data-anime-id'), 11155 delay = el.getAttribute('data-anime-delay'), 11156 duration = el.getAttribute('data-anime-duration'), 11157 trigger = el.getAttribute('data-anime-trigger'), 11158 offset = el.getAttribute('data-waypoint-offset'), 11159 triggerElement = document.querySelector(`[${trigger}]`), 11160 waypoint = new Waypoint({ 11161 element: trigger === 'self' ? el : triggerElement, 11162 handler: function(direction) { 11163 // console.log("TRIGGER: " + trigger); 11164 var 11165 settings = { 11166 targets: '[data-anime-id="'+uniqueId+'"]', 11167 duration: duration, 11168 delay: delay, 11169 easing: from.easing || 'easeInOutQuart', 11170 opacity: [from.opacity || 0, 1], 11171 rotate: [from.rotate || 0, 0], 11172 translateY: [from.translateY || 0, 0], 11173 translateX: [from.translateX || 0, 0], 11174 scale: [from.scale || 1, 1], 11175 } 11176 if (direction === 'down') { 11177 anime(settings); 11178 } else { 11179 anime({ 11180 targets: '[data-anime-id="'+uniqueId+'"]', 11181 duration: 100, 11182 delay: 0, 11183 easing: 'linear', 11184 opacity: [1, 0], 11185 }) 11186 } 11187 }, offset: offset 11188 }); 11189 }); 11190 } 11191</script>
vendor: 123 bytes, lines 11191-11192
11191 11192 <script src="https://www.google.com/recaptcha/enterprise.js?onload=signupSKQCallback&render=explicit" async></script>
11193<script> 11194 var signupSKQCallback = function() { 11195 grecaptcha.enterprise.render('recaptchaSignupSKQ', { 11196 'sitekey' : "6LeQF1gUAAAAAF0OCr3_UqGjo2Cb19xc5duAo1tA" 11197 }); 11198 }; 11199</script>
vendor: 117 bytes, lines 11199-11201
11199 11200<script src="https://www.google.com/recaptcha/enterprise.js?onload=signupCallback&render=explicit" async></script> 11201
11201<script> 11202 var signupCallback = function() { 11203 grecaptcha.enterprise.render('recaptchaSignup', { 11204 'sitekey' : "6LeQF1gUAAAAAF0OCr3_UqGjo2Cb19xc5duAo1tA" 11205 }); 11206 }; 11207 </script>
11207 11208 11209
11209<script src="/pbt/scripts/products.js"></script>
11209 11210
11210<script src="/pbt/scripts/skincare-quiz.js" defer></script>
11210 11211
11211<script> 11212 function loadingState(el, enabled) { 11213 if (enabled) { 11214 el.disabled = true; 11215 el.classList.add('loading') 11216 el.querySelector('.default-state').classList.add('invisible', 'pointer-events-none') 11217 el.querySelector('.loading-state').classList.remove('invisible', 'pointer-events-none') 11218 el.querySelector('.loading-state').setAttribute('aria-hidden', 'false') 11219 // if el has data-loading-text attribute, use it, otherwise use default 11220 if (el.getAttribute('data-loading-text')) 11221 el.querySelector('.loading-state [data-loading-text-placeholder]').innerText = el.getAttribute( 11222 'data-loading-text') || 'Loading' 11223 } else { 11224 el.disabled = false; 11225 el.classList.remove('loading') 11226 el.querySelector('.default-state').classList.remove('invisible', 'pointer-events-none') 11227 el.querySelector('.loading-state').classList.add('invisible', 'pointer-events-none') 11228 el.querySelector('.loading-state').setAttribute('aria-hidden', 'true') 11229 } 11230 } 11231 11232 // Clear loading state on browser back navigation 11233 window.addEventListener('pageshow', function (event) { 11234 if (!event.persisted || typeof loadingState !== 'function') return; 11235 document.querySelectorAll('.loading').forEach(function (el) { 11236 if (el.querySelector('.default-state') && el.querySelector('.loading-state')) { 11237 loadingState(el, false); 11238 } 11239 }); 11240 }); 11241 </script>
11241 11242
11242<script> 11243let userSelected = false; 11244window.ComboBoxResetUserSelected = function() { userSelected = false; }; 11245 11246window.ComboBoxSetItems = function(id, items) { 11247 var listbox = document.getElementById(id + '-listbox'); 11248 var input = document.getElementById(id); 11249 if (!listbox || !input) return; 11250 listbox.innerHTML = ''; 11251 (items || []).forEach(function(item, index) { 11252 var text = typeof item === 'string' ? item : (item.text || item.label || String(item)); 11253 var li = document.createElement('li'); 11254 li.id = id + '-option-' + index; 11255 li.setAttribute('role', 'option'); 11256 li.setAttribute('tabindex', '0'); 11257 li.className = 'cursor-pointer px-4 py-2 text-body body-large-reg-wt hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white'; 11258 li.setAttribute('data-value', text); 11259 li.textContent = text; 11260 listbox.appendChild(li); 11261 }); 11262 if (items.length > 0 && document.activeElement === input && userSelected === false) { 11263 listbox.classList.remove('hidden'); 11264 input.setAttribute('aria-expanded', 'true'); 11265 } else if (items.length === 0) { 11266 listbox.classList.add('hidden'); 11267 input.setAttribute('aria-expanded', 'false'); 11268 input.removeAttribute('aria-activedescendant'); 11269 } 11270}; 11271 11272function initComboBox(wrapper) { 11273 var input = wrapper.querySelector('input[role="combobox"]'); 11274 if (!input || wrapper.dataset.comboboxInit === 'true') return; 11275 var id = input.id; 11276 var listbox = document.getElementById(id + '-listbox'); 11277 if (!listbox) return; 11278 wrapper.dataset.comboboxInit = 'true'; 11279 11280 function getOptions() { return listbox.querySelectorAll('[role="option"]'); } 11281 function openListbox() { 11282 if(userSelected) { return } // Don't show dropdown after user selects 11283 var options = getOptions(); 11284 if (options.length === 0) return; 11285 listbox.classList.remove('hidden'); 11286 input.setAttribute('aria-expanded', 'true'); 11287 options.forEach(function(opt) { 11288 opt.classList.remove('bg-gray-100', 'dark:bg-gray-600'); 11289 opt.setAttribute('tabindex', '0'); 11290 }); 11291 input.removeAttribute('aria-activedescendant'); 11292 } 11293 function closeListbox() { 11294 listbox.classList.add('hidden'); 11295 input.setAttribute('aria-expanded', 'false'); 11296 input.removeAttribute('aria-activedescendant'); 11297 getOptions().forEach(function(opt) { opt.setAttribute('tabindex', '-1'); }); 11298 } 11299 function setActiveOption(option) { 11300 var options = getOptions(); 11301 options.forEach(function(opt) { opt.classList.remove('bg-gray-100', 'dark:bg-gray-600'); }); 11302 if (option) { 11303 option.classList.add('bg-gray-100', 'dark:bg-gray-600'); 11304 input.setAttribute('aria-activedescendant', option.id); 11305 } else { 11306 input.removeAttribute('aria-activedescendant'); 11307 } 11308 } 11309 function selectOption(option) { 11310 if (option) { 11311 input.value = option.getAttribute('data-value') || option.textContent; 11312 input.dispatchEvent(new Event('input', { bubbles: true })); 11313 input.dispatchEvent(new Event('change', { bubbles: true })); 11314 closeListbox(); 11315 userSelected = true; 11316 input.focus(); 11317 input.dispatchEvent(new CustomEvent('combobox-select', { detail: { value: input.value }, bubbles: true })); 11318 } else { 11319 closeListbox(); 11320 } 11321 } 11322 11323 input.addEventListener('input', function() { 11324 input.dispatchEvent(new CustomEvent('combobox-input', { detail: { value: input.value }, bubbles: true })); 11325 }); 11326 input.addEventListener('focus', function() { 11327 if (getOptions().length > 0) openListbox(); 11328 }); 11329 input.addEventListener('blur', function() { 11330 setTimeout(function() { 11331 if (!listbox.contains(document.activeElement)) closeListbox(); 11332 }, 200); 11333 }); 11334 input.addEventListener('keydown', function(e) { 11335 var options = getOptions(); 11336 var active = listbox.querySelector('.bg-gray-100, .dark\\:bg-gray-600'); 11337 var activeIndex = active ? Array.from(options).indexOf(active) : -1; 11338 if (e.key === 'ArrowDown') { 11339 e.preventDefault(); 11340 if (options.length === 0) return; 11341 openListbox();
11342 setActiveOption(options[activeIndex < options.length - 1 ? activeIndex + 1 : 0]); 11343 } else if (e.key === 'ArrowUp') { 11344 e.preventDefault(); 11345 if (options.length === 0) return; 11346 openListbox(); 11347 setActiveOption(options[activeIndex > 0 ? activeIndex - 1 : options.length - 1]); 11348 } else if (e.key === 'Enter' && active) { 11349 e.preventDefault(); 11350 selectOption(active); 11351 } else if (e.key === 'Escape') { 11352 e.preventDefault(); 11353 closeListbox(); 11354 } 11355 }); 11356 listbox.addEventListener('mousedown', function(e) { 11357 var option = e.target.closest('[role="option"]'); 11358 if (option) { 11359 e.preventDefault(); 11360 selectOption(option); 11361 } 11362 }); 11363 listbox.addEventListener('keydown', function(e) { 11364 var option = e.target.closest('[role="option"]'); 11365 var options = getOptions(); 11366 if (!option || options.length === 0) return; 11367 var idx = Array.from(options).indexOf(option); 11368 if (e.key === 'ArrowDown') { 11369 e.preventDefault(); 11370 var next = options[idx + 1] || options[0]; 11371 next.focus();
11372 setActiveOption(next); 11373 } else if (e.key === 'ArrowUp') { 11374 e.preventDefault(); 11375 var prev = options[idx - 1] || options[options.length - 1]; 11376 prev.focus(); 11377 setActiveOption(prev); 11378 } else if (e.key === 'Tab') { 11379 if (e.shiftKey) { 11380 if (idx === 0) { 11381 e.preventDefault(); 11382 closeListbox(); 11383 input.focus(); 11384 } else { 11385 e.preventDefault(); 11386 var prev = options[idx - 1]; 11387 prev.focus(); 11388 setActiveOption(prev); 11389 } 11390 } else { 11391 if (idx === options.length - 1) { 11392 // Let default Tab move focus to next element; focusout will close listbox 11393 } else { 11394 e.preventDefault(); 11395 var next = options[idx + 1]; 11396 next.focus(); 11397 setActiveOption(next); 11398 } 11399 } 11400 } else if (e.key === 'Enter') { 11401 e.preventDefault(); 11402 selectOption(option); 11403 } else if (e.key === 'Escape') { 11404 e.preventDefault(); 11405 closeListbox(); 11406 input.focus(); 11407 } 11408 }); 11409 listbox.addEventListener('focusin', function(e) { 11410 var option = e.target.closest('[role="option"]'); 11411 if (option) setActiveOption(option); 11412 }); 11413 listbox.addEventListener('focusout', function() { 11414 setTimeout(function() { 11415 if (!listbox.contains(document.activeElement) && document.activeElement !== input) closeListbox(); 11416 }, 0); 11417 }); 11418} 11419 11420function initAllComboBoxes() { 11421 document.querySelectorAll('.combobox-wrapper').forEach(initComboBox); 11422} 11423document.addEventListener('DOMContentLoaded', initAllComboBoxes); 11424if (document.readyState !== 'loading') setTimeout(initAllComboBoxes, 0); 11425</script>
11425 11426
11426<script src="/pbt/scripts/megamenu.js" defer></script>
11426
11426<script> 11427 document.addEventListener('DOMContentLoaded', function() { 11428 window.megamenu(); 11429 11430 var navBtn = document.getElementById('navbarToggleBtn'); 11431 var content = document.getElementById('mega-menu-full-nav-content'); 11432 if (navBtn && content) { 11433 navBtn.addEventListener('click', function() { 11434 content.classList.remove('stagger-in'); 11435 var isOpen = document.getElementById('site-header').classList.contains('expand-full-nav'); 11436 if (isOpen) { 11437 requestAnimationFrame(function() { 11438 requestAnimationFrame(function() { 11439 content.classList.add('stagger-in'); 11440 }); 11441 }); 11442 } 11443 }); 11444 } 11445 }); 11446</script>
11446 11447
11447<script> 11448 const toggleButton = document.querySelector('[data-toggle-visibility="footer-signup-6ac9631fd408e-signup-form"]'), 11449 toggleTarget = document.querySelector('[data-visible="footer-signup-6ac9631fd408e-signup-form"]'), 11450 fakeSubmitButton = document.querySelector('[data-toggle-visibility="footer-signup-6ac9631fd408e-confirmation"]'), 11451 fakeSubmitTarget = document.querySelector('[data-visible="footer-signup-6ac9631fd408e-confirmation"]'), 11452 firstInput = document.querySelector('#footer-signup [name="fname"]'), 11453 intro = document.querySelector('.email-signup-intro'), 11454 form = document.querySelector('#email-signup-form'), 11455 confirmation_group = document.querySelectorAll('[data-group-id="confirmation"]'), 11456 form_group = document.querySelectorAll('[data-group-id="form-fields"]'), 11457 footerSignupAnchor = document.querySelector('#footer-signup-anchor'); 11458 11459 toggleButton.addEventListener('click', function() { 11460 toggleTarget.className = 'block'; 11461 toggleButton.className = 'hidden'; 11462 __FadeIn_Group(form_group); 11463 firstInput.focus(); 11464 }); 11465 11466 function sendSignupForm(e, form) 11467 { 11468 loadingState(document.querySelector('#footer-signup-submit'), true); 11469 footerSignupAnchor.scrollIntoView({behavior: 'smooth'}); 11470 fetch(form.action, {method:'post', body: new FormData(form)}).then(r => r.json()).then(data => { 11471 if (data.success) 11472 { 11473 fakeSubmitTarget.className = 'block'; 11474 [fakeSubmitButton, form, intro].forEach(function(el) { 11475 el.className = 'hidden'; 11476 }); 11477 __FadeIn_Group(confirmation_group); 11478 loadingState(document.querySelector('#footer-signup-submit'), false); 11479 // scroll to the top of the form 11480 11481 } 11482 else 11483 { 11484 //--- TODO: Handle error state. data.response contains the errors message. 11485 loadingState(document.querySelector('#footer-signup-submit'), false); 11486 } 11487 }); 11488 e.preventDefault(); 11489 } 11490 11491</script>
11491 11492
11492<script> 11493 const defaultModal = document.getElementById('defaultModal'); 11494 document.body.appendChild(defaultModal); 11495 11496 var modals = []; 11497 var activeModalId = null; 11498 var autoCompleteCache = new Map(); 11499 11500 var 11501 modal = new Modal(defaultModal, { 11502 placement: 'center', 11503 backdrop: 'dynamic', 11504 onHide: () => { 11505 if (activeModalId && modals[activeModalId]) { 11506 var input = modals[activeModalId].salonSearchInput; 11507 input.focus(); 11508 input.select(); 11509 activeModalId = null; 11510 } 11511 if (typeof ComboBoxResetUserSelected === 'function') ComboBoxResetUserSelected(); 11512 }, 11513 onShow: () => { }, 11514 onToggle: () => { console.log('modal has been toggled'); } 11515 }), 11516 11517 closeModal = document.querySelectorAll('.close-modal'), 11518 enabledButton = ['cursor-pointer','btn-gradient','btn-cool']; 11519 11520 //--- Get user location. 11521 var userLocation = { 11522 latitude: '', 11523 longitude: '' 11524 }; 11525 11526 function startLocationSearchLoading(id, useMyLocationLink) { 11527 if (typeof loadingState !== 'function' || !modals[id] || !modals[id].searchButton) return; 11528 if (!useMyLocationLink) loadingState(modals[id].searchButton, true); 11529 } 11530 11531 function clearLocationSearchLoading(id, useMyLocationLink) { 11532 if (typeof loadingState !== 'function' || !modals[id]) return; 11533 if (modals[id].searchButton) loadingState(modals[id].searchButton, false); 11534 if (useMyLocationLink) loadingState(useMyLocationLink, false); 11535 } 11536 11537 function setupLocationSearch(id, type, url, onnewsearch, useMyLocationLink, onchange) 11538 { 11539 modals[id] = { 11540 searchType : type, 11541 returnUrl : url, 11542 salonSearchInput : document.getElementById(id + 'id-salon-search'), 11543 searchButton : document.getElementById('button-' + id + 'id-salon-search'), 11544 selectedSalon : document.getElementById(id + 'selected-salon-placeholder-area'), 11545 chooseAnotherSalon : document.getElementById(id + 'choose-another-salon'), 11546 stateInput : document.getElementById(id + 'input-state-input'), 11547 stateMessage : document.getElementById(id + 'input-state-message'), 11548 accordionCollapse : document.getElementById(id + 'accordion-collapse'), 11549 searchEnabled : false, 11550 onNewSearch : onnewsearch, 11551 onChange : onchange, 11552 timer : null 11553 } 11554 11555 modals[id].salonSearchInput.addEventListener('input', (e) => { 11556 let query = e.target.value.trim(); 11557 11558 if (query && (!isNaN(query) || !isNaN(query.substring(0, 5)))) 11559 { 11560 if (typeof ComboBoxSetItems === 'function') ComboBoxSetItems(id + 'id-salon-search', []); 11561 modals[id].searchEnabled = query.length == 5; 11562 if (modals[id].searchEnabled) 11563 modals[id].searchButton.classList.add(...enabledButton); 11564 else 11565 modals[id].searchButton.classList.remove(...enabledButton); 11566 return; 11567 } 11568 11569 clearTimeout(modals[id].timer); 11570 let queryMatch = query.match(/^([a-zA-Z\s]*,[\s]*[a-zA-Z]{2}|[\s]*[0-9]{5}|[a-zA-Z\s]*,[\s]*[a-zA-Z]{2}.[\s]*[0-9]{5})$/); 11571 modals[id].searchEnabled = queryMatch; 11572 if (modals[id].searchEnabled) 11573 { 11574 modals[id].searchButton.classList.add(...enabledButton); 11575 if (typeof ComboBoxSetItems === 'function') ComboBoxSetItems(id + 'id-salon-search', []); 11576 } 11577 else 11578 modals[id].searchButton.classList.remove(...enabledButton); 11579 11580 modals[id].timer = setTimeout(() => { 11581 let cachedItems = autoCompleteCache.get(query); 11582 if (query.length >= 3 && cachedItems) 11583 { 11584 if (typeof ComboBoxSetItems === 'function') ComboBoxSetItems(id + 'id-salon-search', cachedItems); 11585 e.preventDefault(); 11586 } 11587 else if (query.length >= 3) 11588 { 11589 if (!queryMatch) 11590 { 11591 fetch('https://places.googleapis.com/v1/places:autocomplete', {method:'post', headers: {'Content-Type': 'application/json', 'X-Goog-Api-Key': 'AIzaSyCUR_1XZn8LEriedQTL52fylFurVOr6m9U', 'X-Goog-FieldMask': 'suggestions.placePrediction.text.text'}, body: JSON.stringify({input: query, regionCode: 'us', includedReg
11591ionCodes: ['us'], includedPrimaryTypes: ['neighborhood', 'locality', 'administrative_area_level_1', 'postal_code']})}).then(r => r.json()).then(data => { 11592 var items = (data.suggestions || []).map(function(s) { return s.placePrediction?.text?.text || ''; }).filter(Boolean); 11593 autoCompleteCache.set(query, items); 11594 if (typeof ComboBoxSetItems === 'function') ComboBoxSetItems(id + 'id-salon-search', items); 11595 }); 11596 } 11597 e.preventDefault(); 11598 } 11599 else 11600 { 11601 if (typeof ComboBoxSetItems === 'function') ComboBoxSetItems(id + 'id-salon-search', []); 11602 } 11603 }, 500); 11604 }); 11605 11606 modals[id].salonSearchInput.addEventListener('combobox-select', (e) => { 11607 clearTimeout(modals[id].timer); 11608 modals[id].searchButton.classList.add(...enabledButton); 11609 modals[id].searchEnabled = true; 11610 if (modals[id].searchType === 'user') 11611 setUserLocation(id, e.detail.value, null); 11612 else 11613 getLocations(id, e.detail.value, null); 11614 }); 11615 11616 // show modal when hitting enter (skip if combo-box listbox is open - it will fire combobox-select) 11617 modals[id].salonSearchInput.addEventListener('keydown', (e) => { 11618 if (e.key === 'Enter') 11619 { 11620 e.preventDefault(); 11621 if (modals[id].searchEnabled) 11622 { 11623 var listbox = document.getElementById(id + 'id-salon-search-listbox'); 11624 if (listbox && !listbox.classList.contains('hidden') && listbox?.selectElement?.value) return; 11625 if (modals[id].searchType === 'user') 11626 setUserLocation(id, modals[id].salonSearchInput.value, null); 11627 else 11628 getLocations(id, modals[id].salonSearchInput.value, null); 11629 } 11630 } 11631 }); 11632 11633 modals[id].searchButton.addEventListener('click', () => { 11634 if (modals[id].searchEnabled) 11635 { 11636 if (modals[id].searchType === 'user') 11637 setUserLocation(id, modals[id].salonSearchInput.value, null); 11638 else 11639 getLocations(id, modals[id].salonSearchInput.value, null); 11640 } 11641 }); 11642 11643 // CLOSE MODAL: 11644 // anything with .close-modal applied will close the modal (onHide refocuses input and selects text) 11645 closeModal.forEach((el) => el.addEventListener('click', () => modal.hide())); 11646 // pressing escape will close the modal (onHide refocuses input and selects text) 11647 document.addEventListener('keydown', (e) => { 11648 if (e.key === 'Escape') modal.hide(); 11649 }); 11650 11651 modals[id].chooseAnotherSalon.addEventListener('click', (e) => { 11652 // modal.show(); 11653 // firstResultInModal.focus(); 11654 modals[id].accordionCollapse.classList.add('hidden'); 11655 modals[id].accordionCollapse.innerHTML = ''; 11656 11657 e.preventDefault(); 11658 modals[id].stateInput.classList.remove('hidden'); 11659 modals[id].stateMessage.classList.add('hidden'); 11660 modals[id].selectedSalon.innerHTML = ''; 11661 modals[id].selectedSalon.classList.remove('attention'); 11662 // Disable search button 11663 modals[id].searchButton.classList.remove(...enabledButton); 11664 modals[id].searchEnabled = false; 11665 // clear input and focus 11666 modals[id].salonSearchInput.value = ''; 11667 modals[id].salonSearchInput.focus(); 11668 if (typeof ComboBoxResetUserSelected === 'function') ComboBoxResetUserSelected(); 11669 11670 modals[id].onNewSearch(modals[id]); 11671 }); 11672 11673 if (useMyLocationLink) { 11674 loadingState(useMyLocationLink, false); 11675 useMyLocationLink.addEventListener('click', (e)=> { 11676 loadingState(useMyLocationLink, true); 11677 if (navigator.geolocation) { 11678 navigator.geolocation.getCurrentPosition( 11679 function(position) { 11680 userLocation.latitude = position.coords.latitude; 11681 userLocation.longitude = position.coords.longitude; 11682 modals[id].salonSearchInput.value = ''; 11683 if (modals[id].searchType === 'user') 11684 setUserLocation(id, modals[id].salonSearchInput.value, useMyLocationLink); 11685 else 11686 getLocations(id, modals[id].salonSearchInput.value, useMyLocationLink); 11687 }, 11688 function (error) { 11689 loadingState(useMyLocationLink, false); 11690 alert('You must enable location services to use this feature'); 11691 console.log(error.message); 11692 }, 11693 { 11694 timeout: 5000, 11695 }, 11696 ) 11697 } 11698 else 11699 { 11700 loadingState(useMyLocationLink, false); 11701 console.log('GPS not supported by browser'); 11702 } 11703 }); 11704 } 11705 } 11706 11707 function setUserLocation(id, query, useMyLocationLink) 11708 { 11709 startLocationSearchLoading(id, useMyLocationLink); 11710 var data = new FormData(); 11711 data.append('_token', 'hFUeHEDLorhaBN8MdCMweLQrbidx3ApjM1uzUNMI'); 11712 data.append('query', query); 11713 data.append('latitude', userLocation.latitude); 11714 data.append('longitude', userLocation.longitude); 11715 data.append('url', modals[id].returnUrl); 11716 11717 fetch('/location-search/set-user-location', {method:'post', body: data}).then(r => r.json()).then(data => { 11718 if (data.success) 11719 { 11720 if (data.url != window.location.href && window.location.href.indexOf(data.url) > -1 && data.url.indexOf('#') < 0) 11721 window.location = data.url; 11722 else if (data.url != window.location.href && window.location.href.indexOf(data.url) > -1 && data.url.indexOf('#') > -1) 11723 window.location.reload(); 11724 else 11725 window.location = data.url; 11726 } 11727 else 11728 { 11729 clearLocationSearchLoading(id, useMyLocationLink); 11730 alert( data.error) 11731 } 11732 }).catch(function() { 11733 clearLocationSearchLoading(id, useMyLocationLink); 11734 }); 11735 11736 } 11737 11738 function getLocations(id, query, useMyLocationLink) 11739 { 11740 startLocationSearchLoading(id, useMyLocationLink); 11741 modals[id].accordionCollapse.classList.add('hidden'); 11742 modals[id].accordionCollapse.innerHTML = ''; 11743 11744 var data = new FormData(); 11745 data.append('_token', 'hFUeHEDLorhaBN8MdCMweLQrbidx3ApjM1uzUNMI'); 11746 data.append('query', query); 11747 data.append('latitude', userLocation.latitude); 11748 data.append('longitude', userLocation.longitude); 11749 11750 fetch('/location-search', {method:'post', body: data}).then(r => r.json()).then(data => { 11751 if (data.success) 11752 { 11753 var modalData = document.getElementById('modal-scroll-area'); 11754 if (modalData) 11755 { 11756 var doModal = data.results != null; 11757 11758 if (doModal) 11759 modalData.innerHTML = data.results; 11760 else 11761 { 11762 //--- Hide autocomplete dropdown 11763 if (typeof ComboBoxSetItems === 'function') ComboBoxSetItems(id + 'id-salon-search', []); 11764 11765 modals[id].accordionCollapse.innerHTML = data.allLocations; 11766 11767 //--- Setup accordion click handlers since they won't work went dumped in from an AJAX request. 11768 accordionElements = modals[id].accordionCollapse.querySelectorAll('[id^="accordion-open-heading-"]');
11769 accordionElements.forEach((el) => { 11770 el.addEventListener('click', (e)=> { 11771 var btn = el.querySelector('[type="button"]'); 11772 if (btn) 11773 { 11774 var bodyId = btn.getAttribute('data-accordion-target'); 11775 accordionBodies = modals[id].accordionCollapse.querySelectorAll('[id^="accordion-open-body-"]'); 11776 accordionBodies.forEach((el) => { 11777 if (el.id == bodyId) 11778 el.classList.toggle('hidden'); 11779 else 11780 el.classList.add('hidden'); 11781 }); 11782 } 11783 }); 11784 }); 11785 11786 modals[id].accordionCollapse.classList.remove('hidden'); 11787 11788 clearLocationSearchLoading(id, useMyLocationLink); 11789 // Focus input, highlight text, and reset combo so dropdown appears when user types again 11790 modals[id].salonSearchInput.focus(); 11791 modals[id].salonSearchInput.select(); 11792 if (typeof ComboBoxResetUserSelected === 'function') ComboBoxResetUserSelected(); 11793 } 11794 11795 var salonResult = document.querySelectorAll('.salon-result'), 11796 totalSalons = salonResult.length, 11797 firstResultInModal = document.getElementById('salon-result-1'); 11798 11799 if (doModal) 11800 { 11801 clearLocationSearchLoading(id, useMyLocationLink); 11802 activeModalId = id; 11803 modal.show(); 11804 firstResultInModal.focus(); 11805 } 11806 11807 function selectSalonFromModal(el) 11808 { 11809 //console.log('selectSalonFromModal'); 11810 modal.hide(); 11811 modalData.innerHTML = ''; 11812 modals[id].salonSearchInput.focus(); // focus on input 11813 modals[id].selectedSalon.classList.add('opacity-0'); 11814 modals[id].selectedSalon.innerHTML = ''; // empty placeholder area 11815 if (modals[id].searchType == 'session' || modals[id].searchType == 'nav') 11816 modals[id].selectedSalon.classList.add('hidden'); 11817 else 11818 modals[id].selectedSalon.classList.remove('hidden'); 11819 modals[id].selectedSalon.appendChild(el.cloneNode(true)); // clone node to placeholder area 11820 11821 if (modals[id].searchType == 'session') 11822 { 11823 var salonResult = modals[id].selectedSalon.querySelector('[name="salon"]'); 11824 11825 fetch('/location-search/set/' + salonResult.getAttribute('value') + '?url=' + encodeURIComponent(modals[id].returnUrl)).then(r => r.json()).then(data => { 11826 if (data.success) 11827 { 11828 if (data.url != window.location.href && window.location.href.indexOf(data.url) > -1 && data.url.indexOf('#') < 0) 11829 window.location = data.url; 11830 else if (data.url != window.location.href && window.location.href.indexOf(data.url) > -1 && data.url.indexOf('#') > -1) 11831 window.location.reload(); 11832 else 11833 window.location = data.url; 11834 } 11835 }); 11836 } 11837 else if (modals[id].searchType == 'nav') 11838 { 11839 var url = modals[id].selectedSalon.querySelector('[name="url"]'); 11840 window.location = url.value; 11841 } 11842 else 11843 { 11844 var salonResult = modals[id].selectedSalon.querySelector('.salon-result'); 11845 // clear out unnecessary attributes 11846 ['id','tabindex','role','aria-pressed'].forEach((attr) => { 11847 salonResult.removeAttribute(attr); 11848 }); 11849 salonResult.removeEventListener('click', () => {}); 11850 salonResult.classList.remove('cursor-pointer','hover:bg-purple-1a'); 11851 salonResult.classList.add('border','border-purple-5','border-dashed','mb-8', 'p-4', 'rounded-lg', 'shadow', 'lg:px-8'); 11852 modals[id].selectedSalon.classList.add('attention'); 11853 11854 modals[id].stateInput.classList.add('hidden'); 11855 modals[id].stateMessage.classList.remove('hidden'); 11856 11857 modals[id].accordionCollapse.classList.add('hidden'); 11858 modals[id].accordionCollapse.innerHTML = ''; 11859 // scroll to chooseAnotherSalon 11860 document.getElementById('id_6ac9631f9254d_anchor-point').scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"}); 11861 // focus 11862 } 11863 11864 modals[id].onChange(modals[id]); 11865 } 11866 11867 salonResult.forEach((el) => { 11868 // navigate list with arrow keys 11869 el.addEventListener('keydown', (e) => { 11870 if (e.key === 'ArrowDown') 11871 { 11872 e.preventDefault(); 11873 if (el.nextElementSibling) 11874 el.nextElementSibling.focus(); 11875 else 11876 firstResultInModal.focus(); 11877 } 11878 else if (e.key === 'ArrowUp') 11879 { 11880 e.preventDefault(); 11881 if (el.previousElementSibling) 11882 el.previousElementSibling.focus(); 11883 else 11884 salonResult_End.focus(); 11885 } 11886 }); 11887 el.addEventListener('click', (e) => { 11888 e.preventDefault(); 11889 selectSalonFromModal(el); 11890 }); 11891 }); 11892 11893 // apply click event to focused divs when pressing enter 11894 var roleButton = document.querySelectorAll('[role="button"]'); 11895 roleButton.forEach((el) => { 11896 el.addEventListener('keydown', (e) => { 11897 if (e.key === 'Enter') 11898 { 11899 e.preventDefault(); 11900 selectSalonFromModal(el); 11901 } 11902 }); 11903 }); 11904
11905 // return to salon-result-1 when reaching the last salon-result 11906 let salonResult_End = document.getElementById('salon-result-' + totalSalons); 11907 if (salonResult_End) 11908 salonResult_End.addEventListener('keydown', (e) => { 11909 if (e.key === 'Tab' && !e.shiftKey) 11910 { 11911 e.preventDefault(); 11912 firstResultInModal.focus(); 11913 } 11914 }); 11915 } 11916 else 11917 { 11918 clearLocationSearchLoading(id, useMyLocationLink); 11919 } 11920 } 11921 else 11922 { 11923 //--- TODO: Handle error state. data.response contains the errors message. 11924 clearLocationSearchLoading(id, useMyLocationLink); 11925 alert(data.response) 11926 } 11927 }).catch(function() { 11928 clearLocationSearchLoading(id, useMyLocationLink); 11929 }); 11930 } 11931</script>
11931 11932
11932<script> 11933 // Add duration to floating labels after dom has rendered 11934 // to prevent ugly animation on page load 11935 document.addEventListener('DOMContentLoaded', function() { 11936 const floatingLabels = document.querySelectorAll('.floating-label'); 11937 floatingLabels.forEach((label) => { 11938 label.classList.add('duration-200'); 11939 }); 11940 }); 11941 </script>
11941 11942
11942<script> 11943 function applyClasses(elements, classes) { 11944 document.querySelectorAll(elements).forEach(element => { 11945 element.setAttribute('class', classes); 11946 }); 11947 } 11948 // apply classname to parent on input focus 11949 document.querySelectorAll('input').forEach(input => { 11950 input.addEventListener('focus', () => { 11951 input.parentNode.classList.add('focus-within'); 11952 }) 11953 input.addEventListener('blur', () => { 11954 input.parentNode.classList.remove('focus-within'); 11955 }) 11956 }) 11957 // append error message below input 11958 11959 </script>
11959 11960
11960<script src="/pbt/scripts/cookie-consent.js" defer></script>
11960 11961
11961<script> 11962 document.addEventListener("DOMContentLoaded", function(){ 11963 var useMyLocationLink = document.getElementById('id_6ac9631f9254d_' + 'use-my-location-link'); 11964 setupLocationSearch('id_6ac9631f9254d_', 'user', '/skin-care-products/collections/amethyst/luxe-facial-white-bronzer', function(modal){ }, document.getElementById('id_6ac9631f9254d_' + 'use-my-location-link'),function(modal){ }); 11965 }) 11966</script>
11966 11967<style> 11968 /* animate from yellow to transparent */ 11969 .attention { 11970 animation: fadeOut 3s ease-in-out .3s forwards, slideIn .15s ease-out .3s forwards; 11971 background-color: var(--color-gray-solid-1); 11972 transform: translateY(0); 11973 opacity: 0; 11974 } 11975 @keyframes fadeOut { 11976 0% { 11977 background-color: var(--color-orange-2); 11978 opacity: 0; 11979 } 11980 100% { 11981 background-color: var(--color-gray-solid-1); 11982 opacity: 1; 11983 } 11984 } 11985 @keyframes slideIn { 11986 0% { 11987 transform: translateX(var(--negative-space-24)); 11988 opacity: 0; 11989 } 11990 100% { 11991 transform: translateX(0); 11992 opacity: 1; 11993 } 11994 } 11995</style>
11996<script> 11997 document.addEventListener("DOMContentLoaded", function(){ 11998 var useMyLocationLink = document.getElementById('id_6ac9631f93045_' + 'use-my-location-link'); 11999 setupLocationSearch('id_6ac9631f93045_', 'user', '/skin-care-products/collections/amethyst/luxe-bronzer', function(modal){ }, document.getElementById('id_6ac9631f93045_' + 'use-my-location-link'),function(modal){ }); 12000 }) 12001</script>
vendor: 1 bytes, line 12001
12001
12002<script> 12003 document.addEventListener("DOMContentLoaded", function(){ 12004 var useMyLocationLink = document.getElementById('id_6ac9631f9397d_' + 'use-my-location-link'); 12005 setupLocationSearch('id_6ac9631f9397d_', 'user', '/skin-care-products/collections/amethyst/luxe-intensifier', function(modal){ }, document.getElementById('id_6ac9631f9397d_' + 'use-my-location-link'),function(modal){ }); 12006 }) 12007</script>
vendor: 1 bytes, line 12007
12007
12008<script> 12009 document.addEventListener("DOMContentLoaded", function(){ 12010 var useMyLocationLink = document.getElementById('id_6ac9631f942b5_' + 'use-my-location-link'); 12011 setupLocationSearch('id_6ac9631f942b5_', 'user', '/skin-care-products/collections/amethyst/luxe-tan-extender', function(modal){ }, document.getElementById('id_6ac9631f942b5_' + 'use-my-location-link'),function(modal){ }); 12012 }) 12013</script>
vendor: 1 bytes, line 12013
12013
12014<script> 12015 document.addEventListener("DOMContentLoaded", function(){ 12016 var useMyLocationLink = document.getElementById('id_6ac9631f948e9_' + 'use-my-location-link'); 12017 setupLocationSearch('id_6ac9631f948e9_', 'user', '/skin-care-products/collections/amethyst/luxe-body-butter', function(modal){ }, document.getElementById('id_6ac9631f948e9_' + 'use-my-location-link'),function(modal){ }); 12018 }) 12019</script>
vendor: 1 bytes, line 12019
12019
12020<script> 12021 document.addEventListener("DOMContentLoaded", function(){ 12022 var useMyLocationLink = document.getElementById('id_6ac9631f94f2d_' + 'use-my-location-link'); 12023 setupLocationSearch('id_6ac9631f94f2d_', 'user', '/skin-care-products/collections/amethyst/luxe-body-wash', function(modal){ }, document.getElementById('id_6ac9631f94f2d_' + 'use-my-location-link'),function(modal){ }); 12024 }) 12025</script>
vendor: 1 bytes, line 12025
12025
12026<script> 12027 document.addEventListener("DOMContentLoaded", function(){ 12028 var useMyLocationLink = document.getElementById('id_6ac9631f99031_' + 'use-my-location-link'); 12029 setupLocationSearch('id_6ac9631f99031_', 'user', '/skin-care-products/collections/black-label/flawless-primer', function(modal){ }, document.getElementById('id_6ac9631f99031_' + 'use-my-location-link'),function(modal){ }); 12030 }) 12031</script>
vendor: 1 bytes, line 12031
12031
12032<script> 12033 document.addEventListener("DOMContentLoaded", function(){ 12034 var useMyLocationLink = document.getElementById('id_6ac9631f999eb_' + 'use-my-location-link'); 12035 setupLocationSearch('id_6ac9631f999eb_', 'user', '/skin-care-products/collections/black-label/black-ice-moisturizer', function(modal){ }, document.getElementById('id_6ac9631f999eb_' + 'use-my-location-link'),function(modal){ }); 12036 }) 12037</script>
vendor: 1 bytes, line 12037
12037
12038<script> 12039 document.addEventListener("DOMContentLoaded", function(){ 12040 var useMyLocationLink = document.getElementById('id_6ac9631f9a049_' + 'use-my-location-link'); 12041 setupLocationSearch('id_6ac9631f9a049_', 'user', '/skin-care-products/collections/black-label/chic-facial-creme', function(modal){ }, document.getElementById('id_6ac9631f9a049_' + 'use-my-location-link'),function(modal){ }); 12042 }) 12043</script>
vendor: 1 bytes, line 12043
12043
12044<script> 12045 document.addEventListener("DOMContentLoaded", function(){ 12046 var useMyLocationLink = document.getElementById('id_6ac9631f9a6d0_' + 'use-my-location-link'); 12047 setupLocationSearch('id_6ac9631f9a6d0_', 'user', '/skin-care-products/collections/black-label/indiglow-violet-bronzing-mist', function(modal){ }, document.getElementById('id_6ac9631f9a6d0_' + 'use-my-location-link'),function(modal){ }); 12048 }) 12049</script>
vendor: 1 bytes, line 12049
12049
12050<script> 12051 document.addEventListener("DOMContentLoaded", function(){ 12052 var useMyLocationLink = document.getElementById('id_6ac9631f9adb6_' + 'use-my-location-link'); 12053 setupLocationSearch('id_6ac9631f9adb6_', 'user', '/skin-care-products/collections/black-label/indulgent-body-wash', function(modal){ }, document.getElementById('id_6ac9631f9adb6_' + 'use-my-location-link'),function(modal){ }); 12054 }) 12055</script>
vendor: 1 bytes, line 12055
12055
12056<script> 12057 document.addEventListener("DOMContentLoaded", function(){ 12058 var useMyLocationLink = document.getElementById('id_6ac9631f9b3ca_' + 'use-my-location-link'); 12059 setupLocationSearch('id_6ac9631f9b3ca_', 'user', '/skin-care-products/collections/black-label/perfect-bronzing-mist', function(modal){ }, document.getElementById('id_6ac9631f9b3ca_' + 'use-my-location-link'),function(modal){ }); 12060 }) 12061</script>
vendor: 1 bytes, line 12061
12061
12062<script> 12063 document.addEventListener("DOMContentLoaded", function(){ 12064 var useMyLocationLink = document.getElementById('id_6ac9631f9b9ce_' + 'use-my-location-link'); 12065 setupLocationSearch('id_6ac9631f9b9ce_', 'user', '/skin-care-products/collections/black-label/renewing-body-scrub', function(modal){ }, document.getElementById('id_6ac9631f9b9ce_' + 'use-my-location-link'),function(modal){ }); 12066 }) 12067</script>
vendor: 1 bytes, line 12067
12067
12068<script> 12069 document.addEventListener("DOMContentLoaded", function(){ 12070 var useMyLocationLink = document.getElementById('id_6ac9631f9c000_' + 'use-my-location-link'); 12071 setupLocationSearch('id_6ac9631f9c000_', 'user', '/skin-care-products/collections/black-label/satin-serum-self-tan-facial-drops', function(modal){ }, document.getElementById('id_6ac9631f9c000_' + 'use-my-location-link'),function(modal){ }); 12072 }) 12073</script>
vendor: 1 bytes, line 12073
12073
12074<script> 12075 document.addEventListener("DOMContentLoaded", function(){ 12076 var useMyLocationLink = document.getElementById('id_6ac9631f9c64c_' + 'use-my-location-link'); 12077 setupLocationSearch('id_6ac9631f9c64c_', 'user', '/skin-care-products/collections/black-label/warming-facial-exfoliant', function(modal){ }, document.getElementById('id_6ac9631f9c64c_' + 'use-my-location-link'),function(modal){ }); 12078 }) 12079</script>
vendor: 1 bytes, line 12079
12079
12080<script> 12081 document.addEventListener("DOMContentLoaded", function(){ 12082 var useMyLocationLink = document.getElementById('id_6ac9631fa06c6_' + 'use-my-location-link'); 12083 setupLocationSearch('id_6ac9631fa06c6_', 'user', '/skin-care-products/collections/crystal-sunshine/facial-natural-bronzer', function(modal){ }, document.getElementById('id_6ac9631fa06c6_' + 'use-my-location-link'),function(modal){ }); 12084 }) 12085</script>
vendor: 1 bytes, line 12085
12085
12086<script> 12087 document.addEventListener("DOMContentLoaded", function(){ 12088 var useMyLocationLink = document.getElementById('id_6ac9631fa0ffd_' + 'use-my-location-link'); 12089 setupLocationSearch('id_6ac9631fa0ffd_', 'user', '/skin-care-products/collections/crystal-sunshine/intensifier', function(modal){ }, document.getElementById('id_6ac9631fa0ffd_' + 'use-my-location-link'),function(modal){ }); 12090 }) 12091</script>
vendor: 1 bytes, line 12091
12091
12092<script> 12093 document.addEventListener("DOMContentLoaded", function(){ 12094 var useMyLocationLink = document.getElementById('id_6ac9631fa1921_' + 'use-my-location-link'); 12095 setupLocationSearch('id_6ac9631fa1921_', 'user', '/skin-care-products/collections/crystal-sunshine/natural-bronzer', function(modal){ }, document.getElementById('id_6ac9631fa1921_' + 'use-my-location-link'),function(modal){ }); 12096 }) 12097</script>
vendor: 1 bytes, line 12097
12097
12098<script> 12099 document.addEventListener("DOMContentLoaded", function(){ 12100 var useMyLocationLink = document.getElementById('id_6ac9631fa221e_' + 'use-my-location-link'); 12101 setupLocationSearch('id_6ac9631fa221e_', 'user', '/skin-care-products/collections/crystal-sunshine/in-shower-tan-extender', function(modal){ }, document.getElementById('id_6ac9631fa221e_' + 'use-my-location-link'),function(modal){ }); 12102 }) 12103</script>
vendor: 1 bytes, line 12103
12103
12104<script> 12105 document.addEventListener("DOMContentLoaded", function(){ 12106 var useMyLocationLink = document.getElementById('id_6ac9631fa9b07_' + 'use-my-location-link'); 12107 setupLocationSearch('id_6ac9631fa9b07_', 'user', '/skin-care-products/collections/emerald/facial-bronzer', function(modal){ }, document.getElementById('id_6ac9631fa9b07_' + 'use-my-location-link'),function(modal){ }); 12108 }) 12109</script>
vendor: 1 bytes, line 12109
12109
12110<script> 12111 document.addEventListener("DOMContentLoaded", function(){ 12112 var useMyLocationLink = document.getElementById('id_6ac9631faa416_' + 'use-my-location-link'); 12113 setupLocationSearch('id_6ac9631faa416_', 'user', '/skin-care-products/collections/emerald/dha-bronzer', function(modal){ }, document.getElementById('id_6ac9631faa416_' + 'use-my-location-link'),function(modal){ }); 12114 }) 12115</script>
vendor: 1 bytes, line 12115
12115
12116<script> 12117 document.addEventListener("DOMContentLoaded", function(){ 12118 var useMyLocationLink = document.getElementById('id_6ac9631faad7b_' + 'use-my-location-link'); 12119 setupLocationSearch('id_6ac9631faad7b_', 'user', '/skin-care-products/collections/emerald/after-tan-extender', function(modal){ }, document.getElementById('id_6ac9631faad7b_' + 'use-my-location-link'),function(modal){ }); 12120 }) 12121</script>
vendor: 1 bytes, line 12121
12121
12122<script> 12123 document.addEventListener("DOMContentLoaded", function(){ 12124 var useMyLocationLink = document.getElementById('id_6ac9631fab3d5_' + 'use-my-location-link'); 12125 setupLocationSearch('id_6ac9631fab3d5_', 'user', '/skin-care-products/collections/emerald/body-butter', function(modal){ }, document.getElementById('id_6ac9631fab3d5_' + 'use-my-location-link'),function(modal){ }); 12126 }) 12127</script>
vendor: 1 bytes, line 12127
12127
12128<script> 12129 document.addEventListener("DOMContentLoaded", function(){ 12130 var useMyLocationLink = document.getElementById('id_6ac9631faba0d_' + 'use-my-location-link'); 12131 setupLocationSearch('id_6ac9631faba0d_', 'user', '/skin-care-products/collections/emerald/body-wash', function(modal){ }, document.getElementById('id_6ac9631faba0d_' + 'use-my-location-link'),function(modal){ }); 12132 }) 12133</script>
vendor: 1 bytes, line 12133
12133
12134<script> 12135 document.addEventListener("DOMContentLoaded", function(){ 12136 var useMyLocationLink = document.getElementById('id_6ac9631fac017_' + 'use-my-location-link'); 12137 setupLocationSearch('id_6ac9631fac017_', 'user', '/skin-care-products/collections/emerald/intensifier', function(modal){ }, document.getElementById('id_6ac9631fac017_' + 'use-my-location-link'),function(modal){ }); 12138 }) 12139</script>
vendor: 1 bytes, line 12139
12139
12140<script> 12141 document.addEventListener("DOMContentLoaded", function(){ 12142 var useMyLocationLink = document.getElementById('id_6ac9631fb0109_' + 'use-my-location-link'); 12143 setupLocationSearch('id_6ac9631fb0109_', 'user', '/skin-care-products/collections/lobsidienne/facial-cleansing-gelee', function(modal){ }, document.getElementById('id_6ac9631fb0109_' + 'use-my-location-link'),function(modal){ }); 12144 }) 12145</script>
vendor: 1 bytes, line 12145
12145
12146<script> 12147 document.addEventListener("DOMContentLoaded", function(){ 12148 var useMyLocationLink = document.getElementById('id_6ac9631fb0768_' + 'use-my-location-link'); 12149 setupLocationSearch('id_6ac9631fb0768_', 'user', '/skin-care-products/collections/lobsidienne/facial-intensifying-creme', function(modal){ }, document.getElementById('id_6ac9631fb0768_' + 'use-my-location-link'),function(modal){ }); 12150 }) 12151</script>
vendor: 1 bytes, line 12151
12151
12152<script> 12153 document.addEventListener("DOMContentLoaded", function(){ 12154 var useMyLocationLink = document.getElementById('id_6ac9631fb0d72_' + 'use-my-location-link'); 12155 setupLocationSearch('id_6ac9631fb0d72_', 'user', '/skin-care-products/collections/lobsidienne/luxe-body-cleanser', function(modal){ }, document.getElementById('id_6ac9631fb0d72_' + 'use-my-location-link'),function(modal){ }); 12156 }) 12157</script>
vendor: 1 bytes, line 12157
12157
12158<script> 12159 document.addEventListener("DOMContentLoaded", function(){ 12160 var useMyLocationLink = document.getElementById('id_6ac9631fb1395_' + 'use-my-location-link'); 12161 setupLocationSearch('id_6ac9631fb1395_', 'user', '/skin-care-products/collections/lobsidienne/optimizing-dha-bronzer', function(modal){ }, document.getElementById('id_6ac9631fb1395_' + 'use-my-location-link'),function(modal){ }); 12162 }) 12163</script>
vendor: 1 bytes, line 12163
12163
12164<script> 12165 document.addEventListener("DOMContentLoaded", function(){ 12166 var useMyLocationLink = document.getElementById('id_6ac9631fb19b8_' + 'use-my-location-link'); 12167 setupLocationSearch('id_6ac9631fb19b8_', 'user', '/skin-care-products/collections/lobsidienne/triple-focus-intensifier', function(modal){ }, document.getElementById('id_6ac9631fb19b8_' + 'use-my-location-link'),function(modal){ }); 12168 }) 12169</script>
vendor: 1 bytes, line 12169
12169
12170<script> 12171 document.addEventListener("DOMContentLoaded", function(){ 12172 var useMyLocationLink = document.getElementById('id_6ac9631fb1fc4_' + 'use-my-location-link'); 12173 setupLocationSearch('id_6ac9631fb1fc4_', 'user', '/skin-care-products/collections/lobsidienne/ultra-hydrating-tan-extender', function(modal){ }, document.getElementById('id_6ac9631fb1fc4_' + 'use-my-location-link'),function(modal){ }); 12174 }) 12175</script>
vendor: 1 bytes, line 12175
12175
12176<script> 12177 document.addEventListener("DOMContentLoaded", function(){ 12178 var useMyLocationLink = document.getElementById('id_6ac9631fb612a_' + 'use-my-location-link'); 12179 setupLocationSearch('id_6ac9631fb612a_', 'user', '/skin-care-products/collections/lobsidiennex/lobsidiennex-creme-de-visage', function(modal){ }, document.getElementById('id_6ac9631fb612a_' + 'use-my-location-link'),function(modal){ }); 12180 }) 12181</script>
vendor: 1 bytes, line 12181
12181
12182<script> 12183 document.addEventListener("DOMContentLoaded", function(){ 12184 var useMyLocationLink = document.getElementById('id_6ac9631fb6a63_' + 'use-my-location-link'); 12185 setupLocationSearch('id_6ac9631fb6a63_', 'user', '/skin-care-products/collections/lobsidiennex/creme-pour-le-corps-exosome', function(modal){ }, document.getElementById('id_6ac9631fb6a63_' + 'use-my-location-link'),function(modal){ }); 12186 }) 12187</script>
vendor: 1 bytes, line 12187
12187
12188<script> 12189 document.addEventListener("DOMContentLoaded", function(){ 12190 var useMyLocationLink = document.getElementById('id_6ac9631fb70b6_' + 'use-my-location-link'); 12191 setupLocationSearch('id_6ac9631fb70b6_', 'user', '/skin-care-products/collections/lobsidiennex/serum-exosome-acide-hyaluronique-x7', function(modal){ }, document.getElementById('id_6ac9631fb70b6_' + 'use-my-location-link'),function(modal){ }); 12192 }) 12193</script>
vendor: 1 bytes, line 12193
12193
12194<script> 12195 document.addEventListener("DOMContentLoaded", function(){ 12196 var useMyLocationLink = document.getElementById('id_6ac9631fb76c6_' + 'use-my-location-link'); 12197 setupLocationSearch('id_6ac9631fb76c6_', 'user', '/skin-care-products/collections/lobsidiennex/serum-exosome-vitamine-cx3', function(modal){ }, document.getElementById('id_6ac9631fb76c6_' + 'use-my-location-link'),function(modal){ }); 12198 }) 12199</script>
vendor: 1 bytes, line 12199
12199
12200<script> 12201 document.addEventListener("DOMContentLoaded", function(){ 12202 var useMyLocationLink = document.getElementById('id_6ac9631fb7d18_' + 'use-my-location-link'); 12203 setupLocationSearch('id_6ac9631fb7d18_', 'user', '/skin-care-products/collections/lobsidiennex/traitement-apres-soleil-exosomes', function(modal){ }, document.getElementById('id_6ac9631fb7d18_' + 'use-my-location-link'),function(modal){ }); 12204 }) 12205</script>
vendor: 1 bytes, line 12205
12205
12206<script> 12207 document.addEventListener("DOMContentLoaded", function(){ 12208 var useMyLocationLink = document.getElementById('id_6ac9631fbbcf6_' + 'use-my-location-link'); 12209 setupLocationSearch('id_6ac9631fbbcf6_', 'user', '/skin-care-products/collections/x-fortify-hair-lobsidiennex/daily-follicle-sustaining-mist-with-exosomes', function(modal){ }, document.getElementById('id_6ac9631fbbcf6_' + 'use-my-location-link'),function(modal){ }); 12210 }) 12211</script>
vendor: 1 bytes, line 12211
12211
12212<script> 12213 document.addEventListener("DOMContentLoaded", function(){ 12214 var useMyLocationLink = document.getElementById('id_6ac9631fbc367_' + 'use-my-location-link'); 12215 setupLocationSearch('id_6ac9631fbc367_', 'user', '/skin-care-products/collections/x-fortify-hair-lobsidiennex/follicle-stimulating-serum-with-exosomes', function(modal){ }, document.getElementById('id_6ac9631fbc367_' + 'use-my-location-link'),function(modal){ }); 12216 }) 12217</script>
vendor: 1 bytes, line 12217
12217
12218<script> 12219 document.addEventListener("DOMContentLoaded", function(){ 12220 var useMyLocationLink = document.getElementById('id_6ac9631fbc9ea_' + 'use-my-location-link'); 12221 setupLocationSearch('id_6ac9631fbc9ea_', 'user', '/skin-care-products/collections/x-fortify-hair-lobsidiennex/red-light-led-hairbrush', function(modal){ }, document.getElementById('id_6ac9631fbc9ea_' + 'use-my-location-link'),function(modal){ }); 12222 }) 12223</script>
vendor: 1 bytes, line 12223
12223
12224<script> 12225 document.addEventListener("DOMContentLoaded", function(){ 12226 var useMyLocationLink = document.getElementById('id_6ac9631fc0b62_' + 'use-my-location-link'); 12227 setupLocationSearch('id_6ac9631fc0b62_', 'user', '/skin-care-products/collections/lightstim/handheld-acne', function(modal){ }, document.getElementById('id_6ac9631fc0b62_' + 'use-my-location-link'),function(modal){ }); 12228 }) 12229</script>
vendor: 1 bytes, line 12229
12229
12230<script> 12231 document.addEventListener("DOMContentLoaded", function(){ 12232 var useMyLocationLink = document.getElementById('id_6ac9631fc11df_' + 'use-my-location-link'); 12233 setupLocationSearch('id_6ac9631fc11df_', 'user', '/skin-care-products/collections/lightstim/handheld-pain', function(modal){ }, document.getElementById('id_6ac9631fc11df_' + 'use-my-location-link'),function(modal){ }); 12234 }) 12235</script>
vendor: 1 bytes, line 12235
12235
12236<script> 12237 document.addEventListener("DOMContentLoaded", function(){ 12238 var useMyLocationLink = document.getElementById('id_6ac9631fc1832_' + 'use-my-location-link'); 12239 setupLocationSearch('id_6ac9631fc1832_', 'user', '/skin-care-products/collections/lightstim/handheld-wrinkles', function(modal){ }, document.getElementById('id_6ac9631fc1832_' + 'use-my-location-link'),function(modal){ }); 12240 }) 12241</script>
vendor: 1 bytes, line 12241
12241
12242<script> 12243 document.addEventListener("DOMContentLoaded", function(){ 12244 var useMyLocationLink = document.getElementById('id_6ac9631fc598b_' + 'use-my-location-link'); 12245 setupLocationSearch('id_6ac9631fc598b_', 'user', '/skin-care-products/collections/spray-your-way/priming-color-balancing-mist', function(modal){ }, document.getElementById('id_6ac9631fc598b_' + 'use-my-location-link'),function(modal){ }); 12246 }) 12247</script>
vendor: 1 bytes, line 12247
12247
12248<script> 12249 document.addEventListener("DOMContentLoaded", function(){ 12250 var useMyLocationLink = document.getElementById('id_6ac9631fc6000_' + 'use-my-location-link'); 12251 setupLocationSearch('id_6ac9631fc6000_', 'user', '/skin-care-products/collections/spray-your-way/sunless-customizable-self-tanning-continuous-micromist', function(modal){ }, document.getElementById('id_6ac9631fc6000_' + 'use-my-location-link'),function(modal){ }); 12252 }) 12253</script>
vendor: 1 bytes, line 12253
12253
12254<script> 12255 document.addEventListener("DOMContentLoaded", function(){ 12256 var useMyLocationLink = document.getElementById('id_6ac9631fc664c_' + 'use-my-location-link'); 12257 setupLocationSearch('id_6ac9631fc664c_', 'user', '/skin-care-products/collections/spray-your-way/sunless-customizable-self-tanning-foam', function(modal){ }, document.getElementById('id_6ac9631fc664c_' + 'use-my-location-link'),function(modal){ }); 12258 }) 12259</script>
vendor: 1 bytes, line 12259
12259
12260<script> 12261 document.addEventListener("DOMContentLoaded", function(){ 12262 var useMyLocationLink = document.getElementById('id_6ac9631fc6c80_' + 'use-my-location-link'); 12263 setupLocationSearch('id_6ac9631fc6c80_', 'user', '/skin-care-products/collections/spray-your-way/sunless-enhancing-tan-extender', function(modal){ }, document.getElementById('id_6ac9631fc6c80_' + 'use-my-location-link'),function(modal){ }); 12264 }) 12265</script>
vendor: 1 bytes, line 12265
12265
12266<script> 12267 document.addEventListener("DOMContentLoaded", function(){ 12268 var useMyLocationLink = document.getElementById('id_6ac9631fc72cb_' + 'use-my-location-link'); 12269 setupLocationSearch('id_6ac9631fc72cb_', 'user', '/skin-care-products/collections/spray-your-way/sunless-exfoliating-body-scrub', function(modal){ }, document.getElementById('id_6ac9631fc72cb_' + 'use-my-location-link'),function(modal){ }); 12270 }) 12271</script>
vendor: 1 bytes, line 12271
12271
12272<script> 12273 document.addEventListener("DOMContentLoaded", function(){ 12274 var useMyLocationLink = document.getElementById('id_6ac9631fc78cd_' + 'use-my-location-link'); 12275 setupLocationSearch('id_6ac9631fc78cd_', 'user', '/skin-care-products/collections/spray-your-way/sunless-gentle-body-wash', function(modal){ }, document.getElementById('id_6ac9631fc78cd_' + 'use-my-location-link'),function(modal){ }); 12276 }) 12277</script>
vendor: 1 bytes, line 12277
12277
12278<script> 12279 document.addEventListener("DOMContentLoaded", function(){ 12280 var useMyLocationLink = document.getElementById('id_6ac9631fcf304_' + 'use-my-location-link'); 12281 setupLocationSearch('id_6ac9631fcf304_', 'user', '/skin-care-products/collections/wellness-within/pure-collagen', function(modal){ }, document.getElementById('id_6ac9631fcf304_' + 'use-my-location-link'),function(modal){ }); 12282 }) 12283</script>
vendor: 1 bytes, line 12283
12283
12284<script> 12285 document.addEventListener("DOMContentLoaded", function(){ 12286 var useMyLocationLink = document.getElementById('id_6ac9631fcf981_' + 'use-my-location-link'); 12287 setupLocationSearch('id_6ac9631fcf981_', 'user', '/skin-care-products/collections/wellness-within/slim-down-reset', function(modal){ }, document.getElementById('id_6ac9631fcf981_' + 'use-my-location-link'),function(modal){ }); 12288 }) 12289</script>
12289 12290
12290<script> 12291 document.addEventListener('DOMContentLoaded', () => { 12292 // We need the fallbackMessage here so that way we don't display 12293 // both a "no results found" and a "we recommend" text at the same time. 12294 const fallbackMessage = document.querySelector('[data-fallback-gallery-id="pbt-skin-care-products"]'); 12295 const urlParams = new URLSearchParams(window.location.search); 12296 const ref = urlParams.get('ref'); 12297 12298 if (ref === 'skincare-questionnaire') { 12299 const recommendedHeader = document.getElementById('recommended-header'); 12300 12301 if (recommendedHeader) { 12302 const toggleHeaderVisibility = () => { 12303 if (fallbackMessage.classList.contains('hidden')) { 12304 recommendedHeader.classList.remove('hidden'); 12305 } else { 12306 recommendedHeader.classList.add('hidden'); 12307 } 12308 }; 12309 12310 // Check initial state 12311 toggleHeaderVisibility(); 12312 12313 // Create an observer instance linked to the callback function 12314 const observer = new MutationObserver(() => { 12315 toggleHeaderVisibility(); 12316 }); 12317 12318 // Start observing the fallback message for any class changes 12319 observer.observe(fallbackMessage, { attributes: true, attributeFilter: ['class'] }); 12320 } 12321 } 12322 }); 12323 </script>
12323 12324 12325 12326 <div class="greenlight"></div> 12327
12327<script id="medallia"> 12328 document.addEventListener("DOMContentLoaded", function () { 12329 checkMedalliaConsent(); 12330 }); 12331 </script>
12331 12332 12333</body> 12334 12335</html> 12336 12337
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.