PageSourceSearch

https://palmbeachtan.com/skin-care-products

html palmbeachtan.com collected 2026-10-09 21:56:48 UTC 873,119 bytes, 12,337 lines download raw bytes

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 &amp; 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 &amp; Rewards</h4>
500<ul class="mb-0 ">
501            <li class="nav--item">
502        <a href="/pricing-rewards" title="Visit Pricing &amp; 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&amp;nbsp;Your&amp;nbsp;Location" tabindex="0" class="" data-image-count="single" sourceSet="false" data-alt
538="Interior of a Palm Beach Beauty &amp; Tan salon showing the reception counter with product shelves and a large mural on the wall." data-hover-image="/image/b869472c900ebec5deb21c2cbf7ed1c3.webp">
539    Find&nbsp;Your&nbsp;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&amp;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&nbsp;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&amp;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&nbsp;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&amp;nbsp;Headlines" tabindex="0" class="" data-image-count="single" sourceSet="false" data-alt="Interior of a Palm Beach Beauty &amp; Tan salon showing the reception counter with product shelves and a large mural on the wall." data-hover-image="/image/b869472c900ebec5deb21c2cbf7ed1c3.webp">
575    Making&nbsp;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 &amp; 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&nbsp;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&nbsp;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>&nbsp;Take The Skincare&nbsp;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 &amp; 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 &amp; 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&lt;sup&gt;7&lt;/sup&gt;</label>
1330                                    <input id="93" name="93"
1331                        type="checkbox" data-filter="productID--93"
1332                         />
1333                    <label for="93">Serum Exosome Vitamine CX&lt;sup&gt;3&lt;/sup&gt;</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&nbsp;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&nbsp;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="{&quot;name&quot;:&quot;Amethyst\u2122 Luxe Facial White Bronzer&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Amethyst\u2122 Luxe Bronzer&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Amethyst\u2122 Luxe Intensifier&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Amethyst\u2122 Luxe Tan Extender&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Amethyst\u2122 Luxe Body Butter&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Amethyst\u2122 Luxe Body Wash&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Black Label\u00ae Sunless Flawless Primer&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Black Label\u00ae Sunless Black Ice Moisturizer&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Black Label\u00ae Sunless Chic CC Facial Cr\u00e8me&quot;,&quot;product_id&quot;: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,&nbsp;
3015360° mist that can be applied at any angle (even upside-down) for&nbsp;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="{&quot;name&quot;:&quot;Black Label\u00ae Sunless IndiGlow Bronzing Mist&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Black Label\u00ae Sunless Indulgent Body Wash&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Black Label\u00ae Sunless Perfect Bronzing Mist&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Black Label\u00ae Sunless Renewing Body Scrub&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Black Label\u00ae Sunless Satin Serum Self-Tan Facial Drops&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Black Label\u00ae Sunless Warming Facial Exfoliant&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Crystal Sunshine\u00ae Facial Natural Bronzer&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Crystal Sunshine\u00ae Intensifier&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Crystal Sunshine\u00ae Natural Bronzer&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Crystal Sunshine\u00ae In-Shower Tan Extender&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Emerald\u2122 Facial Bronzer&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Emerald\u2122 DHA Bronzer&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Emerald\u2122 After Tan Extender&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Emerald\u2122 Body Butter&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Emerald\u2122 Body Wash&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Emerald\u2122 Intensifier&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;L\u2019obsidienne\u2122 Facial Cleansing Gel\u00e9e&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;L\u2019obsidienne\u2122 Facial Intensifying Cr\u00e8me&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;L\u2019obsidienne\u2122 Luxe Body Cleanser&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;L\u2019obsidienne\u2122 Optimizing DHA Bronzer&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;L\u2019obsidienne\u2122 Triple Focus Intensifier&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;L\u2019obsidienne\u2122 Ultra-Hydrating Tan Extender&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;L\u2019obsidienneX\u00ae Exosome Cr\u00e8me de Visage&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;L\u2019obsidienneX\u00ae Cr\u00e8me Pour le Corps Exosome&quot;,&quot;product_id&quot;: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&lt;sup&gt;7&lt;/sup&gt;">
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="{&quot;name&quot;:&quot;L\u2019obsidienneX\u00ae Serum Exosome Acide Hyaluronique X&lt;sup&gt;7&lt;\/sup&gt;&quot;,&quot;product_id&quot;: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&lt;sup&gt;3&lt;/sup&gt;">
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="{&quot;name&quot;:&quot;L\u2019obsidienneX\u00ae Serum Exosome Vitamine CX&lt;sup&gt;3&lt;\/sup&gt;&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;L\u2019obsidienneX\u00ae Traitement Apr\u00e8s Soleil Exosomes&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;L\u2019obsidienneX\u00ae  X-FORTIFY\u2122 Daily Follicle Sustaining Mist with Exosomes&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;L\u2019obsidienneX\u00ae  X-FORTIFY\u2122 Follicle Stimulating Serum with Exosomes&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;L\u2019obsidienneX\u00ae  X-FORTIFY\u2122 Red Light LED Hairbrush&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;LightStim Acne&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;LightStim Pain&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;LightStim Wrinkles&quot;,&quot;product_id&quot;: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 &amp; 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="{&quot;name&quot;:&quot;Spray Your Way\u00ae Priming &amp; Color-Balancing Mist&quot;,&quot;product_id&quot;: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>.&nbsp;</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="{&quot;name&quot;:&quot;Spray Your Way\u00ae Sunless Customizable Self-Tanning Continuous Micromist&quot;,&quot;product_id&quot;: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,&nbsp;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="{&quot;name&quot;:&quot;Spray Your Way\u00ae Sunless Customizable Self-Tanning Foam&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Spray Your Way\u00ae Sunless Enhancing Tan Extender&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Spray Your Way\u00ae Sunless Exfoliating Body Scrub&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Spray Your Way\u00ae Sunless Gentle Body Wash&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Wellness Within\u2122 Pure Collagen&quot;,&quot;product_id&quot;: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="{&quot;name&quot;:&quot;Wellness Within\u2122 Slim Down Reset&quot;,&quot;product_id&quot;: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">&bull;</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">&bull;</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">&bull;</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">&bull;</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&nbsp;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 &amp; Rewards"  tabindex="0" class="" data-hover-image="">Pricing &amp; 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™&nbsp;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™&nbsp;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">&copy;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">&bull;</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">&bull;</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">&bull;</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">&bull;</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&nbsp;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&nbsp;your&nbsp;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&nbsp;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(&quot;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&quot;);"
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(&quot;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&quot;);"
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(&quot;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&quot;);"
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(&quot;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&quot;);"
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.