PageSourceSearch

https://www.goldbond.com/en-us/products

html goldbond.com collected 2026-09-25 19:04:13 UTC 320,399 bytes, 9,536 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en-US" dir="ltr">
4    <head>
5
6
7
8
9
10<!-- Current Page ID: -->
11<!-- Root Page ID: -->
12<!-- Unique Brand ID: -->
13<meta charset="utf-8">
14<meta name="viewport" content="width=device-width, initial-scale=1.0" />
15<link rel="stylesheet preload prefetch" as="style" href="/.css/theme.css?x-sny-siteoverride=goldbond-rebrand">
16<style>
17:root {
18--theme-button-border-color: #492317;
19--theme-button-border-color-hover: #492317;
20--theme-button-secondary-border-color: #492317;
21--theme-button-secondary-border-color-hover: #492317;
22--theme-button-tertiary-border-color: #F8E0CA;
23--theme-button-tertiary-border-color-hover: #F8E0CA;
24--theme-button-quaternary-border-color: #F8E0CA;
25--theme-button-quaternary-border-color-hover: #F8E0CA;
26}
27</style>
28<link rel="stylesheet preload prefetch" href="/.resources/sanofi-lm-chc/themes/chc/dist/common~2026-09-15-09-45-00-000~cache.css" as="style" type="text/css" />
29<script class="site-data">
30var ua = navigator.userAgent;
31var device = /(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua) ? "tablet" : (/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(ua) ? "mobile" : "desktop")
32window.dataLayer = window.dataLayer || [];
33window.dataLayer.push({
34"siteType": "brand",
35"brandWebsiteType": "monobrand",
36"brandCluster": "other chc",
37"subBrandCluster": "personal care",
38"brand": "Gold Bond",
39"gbu": "GBU - Consumer healthcare",
40"gbu_related": "GBU - Consumer healthcare",
41"region": "amer",
42"country": "united states",
43"target": "consumers",
44"platform": "magnolia",
45"context": "other",
46"page_type": "product",
47"page_subtype": "product_listing_page",
48"language": "en",
49"page_name": "Gold Bond® | High-performance Skincare Products",
50"pageName": "Gold Bond® | High-performance Skincare Products",
51"item_name": "Gold Bond® | High-performance Skincare Products",
52"device": device
53});
54</script>
54
55<!-- OneTrust Cookies Consent Notice start -->
56<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" defer type="text/javascript" charset="UTF-8" data-domain-script="7428b5da-2520-4eee-a2e7-6522c6baaaf9" ></script>
56
57<!-- OneTrust Cookies Consent Notice end-->
58<script>
vendor: 324 bytes, lines 58-59
58
59(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
59GTM-KQZ6HGM
vendor: 4 bytes, line 59
59');
60</script>
vendor: 1 bytes, line 60
60
61<script>
62function OptanonWrapper() {
63let arrConsentGrps = window.OptanonActiveGroups.split(',').filter(Boolean)
64if (arrConsentGrps.includes("C0004")){
65let scriptTag = document.createElement("script");
66scriptTag.type = "text/javascript";
67scriptTag.src = "//try.abtasty.com/253f0db80cf33e64cd23ad911f8adae1.js";
68document.getElementsByTagName("head")[0].appendChild(scriptTag);
69}
70}
71</script>
71
72<title>Gold Bond® | High-performance Skincare Products</title>
73<meta name="title" content="Gold Bond® | High-performance Skincare Products" />
74<meta name="description" content="Enhance your skincare routine by finding the right Gold Bond® product for all of your unique skin concerns." />
75<meta name="algo:roles" content="" />
76<meta name="algo:security" content="" />
77<meta name="algo:id" content="ccf75431-2d68-4263-a192-3b1a25a8e1bd_en-US" />
78<meta name="algo:categories" content="" />
79<meta name="algo:pageType" content="other" />
80<meta name="algo:bzvProductId" content="" />
81<meta name="algo:date" content="2026-06-02T16:09:22.849+02:00" />
82<meta property="og:url" content="https://www.goldbond.com/en-us/products" />
83<meta property="og:locale" content="en_US" />
84<meta property="og:locale:alternate" content="" />
85<meta name="twitter:card" content="summary_large_image" />
86<meta name="twitter:url" content="https://www.goldbond.com/en-us/products" />
87<link rel="icon" sizes="180x180" href="/dam/jcr:7dc5b402-1446-415c-91fd-b295845ad240/Favicon.svg" type="image/png" />
88<link rel="canonical" href="https://www.goldbond.com/en-us/products" />
89<script>document.getElementsByTagName('html')[0].classList.add('has-js');</script>
89
90<style>
91[x-cloak]:not([x-hide]) {display: none !important;}
92[x-cloak][x-hide] { visibility: hidden !important;}
93</style>
94<script type="text/json" class="site-config">
95{
96"editMode": false,
97"context": ""
98}
99</script>
vendor: 1 bytes, line 99
99
100<script type="application/ld+json">
101{
102"@context": "http://schema.org",
103"@type": "BreadcrumbList",
104"itemListElement": [
105{
106"@type": "ListItem",
107"position": "1",
108"item": {
109"@id": "https://www.goldbond.com/en-us",
110"name": "Gold Bond® | High-performance Skincare"
111}
112},
113{
114"@type": "ListItem",
115"position": "2",
116"item": {
117"@id": "https://www.goldbond.com/en-us/products",
118"name": "Gold Bond® | High-performance Skincare Products"
119}
120}
121]
122}
123</script>
123 <meta name="ahrefs-site-verification" content="97d52370c4b49bfd2157bf2bf53e1fbfb710dfcdc36a5f4b7bb8c4c57ca04c00">
124<style>
125@import url('https://fonts.cdnfonts.com/css/neue-haas-grotesk-display-pro');
126</style>
127<style>
128.nav__left.pt-0.md\:pt-2.justify-end.flex.ml-12.w-full div {
129margin-right: 1rem;
130}
131.nav__left.pt-0.md\:pt-2.justify-end.flex.ml-12.w-full div:last-child {
132margin-right: 0;
133}
134nav .nav__left.pt-0.md\:pt-2.justify-end.flex.ml-12.w-full div.subNav__container {
135margin-right: auto;
136}
137.nav__mobile__menu {
138background: var(--theme-color-secondary2);
139}
140.tf-v1-sidetab-button-text {
141font-family: Helvetica,Arial,sans-serif!important;
142}
143footer a:hover {
144text-decoration: underline;
145}
146#modal- > button {
147top: 4.5rem;
148right: 5.5rem;
149z-index: 99;
150}
151#modal- > button span {
152display: none;
153}
154#modal- .close-modal-btn {
155background-color: transparent;
156}
157#modal- .close-modal-btn svg {
158display: none;
159}
160#modal- .close-modal-btn:before,
161#modal- .close-modal-btn:after {
162position: absolute;
163top: 0;
164left: 0;
165width: 4px;
166height: 30px;
167background-color: #492316;
168content: '';
169}
170#modal- .close-modal-btn:before {
171transform: rotate(36deg);
172}
173#modal- .close-modal-btn:after {
174transform: rotate(-36deg);
175}
176@media screen and (max-width: 768px) {
177#modal- > button {
178top: 4rem;
179right: 3rem;
180}
181}
182.contentSectionItem-border-r-56e79fef-bc77-483a-a9ac-c0876e1de9dd {
183border: 1px solid #5a4438;
184border-top-left-radius: 32px;
185border-bottom-left-radius: 32px;
186padding-bottom: 0;
187}
188.contentSectionItem-border-r-56e79fef-bc77-483a-a9ac-c0876e1de9dd .contentSectionItem-border-r-f0fd9191-1b98-483f-adc2-be400444bfd6 {
189border:none;
190}
191.contentGridItem--49b54b0e-9877-4bc0-9aac-38c53cae137f .background--49b54b0e-9877-4bc0-9aac-38c53cae137f > .ContentGrid.container > .flex {
192border: 1px solid #492317;
193border-radius: 8px;
194overflow: hidden;
195}
196main > section:first-child .button--quaternary {
197color: #492317!important;
198border-color: #f8e0ca!important;
199background-color: #ffffff!important;
200}
201.carousel__wrap .tns-outer .tns-ovh,
202.carousel__wrap .tns-outer{
203padding-left: 10px!important;
204padding-right: 10px!important;
205}
206@media screen and (max-width: 420px) {
207.carousel__controls .carousel__controls--prev {
208left: 0.25rem;
209}
210.carousel__controls .carousel__controls--next {
211right: 0.25rem;
212}
213}
214/* Hide announcement bar */
215.announcementBar,
216.sticky-nav-overlay-spacer {
217display: none;
218}
219.mgnl-admin .announcementBar,
220.mgnl-admin .sticky-nav-overlay-spacer {
221display: block;
222}
223header {
224top:0!important;
225}
226/* 472 fix */
227html, body {
228overflow-x:hidden!important;
229}
230/* 605
231header nav .nav__desktop .nav__left > div:last-child > .nav__item {
232align-items: center;
233height: 60px;
234}
235header nav .nav__desktop .nav__left > div:last-child > .nav__item > a,
236header nav .nav__mobile .nav__mobile__menu .nav__mobile__navList .nav__mobile__menu__main > div:last-child > .nav__item > a {
237background-color: var(--theme-button-bg-color);
238border-radius: var(--theme-button-border-radius);
239color: var(--theme-button-text-color);
240padding: 0.5rem 1rem;
241height: auto;
242border:1px solid var(--theme-button-bg-color);
243}
244header nav .nav__desktop .nav__left > div:last-child > .nav__item > a > .nav__itemLinkBorderHover {
245display: none;
246}
247header nav .nav__desktop .nav__left > div:last-child > .nav__item > a:hover {
248background-color: transparent;
249color: var(--theme-button-bg-color);
250}
251header nav .nav__mobile .nav__mobile__menu .nav__mobile__navList .nav__mobile__menu__main > div:last-child > .nav__item {
252border:none;
253}
254header nav .nav__mobile .nav__mobile__menu .nav__mobile__navList .nav__mobile__menu__main > div:last-child > .nav__item > a {
255width:100%;
256justify-content: center;
257}
258header nav .nav__mobile .nav__mobile__menu .nav__mobile__navList {
259height:auto;
260}
261*/
262/* Sticky button */
263[x-data="buttonSticky"] {
264bottom:2.5rem;
265transform: unset;
266transition:unset;
267}
268/*
269.homepage [x-data="buttonSticky"] {
270display:block;
271}
272[x-data="buttonSticky"]:hover {
273bottom:3rem;
274transition:bottom 0.5s;
275}
276.buttonSticky--default {
277background:unset;
278}
279.buttonSticky {
280background-image:url('/dam/jcr:a1f93b9a-0f57-4e65-b2cb-0e9c07c8fc19/GoldBond_HP_Mob_StickyCTA.webp');
281background-repeat: no-repeat;
282background-size: cover;
283background-position: center;
284background-color: none!important;
285width:80px!important;
286height:127px!important;
287}
288.buttonSticky:hover {
289opacity: 0.85;
290}
291.buttonSticky > .h-full {
292display: none;
293}
294*/
295@media screen and (min-width:1024px) {
296.buttonSticky {
297background-image:url('/dam/jcr:a2d51b13-02af-4313-8ada-32aaf1cd1fe6/GoldBond_HP_Desk_StickyCTA.webp');
298width:130px!important;
299height:184px!important;
300}
301}
302/********** PDP UX ********/
303/* customized breadcrumbs */
304.noBreadCrumbOverlay .breadcrumbs {
305display: none;
306}
307.noBreadCrumbOverlay .bread-crumbs {
308display:block;
309padding: 1rem;
310}
311.whiteBreadcrumbs .breadcrumbs .contents a span {
312color: #fff;
313}
314.whiteBreadcrumbs .breadcrumbs .contents a svg {
315fill: #fff;
316}
317/* white breadcrumbs */
318.breadCrumbsWhite.breadcrumbs ul li span {
319color: #ffffff;
320}
321.breadCrumbsWhite.breadcrumbs ul li a span {
322text-decoration: none;
323}
324.breadCrumbsWhite.breadcrumbs ul li svg {
325fill:#fff;
326}
327/* fonts */
328.champion-welterweight {
329font-family: 'Champion-Welterweight';
330}
331.champion-middleweight {
332font-family: 'Champion-Middleweight';
333}
334.gotham-bold {
335font-family: 'Gotham-Bold';
336}
337.gotham-medium {
338font-family: 'Gotham-Medium';
339}
340.gotham-book {
341font-family: 'Gotham-Book';
342}
343.contentBlock strong {
344font-family: 'Gotham-Bold';
345}
346/* carousel */
347.carousel__controls {
348max-width: 250px;
349margin:0 auto;
350left: 0;
351right: 0;
352}
353.carousel__controls button svg {
354display: none;
355}
356.carousel__controls button {
357background-image: url('/dam/jcr:ba692824-8a11-4405-a1f6-e8c9c2a2a8d9/arrow-goldbond-reskin.webp');
358background-repeat: no-repeat;
359background-size: cover;
360width:11px;
361height:19px;
362bottom:0.15rem;
363}
364.carousel__controls button.carousel__controls--next {
365transform: rotate(180deg);
366}
367.carousel__simplifiedPagination button,
368.tns-nav button {
369width:25px!important;
370background:#f4eae1!important;
371border:1.5px solid #492317!important;
372}
373.carousel__simplifiedPagination button.tns-nav-active,
374.tns-nav button.tns-nav-active{
375width:45px!important;
376background:#492317!important;
377}
378.carousel__paginationTop .carousel__controls button.carousel__controls--next {
379transform: rotate(180deg) translateY(3rem);
380}
381.product-detail .carousel__controls button {
382background-image: url('/dam/jcr:030640ae-85fe-4389-b4b3-8116c68f4f1f/arrow-left-goldbond-reskin.webp');
383width: 26px;
384height: 26px;
385}
386.product-detail [aria-label="Product Images" i] .carousel__simplifiedPagination button,
387.product-detail [aria-label="Product Images" i] .tns-nav button {
388background:#fff!important;
389}
390.product-detail [aria-label="Product Images" i] .carousel__simplifiedPagination button.tns-nav-active,
391.product-detail [aria-label="Product Images" i] .tns-nav button.tns-nav-active{
392background:#492317!important;
393}
394.product-detail [aria-label="Product Images" i] .carousel__controls button img {
395display: none;
396}
397.product-detail [aria-label="Product Images" i] .carousel__controls--next {
398transform: rotate(180deg) translateY(3rem);
399}
400.product-detail .tns-nav {
401display:none;
402}
403.product-detail .carousel__wrap:not([aria-label="Product Images" i]) {
404padding-bottom:1.25rem;
405position:relative;
406}
407.product-detail .carousel__wrap:not([aria-label="Product Images" i]) .carousel__controls {
408width:120px;
409position:absolute;
410bottom:-1rem;
411max-width: 120px;
412}
413.product-detail main > section:last-child .carousel__wrap:not([aria-label="Product Images" i]) .carousel__controls button.carousel__controls--prev {
414left:20%;
415}
416.product-detail main > section:last-child .carousel__wrap:not([aria-label="Product Images" i]) .carousel__controls button.carousel__controls--next {
417transform: rotate(180deg) translateY(2.5rem);
418right:20%;
419}
420@media screen and (min-width:1024px) {
421.product-detail .carousel__controls button {
422width:38px;
423height:38px;
424}
425}
426@media screen and (min-width:1280px) {
427.product-detail main > section:last-child .carousel__wrap:not([aria-label="Product Images" i]) .carousel__controls {
428/* display:none; */
429}
430}
431/*
432.product-detail .hero-wrap {
433margin-top:-80px;
434}
435@media screen and (min-width:1280px) {
436.product-detail .hero-wrap {
437margin-top:-50px;
438}
439}
440*/
441.product-detail .accordionParent .accordion__content .rich-text {
442padding-bottom: 1rem;
443padding-left:2rem;
444margin-top: 0;
445}
446.product-detail [x-ref="faqParent"] .accordion-chc .rich-text {
447padding-bottom: 1rem;
448padding-left: 2.85rem;
449padding-top:0;
450margin-top: 0;
451}
452.product-detail .accordionParent [aria-expanded="true"] + .accordion__content {
453height: auto!important;
454}
455@media screen and (min-width:1024px) {
456.product-detail .accordionParent .accordion__content .rich-text {
457padding-left: 0.95rem;
458}
459}
460/* PDP modal */
461.product-detail #product-information button > div > span {
462font-family: 'Champion-Welterweight';
463font-size: 36px;
464color:#492317;
465border: none;
466}
467.product-detail #product-information button,
468.product-detail #product-information button > div {
469text-decoration: none;
470border: none;
471align-content: center;
472justify-content: space-between;
473}
474.product-detail #product-information button .buttonicons > .uiImage,
475.product-detail #product-information button .buttonicons > .uiImage > img{
476width:100%;
477height:100%;
478}
479.product-detail .modal__subContainer .modal__content .ContentSectionItem {
480align-content: center;
481margin-top: 0;
482justify-content: center;
483}
484.product-detail .modal__subContainer .modal__title h2 > span {
485font-family: 'Champion-Welterweight';
486font-size: 40px;
487color:#492317;
488padding:1rem 0;
489font-weight: normal;
490}
491.product-detail .modal__subContainer .modal__content .med-size {
492background:#0D3E57;
493padding:0.25rem 1.25rem;
494border-radius: 1rem;
495font-family: 'Gotham-Medium';
496color:#fff;
497font-size: 14px;
498}
499.product-detail .modal__subContainer .modal__content > div:last-child button span {
500font-family: 'Champion-Welterweight';
501color:#492317;
502font-size: 18px;
503}
504@media screen and (min-width:1024px) {
505.product-detail .modal__subContainer {
506padding:3rem 2rem;
507}
508.product-detail .modal__subContainer .modal__title h2 > span {
509font-size: 46px;
510}
511.product-detail .modal__subContainer .modal__content > div:last-child button span {
512font-size: 24px;
513}
514.product-detail #product-information button > div > span {
515font-size: 40px;
516}
517}
518/* pdp carousel */
519.product-detail [x-data*="imageGallery"] .f-carousel {
520margin-bottom: 4rem;
521}
522.product-detail [x-data*="imageGallery"] .f-carousel__dots {
523bottom: -2.5rem;
524}
525.product-detail [x-data*="imageGallery"] .f-carousel__dots li {
526margin:0 !important;
527}
528.product-detail .carousel__wrap .tns-nav button,
529.product-detail [x-data*="imageGallery"] .f-carousel__dots li button {
530transform: scale(1)!important;
531min-width: 27px;
532min-height: 14px;
533max-height: 14px;
534border:1px solid #492316;
535border-radius: 1rem;
536}
537.product-detail .carousel__wrap .tns-nav button.is-current,
538.product-detail [x-data*="imageGallery"] .f-carousel__dots li.is-current button {
539min-width: 45px;
540background:#492316;
541}
542.product-detail [x-data*="imageGallery"] #goldbond .f-carousel__dots li button span {
543display: none;
544}
545.product-detail [x-data*="imageGallery"] #goldbond .f-carousel__nav {
546position: relative;
547bottom: -2.10rem;
548max-width: 370px;
549margin: 0 auto;
550}
551.product-detail .carousel__wrap .carousel__controls button > svg,
552.product-detail [x-data*="imageGallery"] #goldbond .f-carousel__nav .f-button > svg {
553display: none;
554}
555.product-detail .carousel__wrap .carousel__controls button,
556.product-detail [x-data*="imageGallery"] #goldbond .f-carousel__nav .f-button {
557background-size: contain;
558width:20px;
559height: 20px;
560background-repeat: no-repeat;
561}
562.product-detail .carousel__wrap .carousel__controls button.carousel__controls--prev,
563.product-detail [x-data*="imageGallery"] #goldbond .f-carousel__nav .f-button.is-prev {
564background-image: url('/dam/jcr:6ac4edd5-60ff-4859-bf44-8617df84677e/arrow-goldbond-reskin-left.svg');
565}
566.product-detail .carousel__wrap .carousel__controls button.carousel__controls--next,
567.product-detail [x-data*="imageGallery"] #goldbond .f-carousel__nav .f-button.is-next {
568background-image: url('/dam/jcr:cfc595fa-ef65-4205-8529-a0aa79b577e5/arrow-goldbond-reskin-right.svg');
569}
570.product-detail .carousel__wrap .carousel__controls button.carousel__controls--next {
571transform:unset;
572}
573.product-detail .carousel__controls {
574max-width: 220px !important;
575width:220px!important;
576bottom:0!important;
577}
578.product-detail .tns-nav {
579display: block;
580}
581/* pdp sub nav */
582.product-detail [x-ref="qTitle"] span {
583font-family: 'Gotham-Bold';
584}
585.product-detail #quicklinksV2--navigation {
586background:#0d3e57;
587}
588.product-detail #quicklinksV2--navigation > div {
589max-width:1280px;
590margin: 0 auto;
591padding:0 1rem;
592}
593@media screen and (min-width:1310px) {
594.product-detail #quicklinksV2--navigation > div {
595padding:0;
596}
597}
598.product-detail #quicklinksV2--navigation {
599position:relative;
600z-index:9;
601}
602/* slider general */
603@media screen and (min-width:1280px) {
604.carousel__controls {
605display:none;
606}
607}
608@media screen and (min-width:1280px) {
609.product-detail .carousel__controls {
610display:flex;
611}
612}
613/* header
614header > nav > .container {
615max-width: 1280px!important;
616padding-left: 0;
617padding-right: 0;
618min-height: 100px;
619}
620header > nav > .container .nav__left {
621margin-right: 1rem;
622}
623header > nav > .container .nav__left .nav__item span {
624font-family: 'Gotham-Bold';
625font-size: 16px;
626}
627*/
628/* utility links mobile
629@media screen and (max-width:720px) {
630header .utility-links {
631display:block;
632}
633header .utility-links .justify-end {
634justify-content:center;
635}
636header .utility-links .items-end {
637align-items:center;
638}
639header .utility-links ul > li {
640margin-top:0.5rem;
641margin-bottom:0.5rem;
642}
643header .nav__mobile > ul {
644display:none;
645}
646}
647*/
648.category-tags {
649min-width: 60px;
650text-align: center;
651}
652/* button sticky */
653[x-data="buttonSticky"] > div {
654display: none;
655}
656[x-data="buttonSticky"] {
657width: 172px;
658height:90px;
659background-image:url('/dam/jcr:fe5c9078-6344-4a33-8af3-061c7ecbabee/btn-float.webp');
660background-repeat: no-repeat;
661right: 0;
662}
663[x-data="buttonSticky"]:hover {
664opacity:0.85;
665}
666.product-detail .breadcrumbs > .container > ul > li > a > span,
667.product-detail .breadcrumbs > .container > ul > li > span{
668font-size: 10px;
669}
670.product-detail .breadcrumbs > .container > ul > li > a > svg {
671width:10px;
672height: 10px;
673}
674.product-detail [x-ref="bgQuicklinks"] + .flex > .w-48 {
675min-width: 100%;
676}
677.product-detail [x-ref="qTitle"] {
678justify-content:space-between;
679}
680.product-detail [x-ref="qTitle"] > span {
681font-size: 15px;
682}
683@media screen and (min-width:1024px) {
684.product-detail [x-ref="bgQuicklinks"] + .flex > .w-48 {
685min-width: 192px;
686}
687.product-detail [x-ref="qTitle"] > span {
688font-size: 18px;
689}
690.product-detail .quicklinksv2 [x-ref="linkList"] > li > a {
691font-size: 18px;
692}
693}
694.product-detail .category-tags .card-tag {
695text-align: center;
696}
697.product-detail .carousel__controls > button:after {
698content:'';
699display: block;
700position: absolute;
701width:50px;
702height: 50px;
703top: -1rem;
704}
705.product-detail .carousel__controls > button.carousel__controls--prev:after {
706left: -1rem;
707}
708.product-detail .carousel__controls > button.carousel__controls--next:after {
709right: -1rem;
710}
711/* bazaarvoice */
712.product-detail .bv_histogram_row_prefix {
713display: flex !important;
714align-items: center;
715}
716.product-detail .bv_numReviews_component_container .bv_numReviews_text,
717.product-detail .bv_button_component_container .bv_war_button {
718display:block;
719}
720.product-detail .bv_numReviews_component_container .bv_numReviews_text[data-chext-overflow],
721.product-detail .bv_button_component_container .bv_war_button[data-chext-overflow] {
722display:none;
723}
724.product-detail #reviews abbr {
725display: flex;
726}
727.product-detail #reviews .next > div {
728display: flex;
729justify-content: end;
730}
731.product-detail #product-information h2.contentBlock__title {
732text-align: left;
733}
734footer .background--de94ea11-b8e8-46a7-b596-b18342d51268 > .ContentGrid > .flex > .CHC > .ContentSectionItem a,
735footer .background--de94ea11-b8e8-46a7-b596-b18342d51268 > .ContentGrid > .flex > .CHC > .ContentSectionItem a strong {
736font-size:1rem;
737font-family: 'Gotham-Bold';
738}
739@media screen and (min-width:1024px) {
740footer .background--02a6abb8-7b5b-4fee-8236-ea44b30c8f97 > .ContentGrid > .flex > .CHC > .contentBlock > .rich-text > p {
741display: flex;
742gap: 0.5rem;
743}
744footer .background--de94ea11-b8e8-46a7-b596-b18342d51268 > .ContentGrid > .flex > .CHC > .ContentSectionItem {
745padding:0;
746padding-right: 1.75rem;
747}
748}
749/* header */
750header > nav > .container {
751max-width: 1280px!important;
752padding-left: 0;
753padding-right: 0;
754/*min-height: 100px;*/
755}
756header > nav > .container .nav__left {
757margin-right: 1rem;
758}
759header > nav >
759 .container .nav__left .nav__item span {
760font-family: 'Gotham-Bold';
761font-size: 16px;
762}
763/* utility links mobile */
764@media screen and (max-width:720px) {
765header .utility-links {
766display:block;
767}
768header .utility-links .justify-end {
769justify-content:center;
770}
771header .utility-links .items-end {
772align-items:center;
773}
774header .utility-links ul > li {
775margin-top:0.5rem;
776margin-bottom:0.5rem;
777}
778header .nav__mobile > ul {
779display:none;
780}
781}
782.category-tags {
783min-width: 60px;
784text-align: center;
785}
786/* header */
787header nav.bg-tertiary2 {
788background-color: #F4EAE1;
789}
790header nav .nav__left .text-link {
791color:#492317;
792}
793header .utility-links .font-navigation {
794font-family: 'Gotham-Bold', sans-serif !important;
795}
796header nav .subNav__itemLink {
797color:#093E57!important;
798}
799header nav .nav__mobile .nav__mobile__menu {
800background:rgba(255,255,255,1);
801}
802header nav .nav__mobile .font-navigation {
803font-family: 'Gotham-Bold', sans-serif !important;
804}
805header .nav__mobile__menuItems.bg-tertiary2 {
806background-color: #F4EAE1;
807}
808/* footer */
809footer .font-body {
810font-family: 'Gotham-Book', sans-serif !important;
811color:#492317;
812font-size:1rem!important;
813}
814@media screen and (max-width:520px) {
815footer .uiImage img {
816max-width: 127px;
817}
818.background--d93131f1-948c-48cd-bda9-fb710fa583a5 .ContentSectionItem,
819.background--85f93186-c465-456b-913b-34c41a1840d9 .ContentSectionItem {
820padding:0;
821}
822}
823.mt-90 {
824margin-top:90px;
825}
826.background--14bcd9cb-1480-4d71-be4b-c931cc4a533e > .ContentGrid > .flex > .CHC:nth-child(2) {
827overflow: hidden;
828background:#f4eae1;
829}
830.product-detail a[href="https://www.goldbond.com/en-us/recycling"] {
831display:none!important;
832}
833[href="https://www.opella.com/en/making-an-impact/b-corp"] {
834display: none;
835}
836</style>
837<link rel="alternate" href="https://www.goldbond.com/en-us/products" hreflang="x-default">
838<link rel="alternate" href="https://www.goldbond.com/en-us/products" hreflang="en-US"/>
839<link rel="alternate" href="https://www.goldbond.com/en-ca/products" hreflang="en-CA"/>
840<link rel="alternate" href="https://www.goldbond.com/fr-ca/products" hreflang="fr-CA"/>
841<style>
842.background--94dfbcbd-7bc9-4aac-ac61-ba617b5e898a .card:first-child .font-body {
843max-width: 310px;
844}
845</style>
846<meta name="ps-language" content="en" />
847<meta name="ps-country" content="US" />
848<meta name="ps-key" content="3185-5f68fc48cc25b901e830f633" />                    <style>
849                header[role='banner'] {
850                }
851
852                .hero-wrap {
853                }
854
855                main[role='main'] {
856                }
857
858                footer[role='contentinfo'] {
859                }
860
861            </style>
862
863    </head>
864
865
866    <body class="    default relative right-0 transition-all duration-300 ease-in-out flex flex-col !min-h-screen">
vendor: 73 bytes, lines 866-868
866
867
868    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
868GTM-KQZ6HGM
vendor: 91 bytes, lines 868-869
868" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
869        
869<div class="overrideFonts">
870                <style>
871crazyegg-survey{ 
872	display: none!important;
873}
874</style>
875<style>
876/* goldbond pdp modifications */
877.product-detail .sticky-nav-overlay-spacer {
878  display: block;
879}
880
881.product-detail .hero-wrap nav {
882  display: block;
883  background:#fff;
884}
885
886.product-detail .hero-wrap nav span {
887  color:#492317;
888  font-family: 'Gotham-Book';
889  font-weight: 400;
890}
891
892.product-detail .font-body {
893  font-family: 'Gotham-Book', sans-serif !important;
894}
895
896.product-detail .font-body p {
897  font-size: 16px;
898}
899
900.product-detail .hero-wrap nav svg {
901  fill:#492317;
902}
903
904.product-detail .hero-wrap .font-title,
905.product-detail main .font-title {
906  font-family: 'Champion-Welterweight', sans-serif !important;
907  font-style: normal;
908  font-weight: 400;
909  letter-spacing: 0px;
910}
911
912.product-detail .hero-wrap h1,
913.product-detail main h1,
914.product-detail main .text-title-2 {
915  font-size: 45px;
916}
917
918.product-detail header .text-body-8,
919.product-detail main .text-body-8{
920  font-size: 18px;
921}
922
923.product-detail header .bg-tertiary1,
924.product-detail main .bg-tertiary1 {
925  background-color: #513B33;
926}
927
928.product-detail header .bg-primary2,
929.product-detail main .bg-primary2 {
930  background-color: #F4EAE1;
931}
932
933.product-detail header .bg-primary3,
934.product-detail main .bg-primary3 {
935  background-color: #093E57;
936}
937
938.product-detail #related-products .card__content {
939  background-color: #fff;
940}
941
942.product-detail header .text-primary3,
943.product-detail main .text-primary3 {
944  color: #093E57;
945}
946
947.product-detail .text-body-5 {
948	font-size: 25px;;
949	line-height: 1.15;
950}
951
952.product-detail main h3.text-size-default p {
953  font-size: 40px;
954}
955
956.product-detail main .button--default {
957  background-color: #093E57;
958  color:#fff;
959  font-family: 'Gotham-Bold', sans-serif !important;
960  padding: 0.5rem 1.25rem;
961}
962
963.product-detail a.button--secondary {
964  background-color: #fff;
965  border-radius: #2157A1;
966  color: #093E57;
967  font-family: 'Gotham-Bold', sans-serif !important;
968  padding: 0.5rem 1.25rem;
969}
970
971.product-detail main .text-title-6  {
972  font-size: 20px;
973}
974
975.product-detail .text-body-8 {
976  font-size: 18px;
977}
978
979.product-detail .text-body-11 {
980	font-size: 12px;
981	line-height: 1.15;
982}
983
984.product-detail .category-tags span,
985.product-detail .category-tags .card-tag {
986  background-color: #F4EAE1;
987  font-size: .5rem;
988}
989
990.product-detail .category-tags {
991  min-width: 60px;
992  text-align: center;
993  padding:0 .5rem;
994  background-color: #F4EAE1;
995}
996  
997
998@media screen and (min-width:1024px) {
999  .product-detail .text-body-5 {
1000	   font-size: 40px;
1001  }
1002  
1003  .product-detail .hero-wrap h1 {
1004    font-size: 75px;
1005  }
1006  
1007  .product-detail main h1,
1008  .product-detail main .text-title-2 {
1009    font-size: 60px;
1010  }
1011}
1012</style>
1013
1014            
1015        </div>
1016
1017
1018<a href="#main" class="skipToMainContent skip font-body bg-primary2 text-white fixed top-0 left-0 z-0 opacity-0 focus:z-40 focu
1018s:opacity-100 px-5 py-3">Skip to main content</a>  
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028        <div
1029            x-data="{ count: 0, intervalText: '' }"
1030            class="announcementBar bg-primary1 z-40 top-0 block max-h-11 h-11 sticky block md:block lg:block"
1031            @mouseover="    clearInterval(intervalText);
1032"
1033            @mouseleave="    if ($refs.announcements.querySelectorAll('.announcementBar__item').length > 1) {
1034        intervalText = setInterval(() => {
1035            if (count < ($refs.announcements.querySelectorAll('.announcementBar__item').length - 1)) count++;
1036            else count = 0;
1037        }, 1000);
1038    }
1039"
1040        >
1041            <div class="mx-auto w-full flex justify-between items-center content-center px-4">
1042                <div
1043                    class="text-white font-body text-base text-center w-full"
1044                    x-ref="announcements"
1045                    x-init="    if ($refs.announcements.querySelectorAll('.announcementBar__item').length > 1) {
1046        intervalText = setInterval(() => {
1047            if (count < ($refs.announcements.querySelectorAll('.announcementBar__item').length - 1)) count++;
1048            else count = 0;
1049        }, 1000);
1050    }
1051"
1052                >
1053
1054
1055
1056
1057
1058    <div :class="0 === count? 'block' : 'hidden'" class="announcementBar__item py-[10px]">
1059        <div  class="">
1060            <a href="https://www.activaterewards.com/medicinecabinet" class="hover:underline" target="_blank" 
1061                    title=""
1062                    @click="    $dispatch('track-event', {
1063        'event': 'cmp_event',
1064        'event_type': 'navigation',
1065        'section': 'header',
1066        'sub_section': 'announcement_bar',
1067        'element': 'logo',
1068        'context': 'other'
1069    })
1070;"
1071            >
1072            <p><u>$10 Reward* When You Buy $40</u></p>
1073
1074            </a>
1075        </div>
1076    </div>
1077                </div>
1078            </div>
1079        </div>
1080                
1081
1082
1083                    
1084
1085        
1086
1087
1088            <div class="sticky-nav-overlay-spacer" style="height: 0px"></div>
1089        
1090        <header class="z-40 fixed top-11 md:top-11 lg:top-11 left-0 w-full" role="banner" data-sticky='true'>
1091
1092<div class="utility-links bg-white relative top-0 hidden lg:block">
1093    <div class="container flex flex-row justify-end" dir="ltr">
1094        <div class="flex flex-col lg:flex-row">
1095
1096<div class="flex flex-col items-end">
1097    <ul class="flex flex-wrap md:flex-nowrap">
1098
1099
1100        <li id="3a93a111-8472-4f3b-af36-1e7050fb4ab7" class="flex items-center px-3 lg:px-4  border-primary1 my-8 lg:my-2 bg-white text-primary1 lg:bg-white lg:text-primary1 text-body-10 lg:text-body-10  " x-data="">
1101            
1102
1103    
1104        <a
1105           href="/en-us/where-to-buy"
1106           
1107           
1108                     target="_self"
1109
1110           title=""
1111           data-gtmSection=""
1112           data-gtmSubSection=""
1113           data-gtmElement=""
1114           class=" cursor-pointer inline font-navigation flex items-center justify-center normal-case lg:normal-case  "
1115        >
1116          <span           class="flex items-center gap-2"
1117>
1118                <span>Where to buy</span>
1119          </span>
1120        </a>
1121
1122
1123        </li>
1124
1125    </ul>
1126</div>        </div>
1127    </div>
1128</div>
1129
1130    
1131
1132    
1133    
1134
1135
1136
1137
1138
1139
1140    
1140<script type="text/javascript">
1141document.addEventListener("alpine:init", () => {
1142    Alpine.data("nav", () => ({
1143        next: "",
1144        depth: 0,
1145        showSkip: false,
1146        activeNav: "",
1147        nextElement: null,
1148        currentNavItem: null,
1149        nextNavItem: null,
1150        currentSubNav: null,
1151        nextSubNavItem: null,
1152        setNextSkipText(e) {
1153            const elem = e.target;
1154            if (!elem) return;
1155            const nextElement = elem.nextElementSibling;
1156            this.currentNavItem = elem;
1157            this.nextNavItem = nextElement;
1158            if (nextElement && nextElement.dataset) {
1159                this.nextElement = nextElement;
1160                this.next = nextElement.dataset.linkText;
1161            } else {
1162                this.nextElement = null;
1163                this.next = "";
1164            }
1165        },
1166        setSkipLink(e) {
1167            this.showSkip = true;
1168            const elem = e.target;
1169            const isShiftTabPressed = e.shiftKey && e.which === 9;
1170            const isNavItemLink = elem.classList.contains("nav__item");
1171            const isFirstSubNavItemLink =
1172                elem.classList.contains("subNav__firstItem");
1173            if (isNavItemLink) {
1174                // shift + tab or last nav link
1175                if (isShiftTabPressed || !this.nextNavItem) return;
1176                e.preventDefault();
1177                this.focusNextTabbableElement(elem);
1178            } else if (isFirstSubNavItemLink && isShiftTabPressed) {
1179                this.setNextSkipText(this.currentNavItem);
1180            }
1181        },
1182        skipItemLink(e) {
1183            const elem = e.target;
1184            const isShiftTabPressed = e.shiftKey && e.which === 9;
1185            if (isShiftTabPressed) {
1186                e.preventDefault();
1187                let navListItem = elem.parentNode.previousElementSibling;
1188                if (navListItem && navListItem.classList.contains("subNav__title")) {
1189                    navListItem = navListItem.previousElementSibling;
1190                    if (navListItem.classList.contains("subNav__skipListItem")) {
1191                        const isFirstSubNav = navListItem.dataset.depth === 0;
1192                        if (isFirstSubNav) {
1193                            if (this.nextNavItem) {
1194                                this.next = this.nextNavItem.dataset.linkText;
1195                            }
1196                        } else {
1197                            if (this.nextSubNavItem) {
1198                                this.next = this.nextSubNavItem.dataset.linkText;
1199                            }
1200                        }
1201                    }
1202                }
1203                if (!navListItem) {
1204                    this.focusNextElement();
1205                } else {
1206                    this.focusNextTabbableElement(navListItem);
1207                }
1208            }
1209        },
1210        skipSubNavButton(e) {
1211            const elem = e.target;
1212            const nextListItem = elem.parentNode.nextElementSibling;
1213            const isShiftTabPressed = e.shiftKey && e.which === 9;
1214            const isSubNavItemNextButton = elem.classList.contains(
1215                "subNav__itemNextButton"
1216            );
1217            if (isShiftTabPressed && isSubNavItemNextButton) {
1218                elem.previousElementSibling.focus();
1219            } else if (!nextListItem) {
1220                this.focusNextElement();
1221            } else {
1222                e.preventDefault();
1223                const nextTabElem =
1224                    elem.parentNode.nextElementSibling.querySelector(".subNav__itemLink");
1225                if (nextTabElem) nextTabElem.focus();
1226            }
1227        },
1228        setSkipSubNavButton(e) {
1229            const elem = e.target;
1230            const nextSubNavItem = e.target.parentNode.nextElementSibling;
1231            this.nextSubNavItem = nextSubNavItem;
1232            this.currentSubNav = elem.nextElementSibling;
1233            if (nextSubNavItem) {
1234                this.nextElement = nextSubNavItem.querySelector(".subNav__itemLink");
1235                this.next = nextSubNavItem.dataset.linkText;
1236            } else {
1237                const nextNavItem = this.currentNavItem.nextElementSibling;
1238                if (nextNavItem && nextNavItem.dataset) {
1239                    this.next = nextNavItem.dataset.linkText;
1240                } else {
1241                    this.next = "";
1242                }
1243            }
1244            this.focusNextTabbableElement(this.currentSubNav);
1245        },
1246        focusNextTabbableElement(container) {
1247            // waits for DOM to update
1248            setTimeout(function () {
1249                const nextTabElem = container.querySelector(
1250                    "[tabindex]:not([disabled]):not([tabindex='-1'])"
1251                );
1252                if (!nextTabElem) return;
1253                nextTabElem.focus();
1254            }, 50);
1255        },
1256        focusNextElement() {
1257            if (this.depth < 0) {
1258                this.depth = 0;
1259            }
1260            this.nextElement.focus();
1261        },
1262        get skipToNextLinkText() {
1263            if (this.next === "") return "";
1264            return "Skip to " + this.next;
1265        },
1266        adjustPosition(hasSubpage, direction, hover = false) {
1267            const _parent = this.$el.parentNode;
1268
1269            if (!_parent.closest(".isRightSide")) return;
1270
1271            const dir = direction === "ltr" ? "left" : "right";
1272            const subNav1 = _parent.closest(".subNav--1");
1273            const sideMenu = subNav1 ? subNav1.querySelector(".subNav1--rightSide") : null;
1274            const subNav2 = sideMenu ? sideMenu.querySelector(".subNav--2") : null;
1275            const addRemove = (hasSubpage && hover) ? "add" : "remove";
1276            
1277            if (subNav1) subNav1.style[dir] = (hasSubpage && hover) ? "230px" : null;
1278            if (subNav2) subNav2.classList[addRemove]("subNav--adjustPosition");
1279        },
1280        adjustHeight() {
1281            const subNavHeight = this.$el.closest(".subNav").clientHeight;
1282            this.$el.style.height = (subNavHeight - 32) + "px";
1283            
1284            const subItems = this.$el.querySelectorAll(".subNav__item");
1285            subItems.forEach((item) => {
1286                const _parent = item.parentNode;              
1287                item.addEventListener("mouseover", () => {
1288                    if (!item.querySelector(".subNav")) return;
1289                    _parent.style.overflow = "hidden";
1290                });
1291
1292                item.addEventListener("mouseleave", () => {
1293                    if (!item.querySelector(".subNav")) return;                    
1294                    _parent.style.overflow = "auto";
1295                });
1296            });
1297        }
1298    }));
1299});    </script>
1299
1300    
1301
1302        
1303
1304    <style>
1305        .nav-chc,
1306        .nav-chc .nav__mobileMenu {
1307            border-radius: ;
1308        }
1309        @media screen and (min-width: 1025px){
1310            .nav-chc {
1311                border-radius: ;
1312            }
1313        }
1314    </style>
1315
1316    <nav 
1317        role="navigation" 
1318        class="nav-chc relative  nav bg-tertiary2 text-white border-b z-40 top-0 sticky w-full h-auto lg:max-h-[60px] transition-all duration-200" 
1319        aria-label="menu"
1320        x-data="{...nav(), ...chcHeader()}" 
1321        @setActiveNav="activeNav=$event.detail.id" 
1322        @isActiveNav="activeNav == $event.detail.id" 
1323        style="border-radius: "
1324         
1325        
1326    >
1327        <div class="mx-auto container lg:max-w-none lg:px-20 hidden lg:block">
1328            <div class="nav__desktop flex md:items-center lg:max-h-[60px]">
1329        <a href="/en-us/" class="nav__inner ml-0 py-2 " data-gtmSubSection="logo" data-gtmElement="logo">
1330
1331            <img             width="271" height="111"
1332 class="Image nav__logo max-w-60 max-h-[40px] w-auto md:block h-auto pr-2 lg:pr-0" src="/dam/jcr:85470340-a810-4870-be2b-24fd241f20e9/GoldBond_NavBar_Logo.webp" alt="Gold Bond  - Home" >
1333        </a>
1334                <div
1335                    class="nav__left pt-0 justify-end flex mx-12 w-full lg:gap-4"
1336                    @mouseout.outside="$dispatch('setActiveNav', { id: '' })"
1337                >
1338
1339
1340                
1341
1342                    <div >
1343                        <div class="nav__item group justify-between flex items-start h-full  normal-case lg:text-white h-[72px] lg:h-auto" data-link-text="Home"
1344                            @focus="setNextSkipText($event); showSkip = false"
1345                            @keydown.tab="setSkipLink($event)"
1346                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '80505328-fa29-423b-9282-efd350e09033' })"
1347                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '80505328-fa29-423b-9282-efd350e09033' }) }"
1348                            
1349                        >
1350        <a href="/en-us/" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center   " data-gtmSection="header" data-gtmSubSection="menu">
1351                                <span class="text-xl lg:text-base">
1352                                    Home
1353                                </span>
1354                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1355        </a>
1356                        </div>
1357                    </div>
1358
1359                
1360
1361                    <div >
1362                        <div class="nav__item group justify-between flex items-start h-full  normal-case lg:text-white h-[72px] lg:h-auto" data-link-text="Products"
1363                            @focus="setNextSkipText($event); showSkip = false"
1364                            @keydown.tab="setSkipLink($event)"
1365                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'a4b13043-eb36-40ba-b3ab-88bfdfd2efad' })"
1366                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: 'a4b13043-eb36-40ba-b3ab-88bfdfd2efad' }) }"
1367                            
1368                        >
1369        <a href="/en-us/products" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6 nav__itemLink--active text-" data-gtmSection="header" data-gtmSubSection="menu">
1370                                <span class="text-xl lg:text-base">
1371                                    Products
1372                                        <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90">
1373                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button">
1374                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1375                                            </svg>
1376                                        </span>
1377                                </span>
1378                                <div class="nav__itemLinkBorderHover text- hidden lg:block absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1379        </a>
1380                                    <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden"
1381                                        aria-label="go to sub menu">
1382                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button">
1383                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1384                                            </svg>
1385                                    </button>
1386
1387
1388        <div
1389            x-data="{ subMenuHeight: '', subMenuContHeight: '' }"
1390            class="text-secondary3 hover:border-transparent subNav z-40  left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto lg:mt-[1px]"
1391            
1392        >
1393            <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div>
1394
1395            <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight">
1396                <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left"
1397                    aria-label="go to sub menu">
1398                    
1399                    <div class="w-6 h-6">
1400                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block">
1401                            <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
1402                        </svg>
1403                    </div>
1404                     <span class="w-11/12">Products</span> 
1405                </button>
1406            </div>
1407            <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-10 flex flex-row relative">
1408                <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0" >
1409                    <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem"
1410                        data-depth="0">
1411                        <button tabindex="0"
1412                                class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none"
1413                                x-html="skipToNextLinkText"
1414                                @keydown.tab="next = '';setSkipLink($event)"
1415                                @keydown.enter.prevent="depth--; next = ''; focusNextElement()"
1416                                @keydown.space.prevent="depth--; next = ''; focusNextElement()"
1417                        ></button>
1418                    </li>
1419
1420                    <li class="subNav__title text-2xl py-0 py-6 uppercase  lg:hidden" tabindex="-1">
1421        <a href="/en-us/products" tabindex="0" target="_self"    class="" data-gtmSection="header" data-gtmSubSection="menu">
1422                            Products
1423        </a>
1424                    </li>
1425
1426
1427
1428                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Daily Moisturizer">
1429                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1430        <a href="/en-us/products/daily-moisturizer" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu">
1431                                            Daily Moisturizer
1432        </a>
1433
1434                                    </div>
1435                                </li>
1436
1437
1438                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Healing">
1439                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1440        <a href="/en-us/products/healing-hydration-moisturizing-lotions-creams" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base " data-gtmSection="header" data-gtmSubSection="menu">
1441                                            Healing
1442        </a>
1443
1444                                    </div>
1445                                </li>
1446
1447
1448                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Aging Skin">
1449                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1450        <a href="/en-us/products/aging-skin" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base " data-gtmSection="header" data-gtmSubSection="menu">
1451                                            Aging Skin
1452        </a>
1453
1454                                    </div>
1455                                </li>
1456
1457
1458                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Special Skin Conditions">
1459                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1460        <a href="/en-us/products/special-skin-conditions" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base " data-gtmSection="header" data-gtmSubSection="menu">
1461                                            Special Skin Conditions
1462        </a>
1463
1464                                    </div>
1465                                </li>
1466
1467
1468                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Moisture and Odor Control">
1469                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1470        <a href="/en-us/products/moisture-and-odor-control" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base " data-gtmSection="header" data-gtmSubSection="menu">
1471                                            Moisture and Odor Control
1472        </a>
1473
1474                                    </div>
1475                                </li>
1476
1477
1478                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Scented Collection">
1479                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1480        <a href="/en-us/products/scented-collection" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base " data-gtmSection="header" data-gtmSubSection="menu">
1481                                            Scented Collection
1482        </a>
1483
1484                                    </div>
1485                                </li>
1486
1487
1488
1489
1490
1491
1492
1493
1494
1495
1496
1497
1498
1499
1500
1501
1502
1503
1504
1505
1506
1507
1508
1509
1510
1511
1512
1513
1514
1515
1516
1517
1518
1519
1520
1521
1522
1523
1524
1525
1526
1527
1528                </ul>
1529            </div>
1530        </div>
1531                        </div>
1532                    </div>
1533
1534                
1535
1536                    <div >
1537                        <div class="nav__item group justify-between flex items-start h-full  normal-case lg:text-white h-[72px] lg:h-auto" data-link-text="Skincare Science Articles"
1538                            @focus="setNextSkipText($event); showSkip = false"
1539                            @keydown.tab="setSkipLink($event)"
1540                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '5dbd44a1-249c-4034-8e17-3700b0c0827c' })"
1541                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '5dbd44a1-249c-4034-8e17-3700b0c0827c' }) }"
1542                            
1543                        >
1544        <a href="/en-us/skincare-science" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center   " data-gtmSection="header" data-gtmSubSection="menu">
1545                                <span class="text-xl lg:text-base">
1546                                    Skincare Science Articles
1547                                </span>
1548                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1549        </a>
1550                        </div>
1551                    </div>
1552
1553                
1554
1555                    <div >
1556                        <div class="nav__item group justify-between flex items-start h-full  normal-case lg:text-white h-[72px] lg:h-auto" data-link-text="Our Values"
1557                            @focus="setNextSkipText($event); showSkip = false"
1558                            @keydown.tab="setSkipLink($event)"
1559                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'd13b3543-a519-484e-9143-79f08b9ded08' })"
1560                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: 'd13b3543-a519-484e-9143-79f08b9ded08' }) }"
1561                            
1562                        >
1563        <a href="/en-us/our-values" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6 " data-gtmSection="header" data-gtmSubSection="menu">
1564                                <span class="text-xl lg:text-base">
1565                                    Our Values
1566                                        <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90">
1567                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button">
1568                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1569                                            </svg>
1570                                        </span>
1571                                </span>
1572                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1573        </a>
1574                                    <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden"
1575                                        aria-label="go to sub menu">
1576                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button">
1577                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1578                                            </svg>
1579                                    </button>
1580
1581
1582        <div
1583            x-data="{ subMenuHeight: '', subMenuContHeight: '' }"
1584            class="text-secondary3 hover:border-transparent subNav z-40  left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto lg:mt-[1px]"
1585            
1586        >
1587            <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div>
1588
1589            <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight">
1590                <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left"
1591                    aria-label="go to sub menu">
1592                    
1593                    <div class="w-6 h-6">
1594                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block">
1595                            <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
1596                        </svg>
1597                    </div>
1598                     <span class="w-11/12">Our Values</span> 
1599                </button>
1600            </div>
1601            <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-10 flex flex-row relative">
1602                <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0" >
1603                    <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem"
1604                        data-depth="0">
1605                        <button tabindex="0"
1606                                class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none"
1607                                x-html="skipToNextLinkText"
1608                                @keydown.tab="next = '';setSkipLink($event)"
1609                                @keydown.enter.prevent="depth--; next = ''; focusNextElement()"
1610                                @keydown.space.prevent="depth--; next = ''; focusNextElement()"
1611                        ></button>
1612                    </li>
1613
1614                    <li class="subNav__title text-2xl py-0 py-6 uppercase  lg:hidden" tabindex="-1">
1615        <a href="/en-us/our-values" tabindex="0" target="_self"    class="" data-gtmSection="header" data-gtmSubSection="menu">
1616                            Our Values
1617        </a>
1618                    </li>
1619
1620
1621
1622
1623                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Our Mission">
1624                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1625        <a href="/en-us/our-values/our-mission" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base " data-gtmSection="header" data-gtmSubSection="menu">
1626                                            Our Mission
1627        </a>
1628
1629                                    </div>
1630                                </li>
1631
1632
1633                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Sustainability">
1634                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1635        <a href="/en-us/our-values/sustainable-efforts" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base " data-gtmSection="header" data-gtmSubSection="menu">
1636                                            Sustainability
1637        </a>
1638
1639                                    </div>
1640                                </li>
1641                </ul>
1642            </div>
1643        </div>
1644                        </div>
1645                    </div>
1646                </div>
1647
1648    <div class="chcHeader__buttonContainer flex gap-2 ">
1649    </div>
1650
1651
1652            </div>
1653        </div>
1654        <div class="mx-auto lg:max-w-none lg:px-20 lg:hidden h-[60px] max-h-[60px]">
1655            <div class="nav__mobile" x-data="{ navigationHeight: 0 }" x-ref="navHead">
1656                <div class="nav__mobileMenu flex justify-between items-center px-4 py-[6px]">
1657        <a href="/en-us/" class=" " data-gtmSubSection="logo" data-gtmElement="logo">
1658
1659            <img             width="271" height="111"
1660 class="Image nav__logo max-w-60 max-h-[40px] w-auto md:block h-auto " src="/dam/jcr:85470340-a810-4870-be2b-24fd241f20e9/GoldBond_NavBar_Logo.webp" alt="Gold Bond  - Home" >
1661        </a>
1662                    <div class="nav__mobile__right flex flex-row items-center ml-12">
1663                            <div class="globalHeader__icons flex justify-evenly">
1664
1665
1666                            </div>
1667
1668    <div class="chcHeader__buttonContainer flex gap-2 ">
1669    </div>
1670
1671
1672                        <button class="nav__mobile__button flex items-center justify-center relative" aria-label="open menu" @click="bodyScrollHide(true)">
1673
1674            <img src="/dam/jcr:e7730a8b-78db-4e20-8182-457b41a695c2/HB%20(2).svg" alt="" class="w-7 ml-2 mt-1 mb-1" />
1675                        </button>
1676                    </div>
1677                </div>
1678
1679
1680                <div dir="ltr" class="nav__mobile__menu w-full fixed overflow-hidden z-50 transition-all duration-50 left-0 top-0 bg-white" x-ref="navMobileSubmenu">
1681                    <div class="nav__mobile__menuItems bg-tertiary2 flex justify-between items-center py-0 px-4 border-b w-full transition-all duration-700 ease-in-out h-[60px] max-h-[60px]">
1682        <a href="/en-us/" class=" " data-gtmSubSection="logo" data-gtmElement="logo">
1683
1684            <img             width="271" height="111"
1685 class="Image nav__logo max-w-60 max-h-[40px] w-auto md:block h-auto " src="/dam/jcr:85470340-a810-4870-be2b-24fd241f20e9/GoldBond_NavBar_Logo.webp" alt="Gold Bond  - Home" >
1686        </a>
1687                        
1688                        <div class="flex ml-12">
1689    <div class="chcHeader__buttonContainer flex gap-2 flex items-center">
1690    </div>
1691                            
1692                            <button class="flex items-center justify-center nav__mobile__close relative" aria-label="close menu" @click="bodyScrollHide(false)">
1693
1694            <img src="/dam/jcr:483dd1bf-885c-4fa8-8e4e-d032e58b6b95/cross%20(1)%20(2).svg" alt="" class="w-7 ml-2 mt-1 mb-1" />
1695                            </button>
1696                        </div>
1697                    </div>
1698                    <div class="nav__mobile__navList flex flex-col overflow-y-auto" :style="{ height: navigationHeight + 'px', overflow: 'auto' }">
1699
1700                            <div class="nav__mobile__menu__main h-auto relative right-0 transition-all duration-300 ease-in-out px-4 min-h-full" x-intersect="navigationHeight = window.innerHeight - ($refs.navHead.clientHeight + $refs.bottomNav.clientHeight)">
1701
1702
1703                
1704
1705                    <div >
1706                        <div class="nav__item group justify-between flex border-b items-center text-primary1  normal-case lg:text-white h-[72px] lg:h-auto" data-link-text="Home"
1707                            @focus="setNextSkipText($event); showSkip = false"
1708                            @keydown.tab="setSkipLink($event)"
1709                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '80505328-fa29-423b-9282-efd350e09033' })"
1710                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '80505328-fa29-423b-9282-efd350e09033' }) }"
1711                            
1712                        >
1713        <a href="/en-us/" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink  relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center   " data-gtmSection="header" data-gtmSubSection="menu">
1714                                <span class="text-xl lg:text-base">
1715                                    Home
1716                                </span>
1717                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1718        </a>
1719                        </div>
1720                    </div>
1721
1722                
1723
1724                    <div >
1725                        <div class="nav__item group justify-between flex border-b items-center text-primary1  normal-case lg:text-white h-[72px] lg:h-auto" data-link-text="Products"
1726                            @focus="setNextSkipText($event); showSkip = false"
1727                            @keydown.tab="setSkipLink($event)"
1728                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'a4b13043-eb36-40ba-b3ab-88bfdfd2efad' })"
1729                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: 'a4b13043-eb36-40ba-b3ab-88bfdfd2efad' }) }"
1730                            
1731                        >
1732        <a href="/en-us/products" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink  relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6 nav__itemLink--active text-" data-gtmSection="header" data-gtmSubSection="menu">
1733                                <span class="text-xl lg:text-base">
1734                                    Products
1735                                        <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90">
1736                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button">
1737                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1738                                            </svg>
1739                                        </span>
1740                                </span>
1741                                <div class="nav__itemLinkBorderHover text- hidden lg:block absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1742        </a>
1743                                    <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden"
1744                                        aria-label="go to sub menu">
1745                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button">
1746                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1747                                            </svg>
1748                                    </button>
1749
1750
1751        <div
1752            x-data="{ subMenuHeight: '', subMenuContHeight: '' }"
1753            class="text-secondary3 hover:border-transparent subNav z-40 subNav--mobile h-full z-50  left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto lg:mt-[1px]"
1754                            x-intersect="subMenuContHeight = { height: navigationHeight + 'px', top: ($refs.navHead.clientHeight + 1) + 'px' }"
1755                :style="subMenuContHeight"
1756
1757        >
1758            <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div>
1759
1760            <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight">
1761                <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left"
1762                    aria-label="go to sub menu">
1763                    
1764                    <div class="w-6 h-6">
1765                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block">
1766                            <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
1767                        </svg>
1768                    </div>
1769                     <span class="w-11/12">Products</span> 
1770                </button>
1771            </div>
1772            <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-10 flex flex-row relative">
1773                <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0"                 :style="{ height: subMenuHeight + 'px' }"
1774>
1775                    <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem"
1776                        data-depth="0">
1777                        <button tabindex="0"
1778                                class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none"
1779                                x-html="skipToNextLinkText"
1780                                @keydown.tab="next = '';setSkipLink($event)"
1781                                @keydown.enter.prevent="depth--; next = ''; focusNextElement()"
1782                                @keydown.space.prevent="depth--; next = ''; focusNextElement()"
1783                        ></button>
1784                    </li>
1785
1786                    <li class="subNav__title text-2xl py-0 py-6 uppercase  lg:hidden" tabindex="-1">
1787        <a href="/en-us/products" tabindex="0" target="_self"    class="" data-gtmSection="header" data-gtmSubSection="menu">
1788                            Products
1789        </a>
1790                    </li>
1791
1792
1793
1794                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Daily Moisturizer">
1795                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1796        <a href="/en-us/products/daily-moisturizer" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu">
1797                                            Daily Moisturizer
1798        </a>
1799
1800                                    </div>
1801                                </li>
1802
1803
1804                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Healing">
1805                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1806        <a href="/en-us/products/healing-hydration-moisturizing-lotions-creams" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base " data-gtmSection="header" data-gtmSubSection="menu">
1807                                            Healing
1808        </a>
1809
1810                                    </div>
1811                                </li>
1812
1813
1814                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Aging Skin">
1815                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1816        <a href="/en-us/products/aging-skin" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base " data-gtmSection="header" data-gtmSubSection="menu">
1817                                            Aging Skin
1818        </a>
1819
1820                                    </div>
1821                                </li>
1822
1823
1824                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Special Skin Conditions">
1825                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1826        <a href="/en-us/products/special-skin-conditions" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base " data-gtmSection="header" data-gtmSubSection="menu">
1827                                            Special Skin Conditions
1828        </a>
1829
1830                                    </div>
1831                                </li>
1832
1833
1834                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Moisture and Odor Control">
1835                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1836        <a href="/en-us/products/moisture-and-odor-control" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base " data-gtmSection="header" data-gtmSubSection="menu">
1837                                            Moisture and Odor Control
1838        </a>
1839
1840                                    </div>
1841                                </li>
1842
1843
1844                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Scented Collection">
1845                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1846        <a href="/en-us/products/scented-collection" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base " data-gtmSection="header" data-gtmSubSection="menu">
1847                                            Scented Collection
1848        </a>
1849
1850                                    </div>
1851                                </li>
1852
1853
1854
1855
1856
1857
1858
1859
1860
1861
1862
1863
1864
1865
1866
1867
1868
1869
1870
1871
1872
1873
1874
1875
1876
1877
1878
1879
1880
1881
1882
1883
1884
1885
1886
1887
1888
1889
1890
1891
1892
1893
1894                </ul>
1895            </div>
1896        </div>
1897                        </div>
1898                    </div>
1899
1900                
1901
1902                    <div >
1903                        <div class="nav__item group justify-between flex border-b items-center text-primary1  normal-case lg:text-white h-[72px] lg:h-auto" data-link-text="Skincare Science Articles"
1904                            @focus="setNextSkipText($event); showSkip = false"
1905                            @keydown.tab="setSkipLink($event)"
1906                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '5dbd44a1-249c-4034-8e17-3700b0c0827c' })"
1907                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '5dbd44a1-249c-4034-8e17-3700b0c0827c' }) }"
1908                            
1909                        >
1910        <a href="/en-us/skincare-science" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink  relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center   " data-gtmSection="header" data-gtmSubSection="menu">
1911                                <span class="text-xl lg:text-base">
1912                                    Skincare Science Articles
1913                                </span>
1914                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1915        </a>
1916                        </div>
1917                    </div>
1918
1919                
1920
1921                    <div >
1922                        <div class="nav__item group justify-between flex border-b items-center text-primary1  normal-case lg:text-white h-[72px] lg:h-auto" data-link-text="Our Values"
1923                            @focus="setNextSkipText($event); showSkip = false"
1924                            @keydown.tab="setSkipLink($event)"
1925                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'd13b3543-a519-484e-9143-79f08b9ded08' })"
1926                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: 'd13b3543-a519-484e-9143-79f08b9ded08' }) }"
1927                            
1928                        >
1929        <a href="/en-us/our-values" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink  relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6 " data-gtmSection="header" data-gtmSubSection="menu">
1930                                <span class="text-xl lg:text-base">
1931                                    Our Values
1932                                        <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90">
1933                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button">
1934                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1935                                            </svg>
1936                                        </span>
1937                                </span>
1938                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1939        </a>
1940                                    <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden"
1941                                        aria-label="go to sub menu">
1942                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button">
1943                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1944                                            </svg>
1945                                    </button>
1946
1947
1948        <div
1949            x-data="{ subMenuHeight: '', subMenuContHeight: '' }"
1950            class="text-secondary3 hover:border-transparent subNav z-40 subNav--mobile h-full z-50  left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto lg:mt-[1px]"
1951                            x-intersect="subMenuContHeight = { height: navigationHeight + 'px', top: ($refs.navHead.clientHeight + 1) + 'px' }"
1952                :style="subMenuContHeight"
1953
1954        >
1955            <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div>
1956
1957            <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight">
1958                <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left"
1959                    aria-label="go to sub menu">
1960                    
1961                    <div class="w-6 h-6">
1962                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block">
1963                            <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
1964                        </svg>
1965                    </div>
1966                     <span class="w-11/12">Our Values</span> 
1967                </button>
1968            </div>
1969            <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-10 flex flex-row relative">
1970                <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0"                 :style="{ height: subMenuHeight + 'px' }"
1971>
1972                    <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem"
1973                        data-depth="0">
1974                        <button tabindex="0"
1975                                class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none"
1976                                x-html="skipToNextLinkText"
1977                                @keydown.tab="next = '';setSkipLink($event)"
1978                                @keydown.enter.prevent="depth--; next = ''; focusNextElement()"
1979                                @keydown.space.prevent="depth--; next = ''; focusNextElement()"
1980                        ></button>
1981                    </li>
1982
1983                    <li class="subNav__title text-2xl py-0 py-6 uppercase  lg:hidden" tabindex="-1">
1984        <a href="/en-us/our-values" tabindex="0" target="_self"    class="" data-gtmSection="header" data-gtmSubSection="menu">
1985                            Our Values
1986        </a>
1987                    </li>
1988
1989
1990
1991
1992                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Our Mission">
1993                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
1994        <a href="/en-us/our-values/our-mission" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base " data-gtmSection="header" data-gtmSubSection="menu">
1995                                            Our Mission
1996        </a>
1997
1998                                    </div>
1999                                </li>
2000
2001
2002                                <li dir="ltr" class="subNav__item items-start md:items-center font-medium lg:py-0 border-b md:w-full flex flex-col md:flex-row uppercase hover:text-secondary3" data-link-text="Sustainability">
2003                                    <div class="subNav__itemWrap flex flex-row w-full items-center">
2004        <a href="/en-us/our-values/sustainable-efforts" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base " data-gtmSection="header" data-gtmSubSection="menu">
2005                                            Sustainability
2006        </a>
2007
2008                                    </div>
2009                                </li>
2010                </ul>
2011            </div>
2012        </div>
2013                        </div>
2014                    </div>
2015                            </div>
2016
2017
2018                                    <div class="nav__mobile__menu__main block lg:hidden border-b">
2019
2020
2021        <li id="3a93a111-8472-4f3b-af36-1e7050fb4ab7" class="flex items-center px-3 lg:px-4  border-primary1 my-8 lg:my-2 bg-white text-primary1 lg:bg-white lg:text-primary1 text-body-10 lg:text-body-10  " x-data="">
2022            
2023
2024    
2025        <a
2026           href="/en-us/where-to-buy"
2027           
2028           
2029                     target="_self"
2030
2031           title=""
2032           data-gtmSection=""
2033           data-gtmSubSection=""
2034           data-gtmElement=""
2035           class=" cursor-pointer inline font-navigation flex items-center justify-center normal-case lg:normal-case  "
2036        >
2037          <span           class="flex items-center gap-2"
2038>
2039                <span>Where to buy</span>
2040          </span>
2041        </a>
2042
2043
2044        </li>
2045
2046                                    </div>
2047
2048                        <div class="nav__mobile__menu__main nav__mobile__menu__main--bottom w-full h-auto right-0 transition-all duration-300 ease-in-out border-b fixed z-50 bottom-0 px-4 bg-white" x-ref="bottomNav">
2049    <div class="chcHeader__buttonContainer flex gap-2 !mr-0">
2050    </div>
2051                        </div>
2052                    </div>
2053                </div>
2054            </div>
2055        </div>
2056    </nav>
2057        </header>
2058
2059
2060        <div class="hero-wrap">
2061
2062
2063
2064  <nav class="font-body font-normal	text-xs breadcrumbs bg-primary1 text-secondary2 px-4 lg:px-0 py-3 md:py-4 md:block hidden " aria-label="breadcrumbs" role="navigation">
2065    <div class="container">
2066        <ul class="flex flex-wrap flex-row capitalize">
2067
2068              <li class="contents">
2069                <a href="/en-us/" class="flex items-center">
2070                  <span class="underline truncate overflow-ellipsis w-auto max-w-128 md:max-w-none inline-block text-xs">Home</span>
2071    <svg class="w-3 h-3 inline mx-1 fill-current  fill-current"  aria-hidden="true"    role="img">
2072        
2073        <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/sprites/global.svg#angle-right"></use>
2074    </svg> 
2075                </a>
2076              </li>
2077            <li class="contents">
2078              <span class="truncate overflow-ellipsis w-auto max-w-128 md:max-w-none inline-block  text-xs">Skincare Products</span>
2079            </li>
2080        </ul>
2081    </div>
2082  </nav>
2083        </div>
2084
2085        <main role="main" id="main" class="relative flex-1" >
2086
2087
2088
2089
2090
2091              <style>
2092                
2093                
2094                
2095            </style>
2096
2097
2098  
2099
2100  
2101
2102
2103
2104
2105
2106  <section id="e691e72b-92e8-409b-991b-2db81ad7b6d3" class="contentGridItem--e691e72b-92e8-409b-991b-2db81ad7b6d3 contentGridItem relative h-full  contentGrid-min-h-e691e72b-92e8-409b-991b-2db81ad7b6d3 .background--e691e72b-92e8-409b-991b-2db81ad7b6d3 contentGrid-border-r-e691e72b-92e8-409b-991b-2db81ad7b6d3 " >
2107
2108
2109
2110
2111
2112
2113
2114            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("e691e72b-92e8-409b-991b-2db81ad7b6d3");'>
2115
2116      <div class="contentGridItem__container relative h-full" dir="ltr">
2117        <style>
2118            .backgroundBlur-e691e72b-92e8-409b-991b-2db81ad7b6d3 {
2119                backdrop-filter: blur(px);
2120                -webkit-backdrop-filter: blur(px);
2121                background-color: ;
2122                opacity: calc(/100);
2123            }
2124        </style>
2125
2126        <div class="backgroundBlur-e691e72b-92e8-409b-991b-2db81ad7b6d3 absolute top-0 bottom-0 left-0 right-0"></div>
2127
2128
2129
2130
2131
2132
2133
2134
2135
2136
2137
2138
2139
2140
2141
2142
2143
2144
2145
2146
2147
2148    <div
2149      class="background--e691e72b-92e8-409b-991b-2db81ad7b6d3 backgroundWrap-e691e72b-92e8-409b-991b-2db81ad7b6d3  py-0 text-tertiary1 h-full animateImage md:bg-auto  bg-no-repeat bg-tertiary1  bg-center bg-no-repeat bg-auto "
2150      
2151      
2152    >
2153
2154
2155
2156
2157    
2158
2159    
2160
2161
2162
2163
2164
2165
2166
2167<div class="ContentGrid relative container mx-auto  lg:pt-16 lg:pb-16 md:pt-8 md:pb-8 pt-8 pb-8">
2168
2169
2170        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
2171
2172                
2173                        
2174                
2175
2176
2177                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self-auto lg:sticky top-0 z-30" x-data='stickyContentGrid()' x-on:resize.window.debounce='resize()'>
2178  
2179
2180
2181  
2182
2183
2184
2185
2186  
2187  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-2 md:px-2 lg:px-0 items-center self-auto contentSectionItem-border-r-940d30ed-9f19-432b-adff-2471adb19594    bg-transparent" x-data=""  dir="ltr">
2188    
2189
2190
2191
2192
2193
2194
2195
2196
2197
2198
2199
2200
2201
2202
2203
2204
2205  <section id="940d30ed-9f19-432b-adff-2471adb19594" class="contentGridItem--940d30ed-9f19-432b-adff-2471adb19594 contentGridItem relative h-full sticky top-0 z-30 contentGrid-min-h-940d30ed-9f19-432b-adff-2471adb19594 .background--940d30ed-9f19-432b-adff-2471adb19594 contentGrid-border-r-940d30ed-9f19-432b-adff-2471adb19594 " x-data='stickyContentGrid()' x-on:resize.window.debounce='resize()'>
2206
2207
2208
2209
2210
2211
2212
2213            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("940d30ed-9f19-432b-adff-2471adb19594");'>
2214
2215      <div class="contentGridItem__container relative h-full" dir="ltr">
2216        <style>
2217            .backgroundBlur-940d30ed-9f19-432b-adff-2471adb19594 {
2218                backdrop-filter: blur(px);
2219                -webkit-backdrop-filter: blur(px);
2220                background-color: ;
2221                opacity: calc(/100);
2222            }
2223        </style>
2224
2225        <div class="backgroundBlur-940d30ed-9f19-432b-adff-2471adb19594 absolute top-0 bottom-0 left-0 right-0"></div>
2226
2227
2228
2229
2230
2231
2232
2233
2234
2235
2236
2237
2238
2239
2240
2241
2242
2243
2244
2245
2246
2247    <div
2248      class="background--940d30ed-9f19-432b-adff-2471adb19594 backgroundWrap-940d30ed-9f19-432b-adff-2471adb19594  py-0 md:py-0 lg:py-0 px-2 md:px-2 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-cover "
2249      
2250      
2251    >
2252
2253
2254
2255
2256    
2257
2258    
2259
2260
2261
2262<div class="ContentGrid relative container mx-auto  ">
2263
2264
2265        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
2266
2267                
2268                
2269
2270
2271                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self
2271-auto " >
2272
2273
2274  
2275  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0  self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg-   bg-transparent" x-data=""  dir="ltr">
2276    
2277        <div class="contentBlock__subtitleContainer flex items-center justify-start md:justify-start lg:justify-start ">
2278            <h2 class="contentBlock__subtitle  text-title-3 text-primary2 font-title block">
2279                <p><span class="text-body-4">OUR PRODUCTS</span></p>
2280
2281            </h2>
2282        </div>
2283
2284        <div class="flex items-center justify-start md:justify-start lg:justify-start ">
2285
2286            <h2 class="contentBlock__title  text-title-2 font-title text-primary2"><p>EXPLORE BY SKINCARE NEED</p>
2287</h2>
2288        </div>
2289
2290  </div>
2291                    </div>
2292
2293                
2294                
2295
2296
2297                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self-auto " >
2298  
2299
2300
2301  
2302
2303
2304
2305
2306  
2307  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-stretch self-auto contentSectionItem-border-r-a0aefda9-634f-4649-9166-391c5c2055a3    bg-transparent" x-data=""  dir="ltr">
2308    
2309
2310
2311
2312
2313
2314
2315
2316
2317
2318
2319
2320
2321
2322
2323
2324
2325  <section id="a0aefda9-634f-4649-9166-391c5c2055a3" class="contentGridItem--a0aefda9-634f-4649-9166-391c5c2055a3 contentGridItem relative h-full  contentGrid-min-h-a0aefda9-634f-4649-9166-391c5c2055a3 .background--a0aefda9-634f-4649-9166-391c5c2055a3 contentGrid-border-r-a0aefda9-634f-4649-9166-391c5c2055a3 " >
2326
2327
2328
2329
2330
2331
2332
2333            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("a0aefda9-634f-4649-9166-391c5c2055a3");'>
2334
2335      <div class="contentGridItem__container relative h-full" dir="ltr">
2336        <style>
2337            .backgroundBlur-a0aefda9-634f-4649-9166-391c5c2055a3 {
2338                backdrop-filter: blur(px);
2339                -webkit-backdrop-filter: blur(px);
2340                background-color: ;
2341                opacity: calc(/100);
2342            }
2343        </style>
2344
2345        <div class="backgroundBlur-a0aefda9-634f-4649-9166-391c5c2055a3 absolute top-0 bottom-0 left-0 right-0"></div>
2346
2347
2348
2349
2350
2351
2352
2353
2354
2355
2356
2357
2358
2359
2360
2361
2362
2363
2364
2365
2366
2367    <div
2368      class="background--a0aefda9-634f-4649-9166-391c5c2055a3 backgroundWrap-a0aefda9-634f-4649-9166-391c5c2055a3  py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-cover "
2369      
2370      
2371    >
2372
2373
2374
2375
2376    
2377
2378    
2379
2380
2381
2382<div class="ContentGrid relative container mx-auto  ">
2383
2384
2385        <div class="flex md:flex   lg:flex-row flex-wrap justify-center items-stretch -mx-2 py-2 md:-mx-2 md:py-2 lg:-mx-2 lg:py-2">
2386
2387                
2388                
2389
2390
2391                    <div class="CHC gridComponent   flex flex-col my-2 px-2 md:my-2 md:px-2 lg:my-2 lg:px-2 w-full md:w-3/12 lg:w-2/12 self-auto " >
2392              <style>
2393                .contentSectionItem-border-r-122ac44f-b41b-42f7-a53f-22e0e0756283 {
2394                    border-radius: 5px; 
2395                    overflow: hidden;
2396                }
2397            </style>
2398
2399
2400
2401              <style>
2402                    @media screen and (min-width: 768px){
2403                .contentSectionItem-border-r-122ac44f-b41b-42f7-a53f-22e0e0756283 {
2404                    border-radius: 5px; 
2405                    overflow: hidden;
2406                }
2407                    }
2408            </style>
2409
2410
2411
2412
2413
2414  
2415  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto contentSectionItem-border-r-122ac44f-b41b-42f7-a53f-22e0e0756283    bg-white" x-data=""  dir="ltr">
2416    
2417
2418
2419
2420
2421
2422
2423
2424
2425
2426
2427
2428
2429
2430
2431
2432
2433  <section id="122ac44f-b41b-42f7-a53f-22e0e0756283" class="contentGridItem--122ac44f-b41b-42f7-a53f-22e0e0756283 contentGridItem relative h-full  contentGrid-min-h-122ac44f-b41b-42f7-a53f-22e0e0756283 .background--122ac44f-b41b-42f7-a53f-22e0e0756283 contentGrid-border-r-122ac44f-b41b-42f7-a53f-22e0e0756283 " >
2434
2435
2436
2437
2438
2439
2440
2441            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("122ac44f-b41b-42f7-a53f-22e0e0756283");'>
2442
2443      <div class="contentGridItem__container relative h-full" dir="ltr">
2444        <style>
2445            .backgroundBlur-122ac44f-b41b-42f7-a53f-22e0e0756283 {
2446                backdrop-filter: blur(px);
2447                -webkit-backdrop-filter: blur(px);
2448                background-color: ;
2449                opacity: calc(/100);
2450            }
2451        </style>
2452
2453        <div class="backgroundBlur-122ac44f-b41b-42f7-a53f-22e0e0756283 absolute top-0 bottom-0 left-0 right-0"></div>
2454
2455
2456
2457
2458
2459
2460
2461
2462
2463
2464
2465
2466
2467
2468
2469
2470
2471
2472
2473
2474
2475    <div
2476      class="background--122ac44f-b41b-42f7-a53f-22e0e0756283 backgroundWrap-122ac44f-b41b-42f7-a53f-22e0e0756283  py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-white  bg-center bg-no-repeat bg-cover "
2477      
2478      
2479    >
2480
2481
2482
2483
2484    
2485
2486    
2487
2488
2489
2490<div class="ContentGrid relative container mx-auto  ">
2491
2492
2493        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
2494
2495                
2496                
2497
2498
2499                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self
2499-auto " >
2500
2501
2502  
2503  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-8 md:px-8 lg:px-8  self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text-primary3 bg-   bg-transparent" x-data=""  dir="ltr">
2504    
2505
2506
2507        <div class="rich-text mt-3 text-base font-body">
2508            <div><strong><span class="text-body-8"><a href="/en-us/products/daily-moisturizer">Daily moisturizer</a></span></strong></div>
2509
2510        </div>
2511        
2512        <div class="mt-3">
2513        </div>
2514  </div>
2515                    </div>
2516        </div>
2517</div>
2518    </div>
2519    
2520      </div>
2521            </div>
2522
2523  </section>
2524
2525  </div>
2526                    </div>
2527
2528                
2529                
2530
2531
2532                    <div class="CHC gridComponent   flex flex-col my-2 px-2 md:my-2 md:px-2 lg:my-2 lg:px-2 w-full md:w-3/12 lg:w-2/12 self-auto " >
2533              <style>
2534                .contentSectionItem-border-r-064f7636-e005-43b9-95c0-e4165c7cd9a1 {
2535                    border-radius: 5px; 
2536                    overflow: hidden;
2537                }
2538            </style>
2539
2540
2541
2542              <style>
2543                    @media screen and (min-width: 768px){
2544                .contentSectionItem-border-r-064f7636-e005-43b9-95c0-e4165c7cd9a1 {
2545                    border-radius: 5px; 
2546                    overflow: hidden;
2547                }
2548                    }
2549            </style>
2550
2551
2552
2553
2554
2555  
2556  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto contentSectionItem-border-r-064f7636-e005-43b9-95c0-e4165c7cd9a1    bg-white" x-data=""  dir="ltr">
2557    
2558
2559
2560
2561
2562
2563
2564
2565
2566
2567
2568
2569
2570
2571
2572
2573
2574  <section id="064f7636-e005-43b9-95c0-e4165c7cd9a1" class="contentGridItem--064f7636-e005-43b9-95c0-e4165c7cd9a1 contentGridItem relative h-full  contentGrid-min-h-064f7636-e005-43b9-95c0-e4165c7cd9a1 .background--064f7636-e005-43b9-95c0-e4165c7cd9a1 contentGrid-border-r-064f7636-e005-43b9-95c0-e4165c7cd9a1 " >
2575
2576
2577
2578
2579
2580
2581
2582            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("064f7636-e005-43b9-95c0-e4165c7cd9a1");'>
2583
2584      <div class="contentGridItem__container relative h-full" dir="ltr">
2585        <style>
2586            .backgroundBlur-064f7636-e005-43b9-95c0-e4165c7cd9a1 {
2587                backdrop-filter: blur(px);
2588                -webkit-backdrop-filter: blur(px);
2589                background-color: ;
2590                opacity: calc(/100);
2591            }
2592        </style>
2593
2594        <div class="backgroundBlur-064f7636-e005-43b9-95c0-e4165c7cd9a1 absolute top-0 bottom-0 left-0 right-0"></div>
2595
2596
2597
2598
2599
2600
2601
2602
2603
2604
2605
2606
2607
2608
2609
2610
2611
2612
2613
2614
2615
2616    <div
2617      class="background--064f7636-e005-43b9-95c0-e4165c7cd9a1 backgroundWrap-064f7636-e005-43b9-95c0-e4165c7cd9a1  py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-white  bg-center bg-no-repeat bg-cover "
2618      
2619      
2620    >
2621
2622
2623
2624
2625    
2626
2627    
2628
2629
2630
2631<div class="ContentGrid relative container mx-auto  ">
2632
2633
2634        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
2635
2636                
2637                
2638
2639
2640                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self-auto " >
2641
2642
2643  
2644  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-8 md:px-8 lg:px-8  self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text-primary3 bg-   bg-transparent" x-data=""  dir="ltr">
2645    
2646
2647
2648        <div class="rich-text mt-3 text-base font-body">
2649            <div><strong><span class="text-body-8"><a href="/en-us/products/aging-skin">Renewal for Aging Skin</a></span></strong></div>
2650
2651        </div>
2652        
2653        <div class="mt-3">
2654        </div>
2655  </div>
2656                    </div>
2657        </div>
2658</div>
2659    </div>
2660    
2661      </div>
2662            </div>
2663
2664  </section>
2665
2666  </div>
2667                    </div>
2668
2669                
2670                
2671
2672
2673                    <div class="CHC gridComponent   flex flex-col my-2 px-2 md:my-2 md:px-2 lg:my-2 lg:px-2 w-full md:w-3/12 lg:w-2/12 self
2673-auto " >
2674              <style>
2675                .contentSectionItem-border-r-e8794e96-b450-42c1-b235-98186c939d54 {
2676                    border-radius: 5px; 
2677                    overflow: hidden;
2678                }
2679            </style>
2680
2681
2682
2683              <style>
2684                    @media screen and (min-width: 768px){
2685                .contentSectionItem-border-r-e8794e96-b450-42c1-b235-98186c939d54 {
2686                    border-radius: 5px; 
2687                    overflow: hidden;
2688                }
2689                    }
2690            </style>
2691
2692
2693
2694
2695
2696  
2697  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto contentSectionItem-border-r-e8794e96-b450-42c1-b235-98186c939d54    bg-white" x-data=""  dir="ltr">
2698    
2699
2700
2701
2702
2703
2704
2705
2706
2707
2708
2709
2710
2711
2712
2713
2714
2715  <section id="e8794e96-b450-42c1-b235-98186c939d54" class="contentGridItem--e8794e96-b450-42c1-b235-98186c939d54 contentGridItem relative h-full  contentGrid-min-h-e8794e96-b450-42c1-b235-98186c939d54 .background--e8794e96-b450-42c1-b235-98186c939d54 contentGrid-border-r-e8794e96-b450-42c1-b235-98186c939d54 " >
2716
2717
2718
2719
2720
2721
2722
2723            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("e8794e96-b450-42c1-b235-98186c939d54");'>
2724
2725      <div class="contentGridItem__container relative h-full" dir="ltr">
2726        <style>
2727            .backgroundBlur-e8794e96-b450-42c1-b235-98186c939d54 {
2728                backdrop-filter: blur(px);
2729                -webkit-backdrop-filter: blur(px);
2730                background-color: ;
2731                opacity: calc(/100);
2732            }
2733        </style>
2734
2735        <div class="backgroundBlur-e8794e96-b450-42c1-b235-98186c939d54 absolute top-0 bottom-0 left-0 right-0"></div>
2736
2737
2738
2739
2740
2741
2742
2743
2744
2745
2746
2747
2748
2749
2750
2751
2752
2753
2754
2755
2756
2757    <div
2758      class="background--e8794e96-b450-42c1-b235-98186c939d54 backgroundWrap-e8794e96-b450-42c1-b235-98186c939d54  py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-white  bg-center bg-no-repeat bg-cover "
2759      
2760      
2761    >
2762
2763
2764
2765
2766    
2767
2768    
2769
2770
2771
2772<div class="ContentGrid relative container mx-auto  ">
2773
2774
2775        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
2776
2777                
2778                
2779
2780
2781                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self-auto " >
2782
2783
2784  
2785  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-8 md:px-8 lg:px-8  self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text-primary3 bg-   bg-transparent" x-data=""  dir="ltr">
2786    
2787
2788
2789        <div class="rich-text mt-3 text-base font-body">
2790            <div><strong><span class="text-body-8"><a href="/en-us/products/special-skin-conditions">Special Skin Conditions</a></span></strong></div>
2791
2792        </div>
2793        
2794        <div class="mt-3">
2795        </div>
2796  </div>
2797                    </div>
2798        </div>
2799</div>
2800    </div>
2801    
2802      </div>
2803            </div>
2804
2805  </section>
2806
2807  </div>
2808                    </div>
2809
2810                
2811                
2812
2813
2814                    <div class="CHC gridComponent   flex flex-col my-2 px-2 md:my-2 md:px-2 lg:my-2 lg:px-2 w-full md:w-3/12 lg:w-2/12 self-auto " >
2815              <style>
2816                .contentSectionItem-border-r-7f8dc4e6-c3d8-4d58-af2f-871d7c309f98 {
2817                    border-radius: 5px; 
2818                    overflow: hidden;
2819                }
2820            </style>
2821
2822
2823
2824              <style>
2825                    @media screen and (min-width: 768px){
2826                .contentSectionItem-border-r-7f8dc4e6-c3d8-4d58-af2f-871d7c309f98 {
2827                    border-radius: 5px; 
2828                    overflow: hidden;
2829                }
2830                    }
2831            </style>
2832
2833
2834
2835
2836
2837  
2838  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto contentSectionItem-border-r-7f8dc4e6-c3d8-4d58-af2f-871d7c309f98    bg-white" x-data=""  dir="ltr">
2839    
2840
2841
2842
2843
2844
2845
2846
2847
2848
2849
2850
2851
2852
2853
2854
2855
2856  <section id="7f8dc4e6-c3d8-4d58-af2f-871d7c309f98" class="contentGridItem--7f8dc4e6-c3d8-4d58-af2f-871d7c309f98 contentGridItem relative h-full  contentGrid-min-h-7f8dc4e6-c3d8-4d58-af2f-871d7c309f98 .background--7f8dc4e6-c3d8-4d58-af2f-871d7c309f98 contentGrid-border-r-7f8dc4e6-c3d8-4d58-af2f-871d7c309f98 " >
2857
2858
2859
2860
2861
2862
2863
2864            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("7f8dc4e6-c3d8-4d58-af2f-871d7c309f98");'>
2865
2866      <div class="contentGridItem__container relative h-full" dir="ltr">
2867        <style>
2868            .backgroundBlur-7f8dc4e6-c3d8-4d58-af2f-871d7c309f98 {
2869                backdrop-filter: blur(px);
2870                -webkit-backdrop-filter: blur(px);
2871                background-color: ;
2872                opacity: calc(/100);
2873            }
2874        </style>
2875
2876        <div class="backgroundBlur-7f8dc4e6-c3d8-4d58-af2f-871d7c309f98 absolute top-0 bottom-0 left-0 right-0"></div>
2877
2878
2879
2880
2881
2882
2883
2884
2885
2886
2887
2888
2889
2890
2891
2892
2893
2894
2895
2896
2897
2898    <div
2899      class="background--7f8dc4e6-c3d8-4d58-af2f-871d7c309f98 backgroundWrap-7f8dc4e6-c3d8-4d58-af2f-871d7c309f98  py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-white  bg-center bg-no-repeat bg-cover "
2900      
2901      
2902    >
2903
2904
2905
2906
2907    
2908
2909    
2910
2911
2912
2913<div class="ContentGrid relative container mx-auto  ">
2914
2915
2916        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
2917
2918                
2919                
2920
2921
2922                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self
2922-auto " >
2923
2924
2925  
2926  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-8 md:px-8 lg:px-8  self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text-primary3 bg-   bg-transparent" x-data=""  dir="ltr">
2927    
2928
2929
2930        <div class="rich-text mt-3 text-base font-body">
2931            <div><strong><span class="text-body-8"><a href="/en-us/products/moisture-and-odor-control">Moisture &amp; Odor Control</a></span></strong></div>
2932
2933        </div>
2934        
2935        <div class="mt-3">
2936        </div>
2937  </div>
2938                    </div>
2939        </div>
2940</div>
2941    </div>
2942    
2943      </div>
2944            </div>
2945
2946  </section>
2947
2948  </div>
2949                    </div>
2950
2951                
2952                
2953
2954
2955                    <div class="CHC gridComponent   flex flex-col my-2 px-2 md:my-2 md:px-2 lg:my-2 lg:px-2 w-full md:w-3/12 lg:w-2/12 self-auto " >
2956              <style>
2957                .contentSectionItem-border-r-df842ea5-e68f-4a87-a642-85770a024baa {
2958                    border-radius: 5px; 
2959                    overflow: hidden;
2960                }
2961            </style>
2962
2963
2964
2965              <style>
2966                    @media screen and (min-width: 768px){
2967                .contentSectionItem-border-r-df842ea5-e68f-4a87-a642-85770a024baa {
2968                    border-radius: 5px; 
2969                    overflow: hidden;
2970                }
2971                    }
2972            </style>
2973
2974
2975
2976
2977
2978  
2979  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto contentSectionItem-border-r-df842ea5-e68f-4a87-a642-85770a024baa    bg-white" x-data=""  dir="ltr">
2980    
2981
2982
2983
2984
2985
2986
2987
2988
2989
2990
2991
2992
2993
2994
2995
2996
2997  <section id="df842ea5-e68f-4a87-a642-85770a024baa" class="contentGridItem--df842ea5-e68f-4a87-a642-85770a024baa contentGridItem relative h-full  contentGrid-min-h-df842ea5-e68f-4a87-a642-85770a024baa .background--df842ea5-e68f-4a87-a642-85770a024baa contentGrid-border-r-df842ea5-e68f-4a87-a642-85770a024baa " >
2998
2999
3000
3001
3002
3003
3004
3005            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("df842ea5-e68f-4a87-a642-85770a024baa");'>
3006
3007      <div class="contentGridItem__container relative h-full" dir="ltr">
3008        <style>
3009            .backgroundBlur-df842ea5-e68f-4a87-a642-85770a024baa {
3010                backdrop-filter: blur(px);
3011                -webkit-backdrop-filter: blur(px);
3012                background-color: ;
3013                opacity: calc(/100);
3014            }
3015        </style>
3016
3017        <div class="backgroundBlur-df842ea5-e68f-4a87-a642-85770a024baa absolute top-0 bottom-0 left-0 right-0"></div>
3018
3019
3020
3021
3022
3023
3024
3025
3026
3027
3028
3029
3030
3031
3032
3033
3034
3035
3036
3037
3038
3039    <div
3040      class="background--df842ea5-e68f-4a87-a642-85770a024baa backgroundWrap-df842ea5-e68f-4a87-a642-85770a024baa  py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-white  bg-center bg-no-repeat bg-cover "
3041      
3042      
3043    >
3044
3045
3046
3047
3048    
3049
3050    
3051
3052
3053
3054<div class="ContentGrid relative container mx-auto  ">
3055
3056
3057        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
3058
3059                
3060                
3061
3062
3063                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self-auto " >
3064
3065
3066  
3067  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-8 md:px-8 lg:px-8  self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text-primary3 bg-   bg-transparent" x-data=""  dir="ltr">
3068    
3069
3070
3071        <div class="rich-text mt-3 text-base font-body">
3072            <div><strong><span class="text-body-8"><a href="/en-us/products/scented-collection">Scented Collection</a></span></strong></div>
3073
3074        </div>
3075        
3076        <div class="mt-3">
3077        </div>
3078  </div>
3079                    </div>
3080        </div>
3081</div>
3082    </div>
3083    
3084      </div>
3085            </div>
3086
3087  </section>
3088
3089  </div>
3090                    </div>
3091        </div>
3092</div>
3093    </div>
3094    
3095      </div>
3096            </div>
3097
3098  </section>
3099
3100  </div>
3101                    </div>
3102        </div>
3103</div>
3104    </div>
3105    
3106      </div>
3107            </div>
3108
3109  </section>
3110
3111  </div>
3112                    </div>
3113        </div>
3114</div>
3115    </div>
3116    
3117      </div>
3118            </div>
3119
3120  </section>
3121
3122
3123
3124
3125
3126
3127  
3128
3129  
3130
3131
3132
3133
3134
3135  <section id="search" class="contentGridItem--2f9d0e42-99a5-4b8b-a3da-cfc98dfa23ac contentGridItem relative h-full  contentGrid-min-h-2f9d0e42-99a5-4b8b-a3da-cfc98dfa23ac .background--2f9d0e42-99a5-4b8b-a3da-cfc98dfa23ac contentGrid-border-r-2f9d0e42-99a5-4b8b-a3da-cfc98dfa23ac " >
3136
3137
3138
3139
3140
3141
3142
3143            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("search");'>
3144
3145      <div class="contentGridItem__container relative h-full" dir="ltr">
3146        <style>
3147            .backgroundBlur-2f9d0e42-99a5-4b8b-a3da-cfc98dfa23ac {
3148                backdrop-filter: blur(px);
3149                -webkit-backdrop-filter: blur(px);
3150                background-color: ;
3151                opacity: calc(/100);
3152            }
3153        </style>
3154
3155        <div class="backgroundBlur-2f9d0e42-99a5-4b8b-a3da-cfc98dfa23ac absolute top-0 bottom-0 left-0 right-0"></div>
3156
3157
3158
3159
3160
3161
3162
3163
3164
3165
3166
3167
3168
3169
3170
3171
3172
3173
3174
3175
3176
3177    <div
3178      class="background--2f9d0e42-99a5-4b8b-a3da-cfc98dfa23ac backgroundWrap-2f9d0e42-99a5-4b8b-a3da-cfc98dfa23ac theme-soft py-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-primary2  bg-center bg-no-repeat bg-cover "
3179      
3180      
3181    >
3182
3183
3184
3185
3186    
3187
3188    
3189
3190
3191
3192
3193
3194
3195
3196<div class="ContentGrid relative container mx-auto   lg:pb-16  md:pb-8  pb-8">
3197
3198
3199        <div class="flex md:flex   lg:flex-row flex-wrap justify-start items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
3200
3201                
3202                
3203
3204
3205                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self
3205-start " >
3206
3207
3208
3209
3210
3211
3212
3213
3214
3215
3216
3217
3218
3219
3220
3221
3222
3223
3224
3225
3226
3227
3228
3229
3230
3231<form x-data="contentList()"  x-init="    $nextTick(() => {
3232        $dispatch('track-event', {
3233            'event': 'view_item_list',
3234            'event_type': 'view',
3235            'ecommerce': {
3236                'items': [
3237                    {
3238                        'index': 0,
3239                        'item_id': 'e792fd98-eadb-4aba-85f9-ab11ba78a854',
3240                        'item_name': 'HEALING HYDRATING CREAM JAR',
3241                        'item_variant': `none`,
3242                        'item_category': `LOTION, CREAM, DAILY MOISTURIZER, FACE, BODY, NECK & CHEST`
3243                    },
3244                    {
3245                        'index': 1,
3246                        'item_id': '388bfb09-5f7c-4387-acc5-0576dc3bd56a',
3247                        'item_name': 'PAIN &amp; ITCH RELIEF CREAM',
3248                        'item_variant': `none`,
3249                        'item_category': `ANTI-ITCH & OTHER SKIN CONDITIONS, CREAM, HAND, FOOT, NECK & CHEST`
3250                    },
3251                    {
3252                        'index': 2,
3253                        'item_id': '2bb3bc13-fec4-46eb-9183-f98e57213c32',
3254                        'item_name': 'MAXIMUM STRENGTH MEDICATED FOOT PAIN RELIEF CREAM',
3255                        'item_variant': `none`,
3256                        'item_category': `CREAM, FOOT, ANTI-ITCH & OTHER SKIN CONDITIONS`
3257                    },
3258                    {
3259                        'index': 3,
3260                        'item_id': '6d19eba1-59ea-4aea-aa9f-8ddbf73989c6',
3261                        'item_name': 'DAILY BODY &amp; FACE HEALING SENSITIVE LOTION',
3262                        'item_variant': `none`,
3263                        'item_category': `LOTION, CREAM, DAILY MOISTURIZER, NECK & CHEST, BODY, FACE, HAND, FOOT`
3264                    },
3265                    {
3266                        'index': 4,
3267                        'item_id': '36907ad5-9bc6-4a4d-b489-beea6d8b272e',
3268                        'item_name': 'RETINOL OVERNIGHT BODY &amp; FACE LOTION',
3269                        'item_variant': `none`,
3270                        'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`
3271                    },
3272                    {
3273                        'index': 5,
3274                        'item_id': 'a564a4a5-6d2b-429a-8b16-6e346e87afb0',
3275                        'item_name': 'ECZEMA RELIEF CREAM',
3276                        'item_variant': `none`,
3277                        'item_category': `ECZEMA, ANTI-ITCH & OTHER SKIN CONDITIONS, LOTION, CREAM, BODY, NECK & CHEST, HAND, FOOT`
3278                    },
3279                    {
3280                        'index': 6,
3281                        'item_id': '73d669a9-2b9b-40bb-9d50-6e26e8c678f5',
3282                        'item_name': 'TIGHT &amp; FIRM BODY &amp; FACE LOTION',
3283                        'item_variant': `none`,
3284                        'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`
3285                    },
3286                    {
3287                        'index': 7,
3288                        'item_id': 'aea140ab-cfb1-4ad2-9ad2-99f025b22954',
3289                        'item_name': 'FOOT POWDER',
3290                        'item_variant': `none`,
3291                        'item_category': `MOISTURE & ODOR CONTROL, ANTI-ITCH & OTHER SKIN CONDITIONS, POWDER, FOOT`
3292                    },
3293                    {
3294                        'index': 8,
3295                        'item_id': '98777cca-e2e0-4038-88ed-f8aba3a0062c',
3296                        'item_name': 'HEALING OVERNIGHT BODY &amp; FACE LOTION',
3297                        'item_variant': `none`,
3298                        'item_category': `AGING SKIN, LOTION, ANTIOXIDANT DEFENSE`
3299                    },
3300                    {
3301                        'index': 9,
3302                        'item_id': '49cd8199-4019-4e8a-b142-9e5adda82982',
3303                        'item_name': 'DIABETICS\\\\&#39; DRY SKIN LOTION',
3304                        'item_variant': `none`,
3305                        'item_category': `DIABETIC DRY SKIN, LOTION, BODY, NECK & CHEST, HAND, FOOT, ANTI-ITCH & OTHER SKIN CONDITIONS`
3306                    },
3307                    {
3308                        'index': 10,
3309                        'item_id': 'ecca5655-50ca-497f-9f06-8f1c785cd3be',
3310                        'item_name': 'HEALING HYDRATING LOTION/CREAM',
3311                        'item_variant': `none`,
3312                        'item_category': `DAILY MOISTURIZER, LOTION, CREAM, BODY, NECK & CHEST, HAND, FOOT`
3313                    },
3314                    {
3315                        'index': 11,
3316                        'item_id': '4e56faa4-bf78-4012-bb74-9a81c58aab4f',
3317                        'item_name': 'COMFORT BODY POWDER',
3318                        'item_variant': `none`,
3319                        'item_category': `MOISTURE & ODOR CONTROL, NECK & CHEST, BODY, HAND, POWDER`
3320                    }
3321                ]
3322            }
3323        });
3324        }
3325    )
3326">
3327    <div class="block px-4 md:px-4 lg:px-0 py-0 md:py-0 lg:py-0 self-start mt-5">
3328            <div class="flex flex-col justify-evenly align">
3329                    <div class="upper py-2 md:py-6 pl-0 pr-8 content-between items-baseline block md:flex">
3330                        <div class="text-2xl font-medium py-3 pr-3">
3331                            Sort Products
3332                        </div>
3333                        <button type="reset" class="underline text-sm p-3" @click="resetFilter('/en-us/products')">Reset Filters</button>
3334                    </div>
3335                    <div>
3336                        <hr/>
3337                    </div>
3338                    
3339                        <div class="upper flex-wrap py-8 md:py-12 pl-0 pr-8 align-center block md:flex">
3340                            <form>
3341                                    <div class="flex-inline md:block py-3">
3342                                        <label for="15923ad6-7cd4-4ce6-aecb-fc69e255df66" class="block md:inline pr-1">by Skin Condition</label>
3343                                        <select id="15923ad6-7cd4-4ce6-aecb-fc69e255df66" name="category" class="border rounded py-1 max-w-full pr-4 mr-4" @change="$event.target.form.submit();">
3344                                            <option value="">All</option>
3345                                                    <option value="9648871e-5cc1-4331-8841-40293a4c5802" >AGING SKIN</option>
3346                                                    <option value="5152b2ca-b3aa-4638-bdc7-5197854eccf7" >DAILY MOISTURIZER</option>
3347                                                    <option value="51a83fd8-1cae-4e3b-8f96-bacf621ea3c4" >DIABETIC DRY SKIN</option>
3348                                                    <option value="4d2fb932-af84-4742-9581-164f706978ba" >ECZEMA & PSORIASIS</option>
3349                                                    <option value="5b60d0aa-982d-4af1-9b51-f1d1eb8f0995" >ANTI-ITCH & OTHER SKIN CONDITIONS</option>
3350                                                    <option value="4fbd66b4-47f1-4526-bed4-a2
3350c50a75b6f6" >MEN'S SKIN</option>
3351                                                    <option value="b5fea6bd-9f98-4db5-9c2d-0eefa507e363" >IMPROVED SKIN TEXTURE</option>
3352                                                    <option value="4a597dca-a057-4c77-b82c-431844a47c15" >MOISTURE & ODOR CONTROL</option>
3353                                        </select>
3354                                    </div>
3355                                    <div class="flex-inline md:block py-3">
3356                                        <label for="2d214b29-81ff-4e49-a997-7aa6c563a0a0" class="block md:inline pr-1">by Product Type</label>
3357                                        <select id="2d214b29-81ff-4e49-a997-7aa6c563a0a0" name="category" class="border rounded py-1 max-w-full pr-4 mr-4" @change="$event.target.form.submit();">
3358                                            <option value="">All</option>
3359                                                    <option value="f0e2b6f8-6f92-4029-a4e3-370248dae43c" >LOTION</option>
3360                                                    <option value="a04efb05-15c8-4b3f-ba72-f01c6fd5f6eb" >CREAM</option>
3361                                                    <option value="d46a9871-ead7-4686-981e-bd74df1de64c" >POWDER</option>
3362                                                    <option value="73241291-88aa-4970-98db-9b50e801be56" >OINTMENT OR STICK</option>
3363                                                    <option value="09603f6b-8afc-4029-9ce2-99a618633217" >SPRAY</option>
3364                                        </select>
3365                                    </div>
3366                            </form>
3367                        </div>
3368                         
3369                        
3370                    
3371            </div>
3372        <div class="lower">
3373                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
3374
3375
3376
3377
3378
3379                            
3380
3381
3382
3383                            
3384
3385
3386
3387
3388
3389
3390
3391
3392
3393
3394	
3395
3396
3397
3398
3399
3400
3401
3402
3403
3404	<div  class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent  shadow-sm hover:shadow-lg  relative" style='border-radius: 15px'>
3405					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
3406
3407
3408						<a href="/en-us/products/healing-hydrating-cream" title="" target=""                             @click="
3409                                $dispatch('track-event', {
3410                                    'event': 'cmp_event',
3411                                    'title': 'HEALING HYDRATING CREAM JAR',
3412                                    'position': '0',
3413                                    'context': 'other'
3414                                });
3415                                $dispatch('track-event', {
3416                                    'event': 'select_item',
3417                                    'event_type': 'click',
3418                                    'item_name': 'HEALING HYDRATING CREAM JAR',
3419                                    'index': 0,
3420                                    'item_category': `LOTION, CREAM, DAILY MOISTURIZER, FACE, BODY, NECK & CHEST`,
3421                                    'item_variant': 'none',
3422                                    'item_id': 'e792fd98-eadb-4aba-85f9-ab11ba78a854',
3423                                });
3424                            "
3425>
3426
3427
3428
3429
3430
3431
3432
3433
3434
3435
3436            <div class="uiImage relative block w-full card__image"  data-imageren=true>
3437
3438
3439
3440             
3441
3442
3443                  <img
3444                                width="1500" height="1500"
3445
3446    src="/dam/jcr:226d80a9-59b7-4009-a40e-e6233aebed92/04275%20GB_Healing_Cream_19oz_Jar_F_0166664-01.webp"
3447    loading="lazy"
3448    decoding="async"
3449    data-fade-in="true"
3450                    class="w-full block object-contain h-300  "
3451                    alt=""
3452                    
3453                    
3454                  />
3455
3456
3457            
3458          </div>
3459		
3460						</a>
3461
3462			</div>
3463
3464				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
3465
3466
3467
3468							<a href="/en-us/products/healing-hydrating-cream" title="" target=""                             @click="
3469                                $dispatch('track-event', {
3470                                    'event': 'cmp_event',
3471                                    'title': 'HEALING HYDRATING CREAM JAR',
3472                                    'position': '0',
3473                                    'context': 'other'
3474                                });
3475                                $dispatch('track-event', {
3476                                    'event': 'select_item',
3477                                    'event_type': 'click',
3478                                    'item_name': 'HEALING HYDRATING CREAM JAR',
3479                                    'index': 0,
3480                                    'item_category': `LOTION, CREAM, DAILY MOISTURIZER, FACE, BODY, NECK & CHEST`,
3481                                    'item_variant': 'none',
3482                                    'item_id': 'e792fd98-eadb-4aba-85f9-ab11ba78a854',
3483                                });
3484                            "
3485>
3486						<h3 class="font-card break-words 						text-default
3487  text-title-6 text- hover:underline">HEALING HYDRATING CREAM JAR</h3>
3488							</a>
3489
3490			
3491			
3492			
3493				<div class="py-2 flex justify-start">
3494						<div x-data="" x-init="$loadScript(`https://apps.bazaarvoice.com/deployments/goldbond/main_site/production/en_US/bv.js`)" data-bv-show="inline_rating" data-bv-product-id="BV-373-027" data-bv-redirect-url="/en-us/products/healing-hydrating-cream#review_section"></div>
3495				</div>
3496
3497					<div class="mb-4">
3498
3499
3500        <ul class="flex flex-wrap font-body justify-start">
3501
3502
3503                        
3504                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
3505                    <a href='/en-us/products?category=bebaedb9-1952-4d1a-837a-3a20677ae924' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
3506                        <span >
3507                            LOTION
3508                        </span>
3509                    </a>
3510                </li>
3511
3512
3513                        
3514                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
3515                    <a href='/en-us/products?category=d6537551-41ca-40b3-af7b-6f1526c8817a' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
3516                        <span >
3517                            CREAM
3518                        </span>
3519                    </a>
3520                </li>
3521
3522
3523                        
3524                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
3525                    <a href='/en-us/products?category=5152b2ca-b3aa-4638-bdc7-5197854eccf7' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
3526                        <span >
3527                            DAILY MOISTURIZER
3528                        </span>
3529                    </a>
3530                </li>
3531
3532
3533                        
3534                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
3535                    <a href='/en-us/products?category=a2e1d89d-5fed-49b7-8748-3449ffe32c30' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
3536                        <span >
3537                            FACE
3538                        </span>
3539                    </a>
3540                </li>
3541
3542
3543                        
3544                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
3545                    <a href='/en-us/products?category=190819b9-d605-4932-9d42-13864b4e4ef0' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
3546                        <span >
3547                            BODY
3548                        </span>
3549                    </a>
3550                </li>
3551
3552
3553                        
3554                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
3555                    <a href='/en-us/products?category=45bda957-f764-46f1-b960-a146243e07dc' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
3556                        <span >
3557                            NECK & CHEST
3558                        </span>
3559                    </a>
3560                </li>
3561        </ul>
3562					</div>
3563
3564				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p class="western" style="margin-bottom:13px">Gold Bond Healing Hydrating Cream is clinically shown to visibly heal and moisturize dry skin. Formulated with aloe and niacinamide.</p>
3565</div>
3566
3567			
3568			
3569				<div id="spacer" class="flex-grow "></div>
3570				<div class="card__actions " x-data="">
3571
3572						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
3573							
3574							<div  class="h-full w-full">
3575
3576
3577  
3578  
3579
3580<style>
3581    .button.active,
3582    .button:not(:focus):hover {
3583        background-image: none;
3584    }
3585
3586    .button:not(.button--gradientBorderHover):hover::before {
3587        z-index: -1;
3588    }
3589
3590    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
3591        background: transparent;
3592        -webkit-background-clip: unset;
3593        -webkit-text-fill-color: unset;
3594    }
3595
3596</style>
3597  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid text-center button--full !flex flex-row h-full justify-center items-center  "                             @click="
3598                                $dispatch('track-event', {
3599                                    'event': 'cmp_event',
3600                                    'title': 'HEALING HYDRATING CREAM JAR',
3601                                    'position': '0',
3602                                    'context': 'other'
3603                                });
3604                                $dispatch('track-event', {
3605                                    'event': 'select_item',
3606                                    'event_type': 'click',
3607                                    'item_name': 'HEALING HYDRATING CREAM JAR',
3608                                    'index': 0,
3609                                    'item_category': `LOTION, CREAM, DAILY MOISTURIZER, FACE, BODY, NECK & CHEST`,
3610                                    'item_variant': 'none',
3611                                    'item_id': 'e792fd98-eadb-4aba-85f9-ab11ba78a854',
3612                                });
3613                            "
3614 
3615      href="/en-us/products/healing-hydrating-cream"
3616  >
3617
3618    
3619
3620    <span class="  ">
3621
3622        <span>
3623												
3624													SHOP NOW  
3625        </span>
3626        
3627    </span>
3628  </a>
3629							</div>
3630						</div>
3631				</div>
3632		</div>
3633
3634	</div>
3635
3636
3637
3638
3639
3640                            
3641
3642
3643
3644                            
3645
3646
3647
3648
3649
3650
3651
3652
3653
3654
3655	
3656
3657
3658
3659
3660
3661
3662
3663
3664
3665	<div  class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent  shadow-sm hover:shadow-lg  relative" style='border-radius: 15px'>
3666					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
3667
3668
3669						<a href="/en-us/products/pain-itch-cream-with-lidocaine" title="" target=""                             @click="
3670                                $dispatch('track-event', {
3671                                    'event': 'cmp_event',
3672                                    'title': 'PAIN &amp; ITCH RELIEF CREAM',
3673                                    'position': '1',
3674                                    'context': 'other'
3675                                });
3676                                $dispatch('track-event', {
3677                                    'event': 'select_item',
3678                                    'event_type': 'click',
3679                                    'item_name': 'PAIN &amp; ITCH RELIEF CREAM',
3680                                    'index': 1,
3681                                    'item_category': `ANTI-ITCH & OTHER SKIN CONDITIONS, CREAM, HAND, FOOT, NECK & CHEST`,
3682                                    'item_variant': 'none',
3683                                    'item_id': '388bfb09-5f7c-4387-acc5-0576dc3bd56a',
3684                                });
3685                            "
3686>
3687
3688
3689
3690
3691
3692
3693
3694
3695
3696
3697            <div class="uiImage relative block w-full card__image"  data-imageren=false>
3698
3699
3700
3701             
3702
3703
3704                    <img
3705                                  width="1498" height="2022"
3706
3707    src="/.imaging/webp/sanofi-chc/imgAutox300/dam/goldbond-reskin/products/pain-itch-cream-with-lidocaine/05290-GBM_Max_PainItchCream_Lido_1.75oz_Crtn_F_921331.webp/jcr:content/05290%20GBM_Max_PainItchCream_Lido_1.75oz_Crtn_F_921331.webp"
3708    loading="lazy"
3709    decoding="async"
3710    data-fade-in="true"
3711                      class="w-full block object-contain h-300 "
3712                      alt=""
3713                      
3714                      
3715                      
3716                    />
3717
3718
3719              
3720          </div>
3721		
3722						</a>
3723
3724			</div>
3725
3726				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
3727
3728
3729
3730							<a href="/en-us/products/pain-itch-cream-with-lidocaine" title="" target=""                             @click="
3731                                $dispatch('track-event', {
3732                                    'event': 'cmp_event',
3733                                    'title': 'PAIN &amp; ITCH RELIEF CREAM',
3734                                    'position': '1',
3735                                    'context': 'other'
3736                                });
3737                                $dispatch('track-event', {
3738                                    'event': 'select_item',
3739                                    'event_type': 'click',
3740                                    'item_name': 'PAIN &amp; ITCH RELIEF CREAM',
3741                                    'index': 1,
3742                                    'item_category': `ANTI-ITCH & OTHER SKIN CONDITIONS, CREAM, HAND, FOOT, NECK & CHEST`,
3743                                    'item_variant': 'none',
3744                                    'item_id': '388bfb09-5f7c-4387-acc5-0576dc3bd56a',
3745                                });
3746                            "
3747>
3748						<h3 class="font-card break-words 						text-default
3749  text-title-6 text- hover:underline">PAIN & ITCH RELIEF CREAM</h3>
3750							</a>
3751
3752			
3753			
3754			
3755				<div class="py-2 flex justify-start">
3756						<div x-data="" x-init="$loadScript(`https://apps.bazaarvoice.com/deployments/goldbond/main_site/production/en_US/bv.js`)" data-bv-show="inline_rating" data-bv-product-id="painitchcream" data-bv-redirect-url="/en-us/products/pain-itch-cream-with-lidocaine#review_section"></div>
3757				</div>
3758
3759					<div class="mb-4">
3760
3761
3762        <ul class="flex flex-wrap font-body justify-start">
3763
3764
3765                        
3766                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
3767                    <a href='/en-us/products?category=860d8daa-b137-4e1f-a7d1-2734d6265c87' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
3768                        <span >
3769                            ANTI-ITCH & OTHER SKIN CONDITIONS
3770                        </span>
3771                    </a>
3772                </li>
3773
3774
3775                        
3776                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
3777                    <a href='/en-us/products?category=d6537551-41ca-40b3-af7b-6f1526c8817a' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
3778                        <span >
3779                            CREAM
3780                        </span>
3781                    </a>
3782                </li>
3783
3784
3785                        
3786                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
3787                    <a href='/en-us/products?category=2853cbfb-564a-4f7a-a6bf-10ffae0c67f2' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
3788                        <span >
3789                            HAND
3790                        </span>
3791                    </a>
3792                </li>
3793
3794
3795                        
3796                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
3797                    <a href='/en-us/products?category=8ade290a-c5d1-4cb4-809b-4e32029e5ef0' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
3798                        <span >
3799                            FOOT
3800                        </span>
3801                    </a>
3802                </li>
3803
3804
3805                        
3806                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
3807                    <a href='/en-us/products?category=45bda957-f764-46f1-b960-a146243e07dc' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
3808                        <span >
3809                            NECK & CHEST
3810                        </span>
3811                    </a>
3812                </li>
3813        </ul>
3814					</div>
3815
3816				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p class="western" style="margin-bottom:13px">Numb away uncomfortable pain and itching fast.</p>
3817</div>
3818
3819			
3820			
3821				<div id="spacer" class="flex-grow "></div>
3822				<div class="card__actions " x-data="">
3823
3824						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
3825							
3826							<div  class="h-full w-full">
3827
3828
3829  
3830  
3831
3832<style>
3833    .button.active,
3834    .button:not(:focus):hover {
3835        background-image: none;
3836    }
3837
3838    .button:not(.button--gradientBorderHover):hover::before {
3839        z-index: -1;
3840    }
3841
3842    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
3843        background: transparent;
3844        -webkit-background-clip: unset;
3845        -webkit-text-fill-color: unset;
3846    }
3847
3848</style>
3849  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid text-center button--full !flex flex-row h-full justify-center items-center  "                             @click="
3850                                $dispatch('track-event', {
3851                                    'event': 'cmp_event',
3852                                    'title': 'PAIN &amp; ITCH RELIEF CREAM',
3853                                    'position': '1',
3854                                    'context': 'other'
3855                                });
3856                                $dispatch('track-event', {
3857                                    'event': 'select_item',
3858                                    'event_type': 'click',
3859                                    'item_name': 'PAIN &amp; ITCH RELIEF CREAM',
3860                                    'index': 1,
3861                                    'item_category': `ANTI-ITCH & OTHER SKIN CONDITIONS, CREAM, HAND, FOOT, NECK & CHEST`,
3862                                    'item_variant': 'none',
3863                                    'item_id': '388bfb09-5f7c-4387-acc5-0576dc3bd56a',
3864                                });
3865                            "
3866 
3867      href="/en-us/products/pain-itch-cream-with-lidocaine"
3868  >
3869
3870    
3871
3872    <span class="  ">
3873
3874        <span>
3875												
3876													SHOP NOW  
3877        </span>
3878        
3879    </span>
3880  </a>
3881							</div>
3882						</div>
3883				</div>
3884		</div>
3885
3886	</div>
3887
3888
3889
3890
3891
3892                            
3893
3894
3895
3896                            
3897
3898
3899
3900
3901
3902
3903
3904
3905
3906
3907	
3908
3909
3910
3911
3912
3913
3914
3915
3916
3917	<div  class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent  shadow-sm hover:shadow-lg  relative" style='border-radius: 15px'>
3918					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
3919
3920
3921						<a href="/en-us/products/medicated-foot-pain-relief" title="" target=""                             @click="
3922                                $dispatch('track-event', {
3923                                    'event': 'cmp_event',
3924                                    'title': 'MAXIMUM STRENGTH MEDICATED FOOT PAIN RELIEF CREAM',
3925                                    'position': '2',
3926                                    'context': 'other'
3927                                });
3928                                $dispatch('track-event', {
3929                                    'event': 'select_item',
3930                                    'event_type': 'click',
3931                                    'item_name': 'MAXIMUM STRENGTH MEDICATED FOOT PAIN RELIEF CREAM',
3932                                    'index': 2,
3933                                    'item_category': `CREAM, FOOT, ANTI-ITCH & OTHER SKIN CONDITIONS`,
3934                                    'item_variant': 'none',
3935                                    'item_id': '2bb3bc13-fec4-46eb-9183-f98e57213c32',
3936                                });
3937                            "
3938>
3939
3940
3941
3942
3943
3944
3945
3946
3947
3948
3949            <div class="uiImage relative block w-full card__image"  data-imageren=true>
3950
3951
3952
3953             
3954
3955
3956                  <img
3957                                width="1344" height="1650"
3958
3959    src="/dam/jcr:53423cf9-cdbc-4eb2-aa8f-c6e75d529acf/goldbond_pdp_maxstrengthfootpainreliefcream_1-thumbnail.webp"
3960    loading="lazy"
3961    decoding="async"
3962    data-fade-in="true"
3963                    class="w-full block object-contain h-300  "
3964                    alt=""
3965                    
3966                    
3967                  />
3968
3969
3970            
3971          </div>
3972		
3973						</a>
3974
3975			</div>
3976
3977				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
3978
3979
3980
3981							<a href="/en-us/products/medicated-foot-pain-relief" title="" target=""                             @click="
3982                                $dispatch('track-event', {
3983                                    'event': 'cmp_event',
3984                                    'title': 'MAXIMUM STRENGTH MEDICATED FOOT PAIN RELIEF CREAM',
3985                                    'position': '2',
3986                                    'context': 'other'
3987                                });
3988                                $dispatch('track-event', {
3989                                    'event': 'select_item',
3990                                    'event_type': 'click',
3991                                    'item_name': 'MAXIMUM STRENGTH MEDICATED FOOT PAIN RELIEF CREAM',
3992                                    'index': 2,
3993                                    'item_category': `CREAM, FOOT, ANTI-ITCH & OTHER SKIN CONDITIONS`,
3994                                    'item_variant': 'none',
3995                                    'item_id': '2bb3bc13-fec4-46eb-9183-f98e57213c32',
3996                                });
3997                            "
3998>
3999						<h3 class="font-card break-words 						text-default
4000  text-title-6 text- hover:underline">MAXIMUM STRENGTH MEDICATED FOOT PAIN RELIEF CREAM</h3>
4001							</a>
4002
4003			
4004			
4005			
4006				<div class="py-2 flex justify-start">
4007						<div x-data="" x-init="$loadScript(`https://apps.bazaarvoice.com/deployments/goldbond/main_site/production/en_US/bv.js`)" data-bv-show="inline_rating" data-bv-product-id="BV-357-027" data-bv-redirect-url="/en-us/products/medicated-foot-pain-relief#review_section"></div>
4008				</div>
4009
4010					<div class="mb-4">
4011
4012
4013        <ul class="flex flex-wrap font-body justify-start">
4014
4015
4016                        
4017                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4018                    <a href='/en-us/products?category=d6537551-41ca-40b3-af7b-6f1526c8817a' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4019                        <span >
4020                            CREAM
4021                        </span>
4022                    </a>
4023                </li>
4024
4025
4026                        
4027                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4028                    <a href='/en-us/products?category=8ade290a-c5d1-4cb4-809b-4e32029e5ef0' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4029                        <span >
4030                            FOOT
4031                        </span>
4032                    </a>
4033                </li>
4034
4035
4036                        
4037                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4038                    <a href='/en-us/products?category=860d8daa-b137-4e1f-a7d1-2734d6265c87' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4039                        <span >
4040                            ANTI-ITCH & OTHER SKIN CONDITIONS
4041                        </span>
4042                    </a>
4043                </li>
4044        </ul>
4045					</div>
4046
4047				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p class="western" style="margin-bottom:13px">Get fast-acting relief from foot pain with Gold Bond&reg; Maximum Strength Foot Pain Relief Cream, featuring 4% lidocaine to help temporarily numb pain.</p>
4048</div>
4049
4050			
4051			
4052				<div id="spacer" class="flex-grow "></div>
4053				<div class="card__actions " x-data="">
4054
4055						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
4056							
4057							<div  class="h-full w-full">
4058
4059
4060  
4061  
4062
4063<style>
4064    .button.active,
4065    .button:not(:focus):hover {
4066        background-image: none;
4067    }
4068
4069    .button:not(.button--gradientBorderHover):hover::before {
4070        z-index: -1;
4071    }
4072
4073    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
4074        background: transparent;
4075        -webkit-background-clip: unset;
4076        -webkit-text-fill-color: unset;
4077    }
4078
4079</style>
4080  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid text-center button--full !flex flex-row h-full justify-center items-center  "                             @click="
4081                                $dispatch('track-event', {
4082                                    'event': 'cmp_event',
4083                                    'title': 'MAXIMUM STRENGTH MEDICATED FOOT PAIN RELIEF CREAM',
4084                                    'position': '2',
4085                                    'context': 'other'
4086                                });
4087                                $dispatch('track-event', {
4088                                    'event': 'select_item',
4089                                    'event_type': 'click',
4090                                    'item_name': 'MAXIMUM STRENGTH MEDICATED FOOT PAIN RELIEF CREAM',
4091                                    'index': 2,
4092                                    'item_category': `CREAM, FOOT, ANTI-ITCH & OTHER SKIN CONDITIONS`,
4093                                    'item_variant': 'none',
4094                                    'item_id': '2bb3bc13-fec4-46eb-9183-f98e57213c32',
4095                                });
4096                            "
4097 
4098      href="/en-us/products/medicated-foot-pain-relief"
4099  >
4100
4101    
4102
4103    <span class="  ">
4104
4105        <span>
4106												
4107													SHOP NOW  
4108        </span>
4109        
4110    </span>
4111  </a>
4112							</div>
4113						</div>
4114				</div>
4115		</div>
4116
4117	</div>
4118
4119
4120
4121
4122
4123                            
4124
4125
4126
4127                            
4128
4129
4130
4131
4132
4133
4134
4135
4136
4137
4138	
4139
4140
4141
4142
4143
4144
4145
4146
4147
4148	<div  class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent  shadow-sm hover:shadow-lg  relative" style='border-radius: 15px'>
4149					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
4150
4151
4152						<a href="/en-us/products/healing-sensitive" title="" target=""                             @click="
4153                                $dispatch('track-event', {
4154                                    'event': 'cmp_event',
4155                                    'title': 'DAILY BODY &amp; FACE HEALING SENSITIVE LOTION',
4156                                    'position': '3',
4157                                    'context': 'other'
4158                                });
4159                                $dispatch('track-event', {
4160                                    'event': 'select_item',
4161                                    'event_type': 'click',
4162                                    'item_name': 'DAILY BODY &amp; FACE HEALING SENSITIVE LOTION',
4163                                    'index': 3,
4164                                    'item_category': `LOTION, CREAM, DAILY MOISTURIZER, NECK & CHEST, BODY, FACE, HAND, FOOT`,
4165                                    'item_variant': 'none',
4166                                    'item_id': '6d19eba1-59ea-4aea-aa9f-8ddbf73989c6',
4167                                });
4168                            "
4169>
4170
4171
4172
4173
4174
4175
4176
4177
4178
4179
4180            <div class="uiImage relative block w-full card__image"  data-imageren=true>
4181
4182
4183
4184             
4185
4186
4187                  <img
4188                                width="1344" height="1650"
4189
4190    src="/dam/jcr:c989df90-493f-4978-8cfd-2eef51ec3cfa/GoldBond_HealingSensitive_13oz_Tube_F_New_1344x1650.webp"
4191    loading="lazy"
4192    decoding="async"
4193    data-fade-in="true"
4194                    class="w-full block object-contain h-300  "
4195                    alt="Front image of the Gold Bond Healing Sensitive lotion 13 oz pump"
4196                    
4197                    
4198                  />
4199
4200
4201            
4202          </div>
4203		
4204						</a>
4205
4206			</div>
4207
4208				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
4209
4210
4211
4212							<a href="/en-us/products/healing-sensitive" title="" target=""                             @click="
4213                                $dispatch('track-event', {
4214                                    'event': 'cmp_event',
4215                                    'title': 'DAILY BODY &amp; FACE HEALING SENSITIVE LOTION',
4216                                    'position': '3',
4217                                    'context': 'other'
4218                                });
4219                                $dispatch('track-event', {
4220                                    'event': 'select_item',
4221                                    'event_type': 'click',
4222                                    'item_name': 'DAILY BODY &amp; FACE HEALING SENSITIVE LOTION',
4223                                    'index': 3,
4224                                    'item_category': `LOTION, CREAM, DAILY MOISTURIZER, NECK & CHEST, BODY, FACE, HAND, FOOT`,
4225                                    'item_variant': 'none',
4226                                    'item_id': '6d19eba1-59ea-4aea-aa9f-8ddbf73989c6',
4227                                });
4228                            "
4229>
4230						<h3 class="font-card break-words 						text-default
4231  text-title-6 text- hover:underline">DAILY BODY & FACE HEALING SENSITIVE LOTION</h3>
4232							</a>
4233
4234			
4235			
4236			
4237				<div class="py-2 flex justify-start">
4238						<div x-data="" x-init="$loadScript(`https://apps.bazaarvoice.com/deployments/goldbond/main_site/production/en_US/bv.js`)" data-bv-show="inline_rating" data-bv-product-id="0411670604" data-bv-redirect-url="/en-us/products/healing-sensitive#review_section"></div>
4239				</div>
4240
4241					<div class="mb-4">
4242
4243
4244        <ul class="flex flex-wrap font-body justify-start">
4245
4246
4247                        
4248                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4249                    <a href='/en-us/products?category=f0e2b6f8-6f92-4029-a4e3-370248dae43c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4250                        <span >
4251                            LOTION
4252                        </span>
4253                    </a>
4254                </li>
4255
4256
4257                        
4258                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4259                    <a href='/en-us/products?category=a04efb05-15c8-4b3f-ba72-f01c6fd5f6eb' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4260                        <span >
4261                            CREAM
4262                        </span>
4263                    </a>
4264                </li>
4265
4266
4267                        
4268                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4269                    <a href='/en-us/products?category=5152b2ca-b3aa-4638-bdc7-5197854eccf7' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4270                        <span >
4271                            DAILY MOISTURIZER
4272                        </span>
4273                    </a>
4274                </li>
4275
4276
4277                        
4278                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4279                    <a href='/en-us/products?category=a550f770-100b-4baa-a7f5-8677493fca4f' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4280                        <span >
4281                            NECK & CHEST
4282                        </span>
4283                    </a>
4284                </li>
4285
4286
4287                        
4288                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4289                    <a href='/en-us/products?category=c4a48893-be3f-4c6e-ab75-1cdfee57be13' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4290                        <span >
4291                            BODY
4292                        </span>
4293                    </a>
4294                </li>
4295
4296
4297                        
4298                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4299                    <a href='/en-us/products?category=d93bc338-cccd-4293-826a-9daf2658f5d5' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4300                        <span >
4301                            FACE
4302                        </span>
4303                    </a>
4304                </li>
4305
4306
4307                        
4308                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4309                    <a href='/en-us/products?category=a3a5d13b-b3ad-4e65-9d99-c0ed6961f39d' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4310                        <span >
4311                            HAND
4312                        </span>
4313                    </a>
4314                </li>
4315
4316
4317                        
4318                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4319                    <a href='/en-us/products?category=89a3adb0-8536-4c75-81a2-025e30f22c30' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4320                        <span >
4321                            FOOT
4322                        </span>
4323                    </a>
4324                </li>
4325        </ul>
4326					</div>
4327
4328				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p>Moisturizes, heals and soothes dry, sensitive skin.</p>
4329</div>
4330
4331			
4332			
4333				<div id="spacer" class="flex-grow "></div>
4334				<div class="card__actions " x-data="">
4335
4336						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
4337							
4338							<div  class="h-full w-full">
4339
4340
4341  
4342  
4343
4344<style>
4345    .button.active,
4346    .button:not(:focus):hover {
4347        background-image: none;
4348    }
4349
4350    .button:not(.button--gradientBorderHover):hover::before {
4351        z-index: -1;
4352    }
4353
4354    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
4355        background: transparent;
4356        -webkit-background-clip: unset;
4357        -webkit-text-fill-color: unset;
4358    }
4359
4360</style>
4361  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid text-center button--full !flex flex-row h-full justify-center items-center  "                             @click="
4362                                $dispatch('track-event', {
4363                                    'event': 'cmp_event',
4364                                    'title': 'DAILY BODY &amp; FACE HEALING SENSITIVE LOTION',
4365                                    'position': '3',
4366                                    'context': 'other'
4367                                });
4368                                $dispatch('track-event', {
4369                                    'event': 'select_item',
4370                                    'event_type': 'click',
4371                                    'item_name': 'DAILY BODY &amp; FACE HEALING SENSITIVE LOTION',
4372                                    'index': 3,
4373                                    'item_category': `LOTION, CREAM, DAILY MOISTURIZER, NECK & CHEST, BODY, FACE, HAND, FOOT`,
4374                                    'item_variant': 'none',
4375                                    'item_id': '6d19eba1-59ea-4aea-aa9f-8ddbf73989c6',
4376                                });
4377                            "
4378 
4379      href="/en-us/products/healing-sensitive"
4380  >
4381
4382    
4383
4384    <span class="  ">
4385
4386        <span>
4387												
4388													SHOP NOW  
4389        </span>
4390        
4391    </span>
4392  </a>
4393							</div>
4394						</div>
4395				</div>
4396		</div>
4397
4398	</div>
4399
4400
4401
4402
4403
4404                            
4405
4406
4407
4408                            
4409
4410
4411
4412
4413
4414
4415
4416
4417
4418
4419	
4420
4421
4422
4423
4424
4425
4426
4427
4428
4429	<div  class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent  shadow-sm hover:shadow-lg  relative" style='border-radius: 15px'>
4430					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
4431
4432
4433						<a href="/en-us/products/retinol-overnight" title="" target=""                             @click="
4434                                $dispatch('track-event', {
4435                                    'event': 'cmp_event',
4436                                    'title': 'RETINOL OVERNIGHT BODY &amp; FACE LOTION',
4437                                    'position': '4',
4438                                    'context': 'other'
4439                                });
4440                                $dispatch('track-event', {
4441                                    'event': 'select_item',
4442                                    'event_type': 'click',
4443                                    'item_name': 'RETINOL OVERNIGHT BODY &amp; FACE LOTION',
4444                                    'index': 4,
4445                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`,
4446                                    'item_variant': 'none',
4447                                    'item_id': '36907ad5-9bc6-4a4d-b489-beea6d8b272e',
4448                                });
4449                            "
4450>
4451
4452
4453
4454
4455
4456
4457
4458
4459
4460
4461            <div class="uiImage relative block w-full card__image"  data-imageren=true>
4462
4463
4464
4465             
4466
4467
4468                  <img
4469                                width="1344" height="1650"
4470
4471    src="/dam/jcr:aee82eb7-5d78-4ef8-b7bc-f5949a47d6d0/GoldBond_Retinol_tube_PDP_F.webp"
4472    loading="lazy"
4473    decoding="async"
4474    data-fade-in="true"
4475                    class="w-full block object-contain h-300  "
4476                    alt="Front of Gold Bond Age Renew Retinol Overnight Body & Face Lotion tube"
4477                    
4478                    
4479                  />
4480
4481
4482            
4483          </div>
4484		
4485						</a>
4486
4487			</div>
4488
4489				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
4490
4491
4492
4493							<a href="/en-us/products/retinol-overnight" title="" target=""                             @click="
4494                                $dispatch('track-event', {
4495                                    'event': 'cmp_event',
4496                                    'title': 'RETINOL OVERNIGHT BODY &amp; FACE LOTION',
4497                                    'position': '4',
4498                                    'context': 'other'
4499                                });
4500                                $dispatch('track-event', {
4501                                    'event': 'select_item',
4502                                    'event_type': 'click',
4503                                    'item_name': 'RETINOL OVERNIGHT BODY &amp; FACE LOTION',
4504                                    'index': 4,
4505                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`,
4506                                    'item_variant': 'none',
4507                                    'item_id': '36907ad5-9bc6-4a4d-b489-beea6d8b272e',
4508                                });
4509                            "
4510>
4511						<h3 class="font-card break-words 						text-default
4512  text-title-6 text- hover:underline">RETINOL OVERNIGHT BODY & FACE LOTION</h3>
4513							</a>
4514
4515			
4516			
4517			
4518				<div class="py-2 flex justify-start">
4519						<div x-data="" x-init="$loadScript(`https://apps.bazaarvoice.com/deployments/goldbond/main_site/production/en_US/bv.js`)" data-bv-show="inline_rating" data-bv-product-id="retinal-overnight" data-bv-redirect-url="/en-us/products/retinol-overnight#review_section"></div>
4520				</div>
4521
4522					<div class="mb-4">
4523
4524
4525        <ul class="flex flex-wrap font-body justify-start">
4526
4527
4528                        
4529                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4530                    <a href='/en-us/products?category=9648871e-5cc1-4331-8841-40293a4c5802' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4531                        <span >
4532                            AGING SKIN
4533                        </span>
4534                    </a>
4535                </li>
4536
4537
4538                        
4539                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4540                    <a href='/en-us/products?category=f0e2b6f8-6f92-4029-a4e3-370248dae43c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4541                        <span >
4542                            LOTION
4543                        </span>
4544                    </a>
4545                </li>
4546
4547
4548                        
4549                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4550                    <a href='/en-us/products?category=d93bc338-cccd-4293-826a-9daf2658f5d5' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4551                        <span >
4552                            FACE
4553                        </span>
4554                    </a>
4555                </li>
4556
4557
4558                        
4559                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4560                    <a href='/en-us/products?category=c4a48893-be3f-4c6e-ab75-1cdfee57be13' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4561                        <span >
4562                            BODY
4563                        </span>
4564                    </a>
4565                </li>
4566
4567
4568                        
4569                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4570                    <a href='/en-us/products?category=a550f770-100b-4baa-a7f5-8677493fca4f' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4571                        <span >
4572                            NECK & CHEST
4573                        </span>
4574                    </a>
4575                </li>
4576
4577
4578                        
4579                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4580                    <a href='/en-us/products?category=a3a5d13b-b3ad-4e65-9d99-c0ed6961f39d' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4581                        <span >
4582                            HAND
4583                        </span>
4584                    </a>
4585                </li>
4586
4587
4588                        
4589                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4590                    <a href='/en-us/products?category=89a3adb0-8536-4c75-81a2-025e30f22c30' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4591                        <span >
4592                            FOOT
4593                        </span>
4594                    </a>
4595                </li>
4596
4597
4598                        
4599                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4600                    <a href='/en-us/products?category=056e91e8-8f15-4757-ae21-0c5806c9e915' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4601                        <span >
4602                            ANTIOXIDANT DEFENSE
4603                        </span>
4604                    </a>
4605                </li>
4606
4607
4608                        
4609                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4610                    <a href='/en-us/products?category=9b39174c-d6d8-4829-9ead-547b5f9a7b80' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4611                        <span >
4612                            PLUMPING COLLAGEN LOTION
4613                        </span>
4614                    </a>
4615                </li>
4616        </ul>
4617					</div>
4618
4619				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p>Clinically shown to reveal smoother, younger-looking skin overnight.</p>
4620</div>
4621
4622			
4623			
4624				<div id="spacer" class="flex-grow "></div>
4625				<div class="card__actions " x-data="">
4626
4627						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
4628							
4629							<div  class="h-full w-full">
4630
4631
4632  
4633  
4634
4635<style>
4636    .button.active,
4637    .button:not(:focus):hover {
4638        background-image: none;
4639    }
4640
4641    .button:not(.button--gradientBorderHover):hover::before {
4642        z-index: -1;
4643    }
4644
4645    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
4646        background: transparent;
4647        -webkit-background-clip: unset;
4648        -webkit-text-fill-color: unset;
4649    }
4650
4651</style>
4652  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid text-center button--full !flex flex-row h-full justify-center items-center  "                             @click="
4653                                $dispatch('track-event', {
4654                                    'event': 'cmp_event',
4655                                    'title': 'RETINOL OVERNIGHT BODY &amp; FACE LOTION',
4656                                    'position': '4',
4657                                    'context': 'other'
4658                                });
4659                                $dispatch('track-event', {
4660                                    'event': 'select_item',
4661                                    'event_type': 'click',
4662                                    'item_name': 'RETINOL OVERNIGHT BODY &amp; FACE LOTION',
4663                                    'index': 4,
4664                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`,
4665                                    'item_variant': 'none',
4666                                    'item_id': '36907ad5-9bc6-4a4d-b489-beea6d8b272e',
4667                                });
4668                            "
4669 
4670      href="/en-us/products/retinol-overnight"
4671  >
4672
4673    
4674
4675    <span class="  ">
4676
4677        <span>
4678												
4679													SHOP NOW  
4680        </span>
4681        
4682    </span>
4683  </a>
4684							</div>
4685						</div>
4686				</div>
4687		</div>
4688
4689	</div>
4690
4691
4692
4693
4694
4695                            
4696
4697
4698
4699                            
4700
4701
4702
4703
4704
4705
4706
4707
4708
4709
4710	
4711
4712
4713
4714
4715
4716
4717
4718
4719
4720	<div  class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent  shadow-sm hover:shadow-lg  relative" style='border-radius: 15px'>
4721					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
4722
4723
4724						<a href="/en-us/products/eczema-relief" title="" target=""                             @click="
4725                                $dispatch('track-event', {
4726                                    'event': 'cmp_event',
4727                                    'title': 'ECZEMA RELIEF CREAM',
4728                                    'position': '5',
4729                                    'context': 'other'
4730                                });
4731                                $dispatch('track-event', {
4732                                    'event': 'select_item',
4733                                    'event_type': 'click',
4734                                    'item_name': 'ECZEMA RELIEF CREAM',
4735                                    'index': 5,
4736                                    'item_category': `ECZEMA, ANTI-ITCH & OTHER SKIN CONDITIONS, LOTION, CREAM, BODY, NECK & CHEST, HAND, FOOT`,
4737                                    'item_variant': 'none',
4738                                    'item_id': 'a564a4a5-6d2b-429a-8b16-6e346e87afb0',
4739                                });
4740                            "
4741>
4742
4743
4744
4745
4746
4747
4748
4749
4750
4751
4752            <div class="uiImage relative block w-full card__image"  data-imageren=false>
4753
4754
4755
4756             
4757
4758
4759                    <img
4760                      
4761    src="/.imaging/webp/sanofi-chc/imgAutox300/dam/goldbond-reskin/products/eczema-relief/GoldBond_EczemaRelief_8oz_Tube_F_EAGLE_1344x1650.webp/jcr:content/GoldBond_EczemaRelief_8oz_Tube_F_EAGLE_1344x1650.webp"
4762    loading="lazy"
4763    decoding="async"
4764    data-fade-in="true"
4765                      class="w-full block object-contain h-300 "
4766                      alt="Front of Gold Bond Eczema Relief Lotion"
4767                      
4768                      
4769                      
4770                    />
4771
4772
4773              
4774          </div>
4775		
4776						</a>
4777
4778			</div>
4779
4780				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
4781
4782
4783
4784							<a href="/en-us/products/eczema-relief" title="" target=""                             @click="
4785                                $dispatch('track-event', {
4786                                    'event': 'cmp_event',
4787                                    'title': 'ECZEMA RELIEF CREAM',
4788                                    'position': '5',
4789                                    'context': 'other'
4790                                });
4791                                $dispatch('track-event', {
4792                                    'event': 'select_item',
4793                                    'event_type': 'click',
4794                                    'item_name': 'ECZEMA RELIEF CREAM',
4795                                    'index': 5,
4796                                    'item_category': `ECZEMA, ANTI-ITCH & OTHER SKIN CONDITIONS, LOTION, CREAM, BODY, NECK & CHEST, HAND, FOOT`,
4797                                    'item_variant': 'none',
4798                                    'item_id': 'a564a4a5-6d2b-429a-8b16-6e346e87afb0',
4799                                });
4800                            "
4801>
4802						<h3 class="font-card break-words 						text-default
4803  text-title-6 text- hover:underline">ECZEMA RELIEF CREAM</h3>
4804							</a>
4805
4806			
4807			
4808			
4809				<div class="py-2 flex justify-start">
4810						<div x-data="" x-init="$loadScript(`https://apps.bazaarvoice.com/deployments/goldbond/main_site/production/en_US/bv.js`)" data-bv-show="inline_rating" data-bv-product-id="eczema8" data-bv-redirect-url="/en-us/products/eczema-relief#review_section"></div>
4811				</div>
4812
4813					<div class="mb-4">
4814
4815
4816        <ul class="flex flex-wrap font-body justify-start">
4817
4818
4819                        
4820                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4821                    <a href='/en-us/products?category=200f1855-5b3c-4867-88fb-ad6afaac7d6e' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4822                        <span >
4823                            ECZEMA
4824                        </span>
4825                    </a>
4826                </li>
4827
4828
4829                        
4830                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4831                    <a href='/en-us/products?category=5b60d0aa-982d-4af1-9b51-f1d1eb8f0995' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4832                        <span >
4833                            ANTI-ITCH & OTHER SKIN CONDITIONS
4834                        </span>
4835                    </a>
4836                </li>
4837
4838
4839                        
4840                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4841                    <a href='/en-us/products?category=f0e2b6f8-6f92-4029-a4e3-370248dae43c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4842                        <span >
4843                            LOTION
4844                        </span>
4845                    </a>
4846                </li>
4847
4848
4849                        
4850                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4851                    <a href='/en-us/products?category=a04efb05-15c8-4b3f-ba72-f01c6fd5f6eb' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4852                        <span >
4853                            CREAM
4854                        </span>
4855                    </a>
4856                </li>
4857
4858
4859                        
4860                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4861                    <a href='/en-us/products?category=c4a48893-be3f-4c6e-ab75-1cdfee57be13' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4862                        <span >
4863                            BODY
4864                        </span>
4865                    </a>
4866                </li>
4867
4868
4869                        
4870                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4871                    <a href='/en-us/products?category=a550f770-100b-4baa-a7f5-8677493fca4f' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4872                        <span >
4873                            NECK & CHEST
4874                        </span>
4875                    </a>
4876                </li>
4877
4878
4879                        
4880                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4881                    <a href='/en-us/products?category=a3a5d13b-b3ad-4e65-9d99-c0ed6961f39d' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4882                        <span >
4883                            HAND
4884                        </span>
4885                    </a>
4886                </li>
4887
4888
4889                        
4890                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
4891                    <a href='/en-us/products?category=89a3adb0-8536-4c75-81a2-025e30f22c30' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4892                        <span >
4893                            FOOT
4894                        </span>
4895                    </a>
4896                </li>
4897        </ul>
4898					</div>
4899
4900				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p>The #1 eczema symptom relief brand in the hand and body lotion aisle*</p>
4901</div>
4902
4903			
4904			
4905				<div id="spacer" class="flex-grow "></div>
4906				<div class="card__actions " x-data="">
4907
4908						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
4909							
4910							<div  class="h-full w-full">
4911
4912
4913  
4914  
4915
4916<style>
4917    .button.active,
4918    .button:not(:focus):hover {
4919        background-image: none;
4920    }
4921
4922    .button:not(.button--gradientBorderHover):hover::before {
4923        z-index: -1;
4924    }
4925
4926    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
4927        background: transparent;
4928        -webkit-background-clip: unset;
4929        -webkit-text-fill-color: unset;
4930    }
4931
4932</style>
4933  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid text-center button--full !flex flex-row h-full justify-center items-center  "                             @click="
4934                                $dispatch('track-event', {
4935                                    'event': 'cmp_event',
4936                                    'title': 'ECZEMA RELIEF CREAM',
4937                                    'position': '5',
4938                                    'context': 'other'
4939                                });
4940                                $dispatch('track-event', {
4941                                    'event': 'select_item',
4942                                    'event_type': 'click',
4943                                    'item_name': 'ECZEMA RELIEF CREAM',
4944                                    'index': 5,
4945                                    'item_category': `ECZEMA, ANTI-ITCH & OTHER SKIN CONDITIONS, LOTION, CREAM, BODY, NECK & CHEST, HAND, FOOT`,
4946                                    'item_variant': 'none',
4947                                    'item_id': 'a564a4a5-6d2b-429a-8b16-6e346e87afb0',
4948                                });
4949                            "
4950 
4951      href="/en-us/products/eczema-relief"
4952  >
4953
4954    
4955
4956    <span class="  ">
4957
4958        <span>
4959												
4960													SHOP NOW  
4961        </span>
4962        
4963    </span>
4964  </a>
4965							</div>
4966						</div>
4967				</div>
4968		</div>
4969
4970	</div>
4971
4972
4973
4974
4975
4976                            
4977
4978
4979
4980                            
4981
4982
4983
4984
4985
4986
4987
4988
4989
4990
4991	
4992
4993
4994
4995
4996
4997
4998
4999
5000
5001	<div  class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent  shadow-sm hover:shadow-lg  relative" style='border-radius: 15px'>
5002					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
5003
5004
5005						<a href="/en-us/products/tight-and-firm" title="" target=""                             @click="
5006                                $dispatch('track-event', {
5007                                    'event': 'cmp_event',
5008                                    'title': 'TIGHT &amp; FIRM BODY &amp; FACE LOTION',
5009                                    'position': '6',
5010                                    'context': 'other'
5011                                });
5012                                $dispatch('track-event', {
5013                                    'event': 'select_item',
5014                                    'event_type': 'click',
5015                                    'item_name': 'TIGHT &amp; FIRM BODY &amp; FACE LOTION',
5016                                    'index': 6,
5017                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`,
5018                                    'item_variant': 'none',
5019                                    'item_id': '73d669a9-2b9b-40bb-9d50-6e26e8c678f5',
5020                                });
5021                            "
5022>
5023
5024
5025
5026
5027
5028
5029
5030
5031
5032
5033            <div class="uiImage relative block w-full card__image"  data-imageren=true>
5034
5035
5036
5037             
5038
5039
5040                  <img
5041                                width="976" height="1200"
5042
5043    src="/dam/jcr:b5a29b2b-655a-4734-97c9-669517a36d40/GoldBond_ProductCard_TightFirm%20(1).webp"
5044    loading="lazy"
5045    decoding="async"
5046    data-fade-in="true"
5047                    class="w-full block object-contain h-300  "
5048                    alt="Front image of the Gold Bond Age Renew Tight & Firm Body and Face Lotion tube."
5049                    
5050                    
5051                  />
5052
5053
5054            
5055          </div>
5056		
5057						</a>
5058
5059			</div>
5060
5061				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
5062
5063
5064
5065							<a href="/en-us/products/tight-and-firm" title="" target=""                             @click="
5066                                $dispatch('track-event', {
5067                                    'event': 'cmp_event',
5068                                    'title': 'TIGHT &amp; FIRM BODY &amp; FACE LOTION',
5069                                    'position': '6',
5070                                    'context': 'other'
5071                                });
5072                                $dispatch('track-event', {
5073                                    'event': 'select_item',
5074                                    'event_type': 'click',
5075                                    'item_name': 'TIGHT &amp; FIRM BODY &amp; FACE LOTION',
5076                                    'index': 6,
5077                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`,
5078                                    'item_variant': 'none',
5079                                    'item_id': '73d669a9-2b9b-40bb-9d50-6e26e8c678f5',
5080                                });
5081                            "
5082>
5083						<h3 class="font-card break-words 						text-default
5084  text-title-6 text- hover:underline">TIGHT & FIRM BODY & FACE LOTION</h3>
5085							</a>
5086
5087			
5088			
5089			
5090				<div class="py-2 flex justify-start">
5091						<div x-data="" x-init="$loadScript(`https://apps.bazaarvoice.com/deployments/goldbond/main_site/production/en_US/bv.js`)" data-bv-show="inline_rating" data-bv-product-id="Tight_Firm" data-bv-redirect-url="/en-us/products/tight-and-firm#review_section"></div>
5092				</div>
5093
5094					<div class="mb-4">
5095
5096
5097        <ul class="flex flex-wrap font-body justify-start">
5098
5099
5100                        
5101                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5102                    <a href='/en-us/products?category=9648871e-5cc1-4331-8841-40293a4c5802' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5103                        <span >
5104                            AGING SKIN
5105                        </span>
5106                    </a>
5107                </li>
5108
5109
5110                        
5111                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5112                    <a href='/en-us/products?category=f0e2b6f8-6f92-4029-a4e3-370248dae43c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5113                        <span >
5114                            LOTION
5115                        </span>
5116                    </a>
5117                </li>
5118
5119
5120                        
5121                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5122                    <a href='/en-us/products?category=d93bc338-cccd-4293-826a-9daf2658f5d5' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5123                        <span >
5124                            FACE
5125                        </span>
5126                    </a>
5127                </li>
5128
5129
5130                        
5131                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5132                    <a href='/en-us/products?category=c4a48893-be3f-4c6e-ab75-1cdfee57be13' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5133                        <span >
5134                            BODY
5135                        </span>
5136                    </a>
5137                </li>
5138
5139
5140                        
5141                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5142                    <a href='/en-us/products?category=a550f770-100b-4baa-a7f5-8677493fca4f' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5143                        <span >
5144                            NECK & CHEST
5145                        </span>
5146                    </a>
5147                </li>
5148
5149
5150                        
5151                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5152                    <a href='/en-us/products?category=a3a5d13b-b3ad-4e65-9d99-c0ed6961f39d' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5153                        <span >
5154                            HAND
5155                        </span>
5156                    </a>
5157                </li>
5158
5159
5160                        
5161                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5162                    <a href='/en-us/products?category=89a3adb0-8536-4c75-81a2-025e30f22c30' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5163                        <span >
5164                            FOOT
5165                        </span>
5166                    </a>
5167                </li>
5168
5169
5170                        
5171                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5172                    <a href='/en-us/products?category=056e91e8-8f15-4757-ae21-0c5806c9e915' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5173                        <span >
5174                            ANTIOXIDANT DEFENSE
5175                        </span>
5176                    </a>
5177                </li>
5178
5179
5180                        
5181                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5182                    <a href='/en-us/products?category=9b39174c-d6d8-4829-9ead-547b5f9a7b80' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5183                        <span >
5184                            PLUMPING COLLAGEN LOTION
5185                        </span>
5186                    </a>
5187                </li>
5188        </ul>
5189					</div>
5190
5191				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p>Smoothes loose, sagging skin with a powerful Skin-Firming Complex.</p>
5192</div>
5193
5194			
5195			
5196				<div id="spacer" class="flex-grow "></div>
5197				<div class="card__actions " x-data="">
5198
5199						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
5200							
5201							<div  class="h-full w-full">
5202
5203
5204  
5205  
5206
5207<style>
5208    .button.active,
5209    .button:not(:focus):hover {
5210        background-image: none;
5211    }
5212
5213    .button:not(.button--gradientBorderHover):hover::before {
5214        z-index: -1;
5215    }
5216
5217    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
5218        background: transparent;
5219        -webkit-background-clip: unset;
5220        -webkit-text-fill-color: unset;
5221    }
5222
5223</style>
5224  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid text-center button--full !flex flex-row h-full justify-center items-center  "                             @click="
5225                                $dispatch('track-event', {
5226                                    'event': 'cmp_event',
5227                                    'title': 'TIGHT &amp; FIRM BODY &amp; FACE LOTION',
5228                                    'position': '6',
5229                                    'context': 'other'
5230                                });
5231                                $dispatch('track-event', {
5232                                    'event': 'select_item',
5233                                    'event_type': 'click',
5234                                    'item_name': 'TIGHT &amp; FIRM BODY &amp; FACE LOTION',
5235                                    'index': 6,
5236                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`,
5237                                    'item_variant': 'none',
5238                                    'item_id': '73d669a9-2b9b-40bb-9d50-6e26e8c678f5',
5239                                });
5240                            "
5241 
5242      href="/en-us/products/tight-and-firm"
5243  >
5244
5245    
5246
5247    <span class="  ">
5248
5249        <span>
5250												
5251													SHOP NOW  
5252        </span>
5253        
5254    </span>
5255  </a>
5256							</div>
5257						</div>
5258				</div>
5259		</div>
5260
5261	</div>
5262
5263
5264
5265
5266
5267                            
5268
5269
5270
5271                            
5272
5273
5274
5275
5276
5277
5278
5279
5280
5281
5282	
5283
5284
5285
5286
5287
5288
5289
5290
5291
5292	<div  class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent  shadow-sm hover:shadow-lg  relative" style='border-radius: 15px'>
5293					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
5294
5295
5296						<a href="/en-us/products/maximum-strength-medicated-foot-powder" title="" target=""                             @click="
5297                                $dispatch('track-event', {
5298                                    'event': 'cmp_event',
5299                                    'title': 'FOOT POWDER',
5300                                    'position': '7',
5301                                    'context': 'other'
5302                                });
5303                                $dispatch('track-event', {
5304                                    'event': 'select_item',
5305                                    'event_type': 'click',
5306                                    'item_name': 'FOOT POWDER',
5307                                    'index': 7,
5308                                    'item_category': `MOISTURE & ODOR CONTROL, ANTI-ITCH & OTHER SKIN CONDITIONS, POWDER, FOOT`,
5309                                    'item_variant': 'none',
5310                                    'item_id': 'aea140ab-cfb1-4ad2-9ad2-99f025b22954',
5311                                });
5312                            "
5313>
5314
5315
5316
5317
5318
5319
5320
5321
5322
5323
5324            <div class="uiImage relative block w-full card__image"  data-imageren=false>
5325
5326
5327
5328             
5329
5330
5331                    <img
5332                      
5333    src="/.imaging/webp/sanofi-chc/imgAutox300/dam/goldbond-reskin/products/maximum-strength-medicated-foot-powder/GoldBond_MaxFootPowder_4oz_Btl_F.webp/jcr:content/GoldBond_MaxFootPowder_4oz_Btl_F.webp"
5334    loading="lazy"
5335    decoding="async"
5336    data-fade-in="true"
5337                      class="w-full block object-contain h-300 "
5338                      alt="Front of Gold Bond Maximum Strength Medicated Foot Powder bottle 4oz"
5339                      
5340                      
5341                      
5342                    />
5343
5344
5345              
5346          </div>
5347		
5348						</a>
5349
5350			</div>
5351
5352				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
5353
5354
5355
5356							<a href="/en-us/products/maximum-strength-medicated-foot-powder" title="" target=""                             @click="
5357                                $dispatch('track-event', {
5358                                    'event': 'cmp_event',
5359                                    'title': 'FOOT POWDER',
5360                                    'position': '7',
5361                                    'context': 'other'
5362                                });
5363                                $dispatch('track-event', {
5364                                    'event': 'select_item',
5365                                    'event_type': 'click',
5366                                    'item_name': 'FOOT POWDER',
5367                                    'index': 7,
5368                                    'item_category': `MOISTURE & ODOR CONTROL, ANTI-ITCH & OTHER SKIN CONDITIONS, POWDER, FOOT`,
5369                                    'item_variant': 'none',
5370                                    'item_id': 'aea140ab-cfb1-4ad2-9ad2-99f025b22954',
5371                                });
5372                            "
5373>
5374						<h3 class="font-card break-words 						text-default
5375  text-title-6 text- hover:underline">FOOT POWDER</h3>
5376							</a>
5377
5378			
5379			
5380			
5381				<div class="py-2 flex justify-start">
5382						<div x-data="" x-init="$loadScript(`https://apps.bazaarvoice.com/deployments/goldbond/main_site/production/en_US/bv.js`)" data-bv-show="inline_rating" data-bv-product-id="footpowder10" data-bv-redirect-url="/en-us/products/maximum-strength-medicated-foot-powder#review_section"></div>
5383				</div>
5384
5385					<div class="mb-4">
5386
5387
5388        <ul class="flex flex-wrap font-body justify-start">
5389
5390
5391                        
5392                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5393                    <a href='/en-us/products?category=4a597dca-a057-4c77-b82c-431844a47c15' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5394                        <span >
5395                            MOISTURE & ODOR CONTROL
5396                        </span>
5397                    </a>
5398                </li>
5399
5400
5401                        
5402                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5403                    <a href='/en-us/products?category=5b60d0aa-982d-4af1-9b51-f1d1eb8f0995' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5404                        <span >
5405                            ANTI-ITCH & OTHER SKIN CONDITIONS
5406                        </span>
5407                    </a>
5408                </li>
5409
5410
5411                        
5412                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5413                    <a href='/en-us/products?category=d46a9871-ead7-4686-981e-bd74df1de64c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5414                        <span >
5415                            POWDER
5416                        </span>
5417                    </a>
5418                </li>
5419
5420
5421                        
5422                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5423                    <a href='/en-us/products?category=89a3adb0-8536-4c75-81a2-025e30f22c30' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5424                        <span >
5425                            FOOT
5426                        </span>
5427                    </a>
5428                </li>
5429        </ul>
5430					</div>
5431
5432				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p>Stay cool, dry, and comfortable with Gold Bond&reg; Medicated Maximum Strength Foot Powder.</p>
5433</div>
5434
5435			
5436			
5437				<div id="spacer" class="flex-grow "></div>
5438				<div class="card__actions " x-data="">
5439
5440						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
5441							
5442							<div  class="h-full w-full">
5443
5444
5445  
5446  
5447
5448<style>
5449    .button.active,
5450    .button:not(:focus):hover {
5451        background-image: none;
5452    }
5453
5454    .button:not(.button--gradientBorderHover):hover::before {
5455        z-index: -1;
5456    }
5457
5458    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
5459        background: transparent;
5460        -webkit-background-clip: unset;
5461        -webkit-text-fill-color: unset;
5462    }
5463
5464</style>
5465  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid text-center button--full !flex flex-row h-full justify-center items-center  "                             @click="
5466                                $dispatch('track-event', {
5467                                    'event': 'cmp_event',
5468                                    'title': 'FOOT POWDER',
5469                                    'position': '7',
5470                                    'context': 'other'
5471                                });
5472                                $dispatch('track-event', {
5473                                    'event': 'select_item',
5474                                    'event_type': 'click',
5475                                    'item_name': 'FOOT POWDER',
5476                                    'index': 7,
5477                                    'item_category': `MOISTURE & ODOR CONTROL, ANTI-ITCH & OTHER SKIN CONDITIONS, POWDER, FOOT`,
5478                                    'item_variant': 'none',
5479                                    'item_id': 'aea140ab-cfb1-4ad2-9ad2-99f025b22954',
5480                                });
5481                            "
5482 
5483      href="/en-us/products/maximum-strength-medicated-foot-powder"
5484  >
5485
5486    
5487
5488    <span class="  ">
5489
5490        <span>
5491												
5492													SHOP NOW  
5493        </span>
5494        
5495    </span>
5496  </a>
5497							</div>
5498						</div>
5499				</div>
5500		</div>
5501
5502	</div>
5503
5504
5505
5506
5507
5508                            
5509
5510
5511
5512                            
5513
5514
5515
5516
5517
5518
5519
5520
5521
5522
5523	
5524
5525
5526
5527
5528
5529
5530
5531
5532
5533	<div  class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent  shadow-sm hover:shadow-lg  relative" style='border-radius: 15px'>
5534					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
5535
5536
5537						<a href="/en-us/products/healing-overnight" title="" target=""                             @click="
5538                                $dispatch('track-event', {
5539                                    'event': 'cmp_event',
5540                                    'title': 'HEALING OVERNIGHT BODY &amp; FACE LOTION',
5541                                    'position': '8',
5542                                    'context': 'other'
5543                                });
5544                                $dispatch('track-event', {
5545                                    'event': 'select_item',
5546                                    'event_type': 'click',
5547                                    'item_name': 'HEALING OVERNIGHT BODY &amp; FACE LOTION',
5548                                    'index': 8,
5549                                    'item_category': `AGING SKIN, LOTION, ANTIOXIDANT DEFENSE`,
5550                                    'item_variant': 'none',
5551                                    'item_id': '98777cca-e2e0-4038-88ed-f8aba3a0062c',
5552                                });
5553                            "
5554>
5555
5556
5557
5558
5559
5560
5561
5562
5563
5564
5565            <div class="uiImage relative block w-full card__image"  data-imageren=true>
5566
5567
5568
5569             
5570
5571
5572                  <img
5573                                width="976" height="1200"
5574
5575    src="/dam/jcr:3ba8c340-ebaa-421a-bd8a-57cfdc5f80bd/GoldBond_ProductCards_OvernightHealing_976x1200%20(1).webp"
5576    loading="lazy"
5577    decoding="async"
5578    data-fade-in="true"
5579                    class="w-full block object-contain h-300  "
5580                    alt="Front of Gold Bond Overnight Deep Moisturizing Lotion tube"
5581                    
5582                    
5583                  />
5584
5585
5586            
5587          </div>
5588		
5589						</a>
5590
5591			</div>
5592
5593				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
5594
5595
5596
5597							<a href="/en-us/products/healing-overnight" title="" target=""                             @click="
5598                                $dispatch('track-event', {
5599                                    'event': 'cmp_event',
5600                                    'title': 'HEALING OVERNIGHT BODY &amp; FACE LOTION',
5601                                    'position': '8',
5602                                    'context': 'other'
5603                                });
5604                                $dispatch('track-event', {
5605                                    'event': 'select_item',
5606                                    'event_type': 'click',
5607                                    'item_name': 'HEALING OVERNIGHT BODY &amp; FACE LOTION',
5608                                    'index': 8,
5609                                    'item_category': `AGING SKIN, LOTION, ANTIOXIDANT DEFENSE`,
5610                                    'item_variant': 'none',
5611                                    'item_id': '98777cca-e2e0-4038-88ed-f8aba3a0062c',
5612                                });
5613                            "
5614>
5615						<h3 class="font-card break-words 						text-default
5616  text-title-6 text- hover:underline">HEALING OVERNIGHT BODY & FACE LOTION</h3>
5617							</a>
5618
5619			
5620			
5621			
5622				<div class="py-2 flex justify-start">
5623						<div x-data="" x-init="$loadScript(`https://apps.bazaarvoice.com/deployments/goldbond/main_site/production/en_US/bv.js`)" data-bv-show="inline_rating" data-bv-product-id="overnight" data-bv-redirect-url="/en-us/products/healing-overnight#review_section"></div>
5624				</div>
5625
5626					<div class="mb-4">
5627
5628
5629        <ul class="flex flex-wrap font-body justify-start">
5630
5631
5632                        
5633                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5634                    <a href='/en-us/products?category=9648871e-5cc1-4331-8841-40293a4c5802' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5635                        <span >
5636                            AGING SKIN
5637                        </span>
5638                    </a>
5639                </li>
5640
5641
5642                        
5643                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5644                    <a href='/en-us/products?category=f0e2b6f8-6f92-4029-a4e3-370248dae43c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5645                        <span >
5646                            LOTION
5647                        </span>
5648                    </a>
5649                </li>
5650
5651
5652                        
5653                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5654                    <a href='/en-us/products?category=056e91e8-8f15-4757-ae21-0c5806c9e915' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5655                        <span >
5656                            ANTIOXIDANT DEFENSE
5657                        </span>
5658                    </a>
5659                </li>
5660        </ul>
5661					</div>
5662
5663				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p>
5663Wake up to nourished skin with Gold Bond&reg; Healing Overnight Lotion. Clinically shown to heal dry skin in one night,* it helps you relax with a lavender scent.</p>
5664</div>
5665
5666			
5667			
5668				<div id="spacer" class="flex-grow "></div>
5669				<div class="card__actions " x-data="">
5670
5671						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
5672							
5673							<div  class="h-full w-full">
5674
5675
5676  
5677  
5678
5679<style>
5680    .button.active,
5681    .button:not(:focus):hover {
5682        background-image: none;
5683    }
5684
5685    .button:not(.button--gradientBorderHover):hover::before {
5686        z-index: -1;
5687    }
5688
5689    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
5690        background: transparent;
5691        -webkit-background-clip: unset;
5692        -webkit-text-fill-color: unset;
5693    }
5694
5695</style>
5696  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid text-center button--full !flex flex-row h-full justify-center items-center  "                             @click="
5697                                $dispatch('track-event', {
5698                                    'event': 'cmp_event',
5699                                    'title': 'HEALING OVERNIGHT BODY &amp; FACE LOTION',
5700                                    'position': '8',
5701                                    'context': 'other'
5702                                });
5703                                $dispatch('track-event', {
5704                                    'event': 'select_item',
5705                                    'event_type': 'click',
5706                                    'item_name': 'HEALING OVERNIGHT BODY &amp; FACE LOTION',
5707                                    'index': 8,
5708                                    'item_category': `AGING SKIN, LOTION, ANTIOXIDANT DEFENSE`,
5709                                    'item_variant': 'none',
5710                                    'item_id': '98777cca-e2e0-4038-88ed-f8aba3a0062c',
5711                                });
5712                            "
5713 
5714      href="/en-us/products/healing-overnight"
5715  >
5716
5717    
5718
5719    <span class="  ">
5720
5721        <span>
5722												
5723													SHOP NOW  
5724        </span>
5725        
5726    </span>
5727  </a>
5728							</div>
5729						</div>
5730				</div>
5731		</div>
5732
5733	</div>
5734
5735
5736
5737
5738
5739                            
5740
5741
5742
5743                            
5744
5745
5746
5747
5748
5749
5750
5751
5752
5753
5754	
5755
5756
5757
5758
5759
5760
5761
5762
5763
5764	<div  class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent  shadow-sm hover:shadow-lg  relative" style='border-radius: 15px'>
5765					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
5766
5767
5768						<a href="/en-us/products/diabetics-dry-skin-relief" title="" target=""                             @click="
5769                                $dispatch('track-event', {
5770                                    'event': 'cmp_event',
5771                                    'title': 'DIABETICS\\&#39; DRY SKIN LOTION',
5772                                    'position': '9',
5773                                    'context': 'other'
5774                                });
5775                                $dispatch('track-event', {
5776                                    'event': 'select_item',
5777                                    'event_type': 'click',
5778                                    'item_name': 'DIABETICS\\&#39; DRY SKIN LOTION',
5779                                    'index': 9,
5780                                    'item_category': `DIABETIC DRY SKIN, LOTION, BODY, NECK & CHEST, HAND, FOOT, ANTI-ITCH & OTHER SKIN CONDITIONS`,
5781                                    'item_variant': 'none',
5782                                    'item_id': '49cd8199-4019-4e8a-b142-9e5adda82982',
5783                                });
5784                            "
5785>
5786
5787
5788
5789
5790
5791
5792
5793
5794
5795
5796            <div class="uiImage relative block w-full card__image"  data-imageren=true>
5797
5798
5799
5800             
5801
5802
5803                  <img
5804                                width="1344" height="1650"
5805
5806    src="/dam/jcr:0264a007-d769-46a4-ad1c-ad63c6bd24d6/05352%20GBU_Diabetics_4.5oz_Tube_F1344x1650.webp"
5807    loading="lazy"
5808    decoding="async"
5809    data-fade-in="true"
5810                    class="w-full block object-contain h-300  "
5811                    alt="Front of Gold Bond Diabetics’ Dry Skin Relief Lotion tube"
5812                    
5813                    
5814                  />
5815
5816
5817            
5818          </div>
5819		
5820						</a>
5821
5822			</div>
5823
5824				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
5825
5826
5827
5828							<a href="/en-us/products/diabetics-dry-skin-relief" title="" target=""                             @click="
5829                                $dispatch('track-event', {
5830                                    'event': 'cmp_event',
5831                                    'title': 'DIABETICS\\&#39; DRY SKIN LOTION',
5832                                    'position': '9',
5833                                    'context': 'other'
5834                                });
5835                                $dispatch('track-event', {
5836                                    'event': 'select_item',
5837                                    'event_type': 'click',
5838                                    'item_name': 'DIABETICS\\&#39; DRY SKIN LOTION',
5839                                    'index': 9,
5840                                    'item_category': `DIABETIC DRY SKIN, LOTION, BODY, NECK & CHEST, HAND, FOOT, ANTI-ITCH & OTHER SKIN CONDITIONS`,
5841                                    'item_variant': 'none',
5842                                    'item_id': '49cd8199-4019-4e8a-b142-9e5adda82982',
5843                                });
5844                            "
5845>
5846						<h3 class="font-card break-words 						text-default
5847  text-title-6 text- hover:underline">DIABETICS' DRY SKIN LOTION</h3>
5848							</a>
5849
5850			
5851			
5852			
5853				<div class="py-2 flex justify-start">
5854						<div x-data="" x-init="$loadScript(`https://apps.bazaarvoice.com/deployments/goldbond/main_site/production/en_US/bv.js`)" data-bv-show="inline_rating" data-bv-product-id="diabetic4" data-bv-redirect-url="/en-us/products/diabetics-dry-skin-relief#review_section"></div>
5855				</div>
5856
5857					<div class="mb-4">
5858
5859
5860        <ul class="flex flex-wrap font-body justify-start">
5861
5862
5863                        
5864                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5865                    <a href='/en-us/products?category=51a83fd8-1cae-4e3b-8f96-bacf621ea3c4' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5866                        <span >
5867                            DIABETIC DRY SKIN
5868                        </span>
5869                    </a>
5870                </li>
5871
5872
5873                        
5874                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5875                    <a href='/en-us/products?category=f0e2b6f8-6f92-4029-a4e3-370248dae43c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5876                        <span >
5877                            LOTION
5878                        </span>
5879                    </a>
5880                </li>
5881
5882
5883                        
5884                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5885                    <a href='/en-us/products?category=c4a48893-be3f-4c6e-ab75-1cdfee57be13' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5886                        <span >
5887                            BODY
5888                        </span>
5889                    </a>
5890                </li>
5891
5892
5893                        
5894                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5895                    <a href='/en-us/products?category=a550f770-100b-4baa-a7f5-8677493fca4f' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5896                        <span >
5897                            NECK & CHEST
5898                        </span>
5899                    </a>
5900                </li>
5901
5902
5903                        
5904                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5905                    <a href='/en-us/products?category=a3a5d13b-b3ad-4e65-9d99-c0ed6961f39d' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5906                        <span >
5907                            HAND
5908                        </span>
5909                    </a>
5910                </li>
5911
5912
5913                        
5914                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5915                    <a href='/en-us/products?category=89a3adb0-8536-4c75-81a2-025e30f22c30' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5916                        <span >
5917                            FOOT
5918                        </span>
5919                    </a>
5920                </li>
5921
5922
5923                        
5924                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
5925                    <a href='/en-us/products?category=5b60d0aa-982d-4af1-9b51-f1d1eb8f0995' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5926                        <span >
5927                            ANTI-ITCH & OTHER SKIN CONDITIONS
5928                        </span>
5929                    </a>
5930                </li>
5931        </ul>
5932					</div>
5933
5934				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p>The #1 lotion brand made for diabetics&rsquo; dry skin.*</p>
5935</div>
5936
5937			
5938			
5939				<div id="spacer" class="flex-grow "></div>
5940				<div class="card__actions " x-data="">
5941
5942						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
5943							
5944							<div  class="h-full w-full">
5945
5946
5947  
5948  
5949
5950<style>
5951    .button.active,
5952    .button:not(:focus):hover {
5953        background-image: none;
5954    }
5955
5956    .button:not(.button--gradientBorderHover):hover::before {
5957        z-index: -1;
5958    }
5959
5960    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
5961        background: transparent;
5962        -webkit-background-clip: unset;
5963        -webkit-text-fill-color: unset;
5964    }
5965
5966</style>
5967  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid text-center button--full !flex flex-row h-full justify-center items-center  "                             @click="
5968                                $dispatch('track-event', {
5969                                    'event': 'cmp_event',
5970                                    'title': 'DIABETICS\\&#39; DRY SKIN LOTION',
5971                                    'position': '9',
5972                                    'context': 'other'
5973                                });
5974                                $dispatch('track-event', {
5975                                    'event': 'select_item',
5976                                    'event_type': 'click',
5977                                    'item_name': 'DIABETICS\\&#39; DRY SKIN LOTION',
5978                                    'index': 9,
5979                                    'item_category': `DIABETIC DRY SKIN, LOTION, BODY, NECK & CHEST, HAND, FOOT, ANTI-ITCH & OTHER SKIN CONDITIONS`,
5980                                    'item_variant': 'none',
5981                                    'item_id': '49cd8199-4019-4e8a-b142-9e5adda82982',
5982                                });
5983                            "
5984 
5985      href="/en-us/products/diabetics-dry-skin-relief"
5986  >
5987
5988    
5989
5990    <span class="  ">
5991
5992        <span>
5993												
5994													SHOP NOW  
5995        </span>
5996        
5997    </span>
5998  </a>
5999							</div>
6000						</div>
6001				</div>
6002		</div>
6003
6004	</div>
6005
6006
6007
6008
6009
6010                            
6011
6012
6013
6014                            
6015
6016
6017
6018
6019
6020
6021
6022
6023
6024
6025	
6026
6027
6028
6029
6030
6031
6032
6033
6034
6035	<div  class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent  shadow-sm hover:shadow-lg  relative" style='border-radius: 15px'>
6036					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
6037
6038
6039						<a href="/en-us/products/healing-with-aloe" title="" target=""                             @click="
6040                                $dispatch('track-event', {
6041                                    'event': 'cmp_event',
6042                                    'title': 'HEALING HYDRATING LOTION/CREAM',
6043                                    'position': '10',
6044                                    'context': 'other'
6045                                });
6046                                $dispatch('track-event', {
6047                                    'event': 'select_item',
6048                                    'event_type': 'click',
6049                                    'item_name': 'HEALING HYDRATING LOTION/CREAM',
6050                                    'index': 10,
6051                                    'item_category': `DAILY MOISTURIZER, LOTION, CREAM, BODY, NECK & CHEST, HAND, FOOT`,
6052                                    'item_variant': 'none',
6053                                    'item_id': 'ecca5655-50ca-497f-9f06-8f1c785cd3be',
6054                                });
6055                            "
6056>
6057
6058
6059
6060
6061
6062
6063
6064
6065
6066
6067            <div class="uiImage relative block w-full card__image"  data-imageren=true>
6068
6069
6070
6071             
6072
6073
6074                  <img
6075                                width="1344" height="1650"
6076
6077    src="/dam/jcr:9156afe6-1b99-480e-8a2a-26fe0ff4d456/GoldBond_UltimateHealingLotion_168oz_Tube_F_1344x1650.webp"
6078    loading="lazy"
6079    decoding="async"
6080    data-fade-in="true"
6081                    class="w-full block object-contain h-300  "
6082                    alt="Front of Gold Bond Healing Hydrating Cream Bottle"
6083                    
6084                    
6085                  />
6086
6087
6088            
6089          </div>
6090		
6091						</a>
6092
6093			</div>
6094
6095				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
6096
6097
6098
6099							<a href="/en-us/products/healing-with-aloe" title="" target=""                             @click="
6100                                $dispatch('track-event', {
6101                                    'event': 'cmp_event',
6102                                    'title': 'HEALING HYDRATING LOTION/CREAM',
6103                                    'position': '10',
6104                                    'context': 'other'
6105                                });
6106                                $dispatch('track-event', {
6107                                    'event': 'select_item',
6108                                    'event_type': 'click',
6109                                    'item_name': 'HEALING HYDRATING LOTION/CREAM',
6110                                    'index': 10,
6111                                    'item_category': `DAILY MOISTURIZER, LOTION, CREAM, BODY, NECK & CHEST, HAND, FOOT`,
6112                                    'item_variant': 'none',
6113                                    'item_id': 'ecca5655-50ca-497f-9f06-8f1c785cd3be',
6114                                });
6115                            "
6116>
6117						<h3 class="font-card break-words 						text-default
6118  text-title-6 text- hover:underline">HEALING HYDRATING LOTION/CREAM</h3>
6119							</a>
6120
6121			
6122			
6123			
6124				<div class="py-2 flex justify-start">
6125						<div x-data="" x-init="$loadScript(`https://apps.bazaarvoice.com/deployments/goldbond/main_site/production/en_US/bv.js`)" data-bv-show="inline_rating" data-bv-product-id="healing20" data-bv-redirect-url="/en-us/products/healing-with-aloe#review_section"></div>
6126				</div>
6127
6128					<div class="mb-4">
6129
6130
6131        <ul class="flex flex-wrap font-body justify-start">
6132
6133
6134                        
6135                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
6136                    <a href='/en-us/products?category=5152b2ca-b3aa-4638-bdc7-5197854eccf7' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6137                        <span >
6138                            DAILY MOISTURIZER
6139                        </span>
6140                    </a>
6141                </li>
6142
6143
6144                        
6145                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
6146                    <a href='/en-us/products?category=f0e2b6f8-6f92-4029-a4e3-370248dae43c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6147                        <span >
6148                            LOTION
6149                        </span>
6150                    </a>
6151                </li>
6152
6153
6154                        
6155                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
6156                    <a href='/en-us/products?category=a04efb05-15c8-4b3f-ba72-f01c6fd5f6eb' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6157                        <span >
6158                            CREAM
6159                        </span>
6160                    </a>
6161                </li>
6162
6163
6164                        
6165                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
6166                    <a href='/en-us/products?category=c4a48893-be3f-4c6e-ab75-1cdfee57be13' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6167                        <span >
6168                            BODY
6169                        </span>
6170                    </a>
6171                </li>
6172
6173
6174                        
6175                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
6176                    <a href='/en-us/products?category=a550f770-100b-4baa-a7f5-8677493fca4f' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6177                        <span >
6178                            NECK & CHEST
6179                        </span>
6180                    </a>
6181                </li>
6182
6183
6184                        
6185                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
6186                    <a href='/en-us/products?category=a3a5d13b-b3ad-4e65-9d99-c0ed6961f39d' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6187                        <span >
6188                            HAND
6189                        </span>
6190                    </a>
6191                </li>
6192
6193
6194                        
6195                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
6196                    <a href='/en-us/products?category=89a3adb0-8536-4c75-81a2-025e30f22c30' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6197                        <span >
6198                            FOOT
6199                        </span>
6200                    </a>
6201                </li>
6202        </ul>
6203					</div>
6204
6205				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p>Moisturize, heal, and smooth dry skin.</p>
6206</div>
6207
6208			
6209			
6210				<div id="spacer" class="flex-grow "></div>
6211				<div class="card__actions " x-data="">
6212
6213						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
6214							
6215							<div  class="h-full w-full">
6216
6217
6218  
6219  
6220
6221<style>
6222    .button.active,
6223    .button:not(:focus):hover {
6224        background-image: none;
6225    }
6226
6227    .button:not(.button--gradientBorderHover):hover::before {
6228        z-index: -1;
6229    }
6230
6231    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
6232        background: transparent;
6233        -webkit-background-clip: unset;
6234        -webkit-text-fill-color: unset;
6235    }
6236
6237</style>
6238  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid text-center button--full !flex flex-row h-full justify-center items-center  "                             @click="
6239                                $dispatch('track-event', {
6240                                    'event': 'cmp_event',
6241                                    'title': 'HEALING HYDRATING LOTION/CREAM',
6242                                    'position': '10',
6243                                    'context': 'other'
6244                                });
6245                                $dispatch('track-event', {
6246                                    'event': 'select_item',
6247                                    'event_type': 'click',
6248                                    'item_name': 'HEALING HYDRATING LOTION/CREAM',
6249                                    'index': 10,
6250                                    'item_category': `DAILY MOISTURIZER, LOTION, CREAM, BODY, NECK & CHEST, HAND, FOOT`,
6251                                    'item_variant': 'none',
6252                                    'item_id': 'ecca5655-50ca-497f-9f06-8f1c785cd3be',
6253                                });
6254                            "
6255 
6256      href="/en-us/products/healing-with-aloe"
6257  >
6258
6259    
6260
6261    <span class="  ">
6262
6263        <span>
6264												
6265													SHOP NOW  
6266        </span>
6267        
6268    </span>
6269  </a>
6270							</div>
6271						</div>
6272				</div>
6273		</div>
6274
6275	</div>
6276
6277
6278
6279
6280
6281                            
6282
6283
6284
6285                            
6286
6287
6288
6289
6290
6291
6292
6293
6294
6295
6296	
6297
6298
6299
6300
6301
6302
6303
6304
6305
6306	<div  class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent  shadow-sm hover:shadow-lg  relative" style='border-radius: 15px'>
6307					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
6308
6309
6310						<a href="/en-us/products/comfort-body-powder" title="" target=""                             @click="
6311                                $dispatch('track-event', {
6312                                    'event': 'cmp_event',
6313                                    'title': 'COMFORT BODY POWDER',
6314                                    'position': '11',
6315                                    'context': 'other'
6316                                });
6317                                $dispatch('track-event', {
6318                                    'event': 'select_item',
6319                                    'event_type': 'click',
6320                                    'item_name': 'COMFORT BODY POWDER',
6321                                    'index': 11,
6322                                    'item_category': `MOISTURE & ODOR CONTROL, NECK & CHEST, BODY, HAND, POWDER`,
6323                                    'item_variant': 'none',
6324                                    'item_id': '4e56faa4-bf78-4012-bb74-9a81c58aab4f',
6325                                });
6326                            "
6327>
6328
6329
6330
6331
6332
6333
6334
6335
6336
6337
6338            <div class="uiImage relative block w-full card__image"  data-imageren=true>
6339
6340
6341
6342             
6343
6344
6345                  <img
6346                                width="1344" height="1650"
6347
6348    src="/dam/jcr:cc2a0aaa-968f-42c1-b195-932b0ed0a2af/GoldBond_ComfortBodyPowder_10oz_Btl_F.webp"
6349    loading="lazy"
6350    decoding="async"
6351    data-fade-in="true"
6352                    class="w-full block object-contain h-300  "
6353                    alt="Front of Gold Bond Comfort Body Powder bottle"
6354                    
6355                    
6356                  />
6357
6358
6359            
6360          </div>
6361		
6362						</a>
6363
6364			</div>
6365
6366				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
6367
6368
6369
6370							<a href="/en-us/products/comfort-body-powder" title="" target=""                             @click="
6371                                $dispatch('track-event', {
6372                                    'event': 'cmp_event',
6373                                    'title': 'COMFORT BODY POWDER',
6374                                    'position': '11',
6375                                    'context': 'other'
6376                                });
6377                                $dispatch('track-event', {
6378                                    'event': 'select_item',
6379                                    'event_type': 'click',
6380                                    'item_name': 'COMFORT BODY POWDER',
6381                                    'index': 11,
6382                                    'item_category': `MOISTURE & ODOR CONTROL, NECK & CHEST, BODY, HAND, POWDER`,
6383                                    'item_variant': 'none',
6384                                    'item_id': '4e56faa4-bf78-4012-bb74-9a81c58aab4f',
6385                                });
6386                            "
6387>
6388						<h3 class="font-card break-words 						text-default
6389  text-title-6 text- hover:underline">COMFORT BODY POWDER</h3>
6390							</a>
6391
6392			
6393			
6394			
6395				<div class="py-2 flex justify-start">
6396						<div x-data="" x-init="$loadScript(`https://apps.bazaarvoice.com/deployments/goldbond/main_site/production/en_US/bv.js`)" data-bv-show="inline_rating" data-bv-product-id="comfortpowder" data-bv-redirect-url="/en-us/products/comfort-body-powder#review_section"></div>
6397				</div>
6398
6399					<div class="mb-4">
6400
6401
6402        <ul class="flex flex-wrap font-body justify-start">
6403
6404
6405                        
6406                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
6407                    <a href='/en-us/products?category=4a597dca-a057-4c77-b82c-431844a47c15' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6408                        <span >
6409                            MOISTURE & ODOR CONTROL
6410                        </span>
6411                    </a>
6412                </li>
6413
6414
6415                        
6416                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
6417                    <a href='/en-us/products?category=a550f770-100b-4baa-a7f5-8677493fca4f' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6418                        <span >
6419                            NECK & CHEST
6420                        </span>
6421                    </a>
6422                </li>
6423
6424
6425                        
6426                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
6427                    <a href='/en-us/products?category=c4a48893-be3f-4c6e-ab75-1cdfee57be13' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6428                        <span >
6429                            BODY
6430                        </span>
6431                    </a>
6432                </li>
6433
6434
6435                        
6436                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
6437                    <a href='/en-us/products?category=a3a5d13b-b3ad-4e65-9d99-c0ed6961f39d' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6438                        <span >
6439                            HAND
6440                        </span>
6441                    </a>
6442                </li>
6443
6444
6445                        
6446                <li style="margin: 9px 9px 0 0" class="category-tags normal-case font-normal not-italic text-0.75 hover:underline px-2 border border-solid">
6447                    <a href='/en-us/products?category=d46a9871-ead7-4686-981e-bd74df1de64c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6448                        <span >
6449                            POWDER
6450                        </span>
6451                    </a>
6452                </li>
6453        </ul>
6454					</div>
6455
6456				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p>Feel fresh and comfortable all day long.</p>
6457</div>
6458
6459			
6460			
6461				<div id="spacer" class="flex-grow "></div>
6462				<div class="card__actions " x-data="">
6463
6464						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
6465							
6466							<div  class="h-full w-full">
6467
6468
6469  
6470  
6471
6472<style>
6473    .button.active,
6474    .button:not(:focus):hover {
6475        background-image: none;
6476    }
6477
6478    .button:not(.button--gradientBorderHover):hover::before {
6479        z-index: -1;
6480    }
6481
6482    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
6483        background: transparent;
6484        -webkit-background-clip: unset;
6485        -webkit-text-fill-color: unset;
6486    }
6487
6488</style>
6489  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid text-center button--full !flex flex-row h-full justify-center items-center  "                             @click="
6490                                $dispatch('track-event', {
6491                                    'event': 'cmp_event',
6492                                    'title': 'COMFORT BODY POWDER',
6493                                    'position': '11',
6494                                    'context': 'other'
6495                                });
6496                                $dispatch('track-event', {
6497                                    'event': 'select_item',
6498                                    'event_type': 'click',
6499                                    'item_name': 'COMFORT BODY POWDER',
6500                                    'index': 11,
6501                                    'item_category': `MOISTURE & ODOR CONTROL, NECK & CHEST, BODY, HAND, POWDER`,
6502                                    'item_variant': 'none',
6503                                    'item_id': '4e56faa4-bf78-4012-bb74-9a81c58aab4f',
6504                                });
6505                            "
6506 
6507      href="/en-us/products/comfort-body-powder"
6508  >
6509
6510    
6511
6512    <span class="  ">
6513
6514        <span>
6515												
6516													SHOP NOW  
6517        </span>
6518        
6519    </span>
6520  </a>
6521							</div>
6522						</div>
6523				</div>
6524		</div>
6525
6526	</div>
6527                </div>
6528
6529
6530    <div class="flex text-center justify-center p-5 flex-wrap" >
6531            <div class="mx-1">
6532
6533
6534  
6535  
6536
6537<style>
6538    .button.active,
6539    .button:not(:focus):hover {
6540        background-image: none;
6541    }
6542
6543    .button:not(.button--gradientBorderHover):hover::before {
6544        z-index: -1;
6545    }
6546
6547    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
6548        background: transparent;
6549        -webkit-background-clip: unset;
6550        -webkit-text-fill-color: unset;
6551    }
6552
6553</style>
6554  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid active "  
6555      href="https://www.goldbond.com/en-us/products?p=1"
6556      target="_self"
6557  >
6558
6559    
6560
6561    <span class="  ">
6562
6563        <span>
6564                    1
6565        </span>
6566        
6567    </span>
6568  </a>
6569            </div>
6570            <div class="mx-1">
6571
6572
6573  
6574  
6575
6576<style>
6577    .button.active,
6578    .button:not(:focus):hover {
6579        background-image: none;
6580    }
6581
6582    .button:not(.button--gradientBorderHover):hover::before {
6583        z-index: -1;
6584    }
6585
6586    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
6587        background: transparent;
6588        -webkit-background-clip: unset;
6589        -webkit-text-fill-color: unset;
6590    }
6591
6592</style>
6593  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid  "  
6594      href="https://www.goldbond.com/en-us/products?p=2"
6595      target="_self"
6596  >
6597
6598    
6599
6600    <span class="  ">
6601
6602        <span>
6603                    2
6604        </span>
6605        
6606    </span>
6607  </a>
6608            </div>
6609            <div class="mx-1">
6610
6611
6612  
6613  
6614
6615<style>
6616    .button.active,
6617    .button:not(:focus):hover {
6618        background-image: none;
6619    }
6620
6621    .button:not(.button--gradientBorderHover):hover::before {
6622        z-index: -1;
6623    }
6624
6625    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
6626        background: transparent;
6627        -webkit-background-clip: unset;
6628        -webkit-text-fill-color: unset;
6629    }
6630
6631</style>
6632  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid  "  
6633      href="https://www.goldbond.com/en-us/products?p=3"
6634      target="_self"
6635  >
6636
6637    
6638
6639    <span class="  ">
6640
6641        <span>
6642                    3
6643        </span>
6644        
6645    </span>
6646  </a>
6647            </div>
6648            <div class="mx-1">
6649
6650
6651  
6652  
6653
6654<style>
6655    .button.active,
6656    .button:not(:focus):hover {
6657        background-image: none;
6658    }
6659
6660    .button:not(.button--gradientBorderHover):hover::before {
6661        z-index: -1;
6662    }
6663
6664    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
6665        background: transparent;
6666        -webkit-background-clip: unset;
6667        -webkit-text-fill-color: unset;
6668    }
6669
6670</style>
6671  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid  "  
6672      href="https://www.goldbond.com/en-us/products?p=4"
6673      target="_self"
6674  >
6675
6676    
6677
6678    <span class="  ">
6679
6680        <span>
6681                    4
6682        </span>
6683        
6684    </span>
6685  </a>
6686            </div>
6687    </div>
6688
6689        </div>
6690    </div>
6691</form>
6692
6693                    </div>
6694        </div>
6695</div>
6696    </div>
6697    
6698      </div>
6699            </div>
6700
6701  </section>
6702
6703
6704
6705
6706
6707
6708
6709              <style>
6710                
6711                
6712                
6713            </style>
6714
6715
6716  
6717
6718  
6719
6720
6721
6722
6723
6724
6725
6726
6727
6728
6729
6730
6731        </main>
6732    <footer role="contentinfo">
6733
6734
6735
6736
6737              <style>
6738                
6739                
6740                
6741            </style>
6742
6743
6744  
6745
6746  
6747
6748
6749
6750
6751
6752  <div id="c3171d24-69bf-4218-ba2b-f9d0e15cae43" class="contentGridItem--c3171d24-69bf-4218-ba2b-f9d0e15cae43 contentGridItem relative h-full  contentGrid-min-h-c3171d24-69bf-4218-ba2b-f9d0e15cae43 .background--c3171d24-69bf-4218-ba2b-f9d0e15cae43 contentGrid-border-r-c3171d24-69bf-4218-ba2b-f9d0e15cae43 " >
6753
6754
6755
6756
6757
6758
6759
6760            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("c3171d24-69bf-4218-ba2b-f9d0e15cae43");'>
6761
6762      <div class="contentGridItem__container relative h-full" dir="ltr">
6763        <style>
6764            .backgroundBlur-c3171d24-69bf-4218-ba2b-f9d0e15cae43 {
6765                backdrop-filter: blur(px);
6766                -webkit-backdrop-filter: blur(px);
6767                background-color: ;
6768                opacity: calc(/100);
6769            }
6770        </style>
6771
6772        <div class="backgroundBlur-c3171d24-69bf-4218-ba2b-f9d0e15cae43 absolute top-0 bottom-0 left-0 right-0"></div>
6773
6774
6775
6776
6777
6778
6779
6780
6781
6782
6783
6784
6785
6786
6787
6788
6789
6790
6791
6792
6793
6794    <div
6795      class="background--c3171d24-69bf-4218-ba2b-f9d0e15cae43 backgroundWrap-c3171d24-69bf-4218-ba2b-f9d0e15cae43  py-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-white  bg-center bg-no-repeat bg-auto "
6796      
6797      
6798    >
6799
6800
6801
6802
6803    
6804
6805    
6806
6807
6808
6809
6810
6811
6812
6813<div class="ContentGrid relative container mx-auto  lg:pt-16 lg:pb-0 md:pt-16 md:pb-0 pt-8 pb-0">
6814
6815
6816        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
6817
6818                
6819                
6820
6821
6822                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full  lg:w-full self
6822-stretch " >
6823  
6824
6825
6826  
6827
6828
6829
6830
6831  
6832  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-2 md:px-2 lg:px-0 items-start self-stretch contentSectionItem-border-r-303fe175-22f5-4a7e-a489-b2530aa7a178    bg-transparent" x-data=""  dir="ltr">
6833    
6834
6835
6836
6837
6838
6839
6840
6841
6842
6843
6844
6845
6846
6847
6848
6849
6850  <div id="303fe175-22f5-4a7e-a489-b2530aa7a178" class="contentGridItem--303fe175-22f5-4a7e-a489-b2530aa7a178 contentGridItem relative h-full  contentGrid-min-h-303fe175-22f5-4a7e-a489-b2530aa7a178 .background--303fe175-22f5-4a7e-a489-b2530aa7a178 contentGrid-border-r-303fe175-22f5-4a7e-a489-b2530aa7a178 " >
6851
6852
6853
6854
6855
6856
6857
6858            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("303fe175-22f5-4a7e-a489-b2530aa7a178");'>
6859
6860      <div class="contentGridItem__container relative h-full" dir="ltr">
6861        <style>
6862            .backgroundBlur-303fe175-22f5-4a7e-a489-b2530aa7a178 {
6863                backdrop-filter: blur(px);
6864                -webkit-backdrop-filter: blur(px);
6865                background-color: ;
6866                opacity: calc(/100);
6867            }
6868        </style>
6869
6870        <div class="backgroundBlur-303fe175-22f5-4a7e-a489-b2530aa7a178 absolute top-0 bottom-0 left-0 right-0"></div>
6871
6872
6873
6874
6875
6876
6877
6878
6879
6880
6881
6882
6883
6884
6885
6886
6887
6888
6889
6890
6891
6892    <div
6893      class="background--303fe175-22f5-4a7e-a489-b2530aa7a178 backgroundWrap-303fe175-22f5-4a7e-a489-b2530aa7a178  py-0 md:py-0 lg:py-0 px-2 md:px-2 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-cover "
6894      
6895      
6896    >
6897
6898
6899
6900
6901    
6902
6903    
6904
6905
6906
6907<div class="ContentGrid relative container mx-auto  ">
6908
6909
6910        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-start items-start -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
6911
6912                
6913                
6914
6915
6916                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-3/12 lg:w-2/12 self-auto " >
6917  
6918
6919
6920  
6921
6922
6923
6924
6925  
6926  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto contentSectionItem-border-r-d93131f1-948c-48cd-bda9-fb710fa583a5    bg-transparent" x-data=""  dir="ltr">
6927    
6928
6929
6930
6931
6932
6933
6934
6935
6936
6937
6938
6939
6940
6941
6942
6943
6944  <div id="d93131f1-948c-48cd-bda9-fb710fa583a5" class="contentGridItem--d93131f1-948c-48cd-bda9-fb710fa583a5 contentGridItem relative h-full  contentGrid-min-h-d93131f1-948c-48cd-bda9-fb710fa583a5 .background--d93131f1-948c-48cd-bda9-fb710fa583a5 contentGrid-border-r-d93131f1-948c-48cd-bda9-fb710fa583a5 " >
6945
6946
6947
6948
6949
6950
6951
6952            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("d93131f1-948c-48cd-bda9-fb710fa583a5");'>
6953
6954      <div class="contentGridItem__container relative h-full" dir="ltr">
6955        <style>
6956            .backgroundBlur-d93131f1-948c-48cd-bda9-fb710fa583a5 {
6957                backdrop-filter: blur(px);
6958                -webkit-backdrop-filter: blur(px);
6959                background-color: ;
6960                opacity: calc(/100);
6961            }
6962        </style>
6963
6964        <div class="backgroundBlur-d93131f1-948c-48cd-bda9-fb710fa583a5 absolute top-0 bottom-0 left-0 right-0"></div>
6965
6966
6967
6968
6969
6970
6971
6972
6973
6974
6975
6976
6977
6978
6979
6980
6981
6982
6983
6984
6985
6986    <div
6987      class="background--d93131f1-948c-48cd-bda9-fb710fa583a5 backgroundWrap-d93131f1-948c-48cd-bda9-fb710fa583a5  py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-cover "
6988      
6989      
6990    >
6991
6992
6993
6994
6995    
6996
6997    
6998
6999
7000
7001<div class="ContentGrid relative container mx-auto  ">
7002
7003
7004        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-start items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
7005
7006                
7007                
7008
7009
7010                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-7/12 md:w-full lg:w-11/12 self-auto " >
7011
7012
7013  
7014
7015  
7016
7017
7018  
7019  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-0  self-auto imageAttachment default   default" x-data=""  dir="ltr">
7020    
7021   
7022
7023    
7024        <a
7025           href="/en-us/"
7026           
7027           
7028                     target="_self"
7029
7030           title=""
7031           data-gtmSection=""
7032           data-gtmSubSection=""
7033           data-gtmElement=""
7034           class="font-title cursor-pointer block relative imageLink  "
7035        >
7036          <span >
7037
7038
7039
7040
7041
7042
7043
7044
7045
7046            <div class="uiImage relative block w-full block image-border-r-d84d912f-5ca5-487d-9ac1-2bb05ebdb54b"  data-imageren=true>
7047
7048
7049
7050             
7051
7052
7053                  <img
7054                                width="339" height="139"
7055
7056    src="/dam/jcr:3725d9e5-6de9-44d8-8576-dc3707eb7143/GoldBond_Footer_Logo.webp"
7057    loading="lazy"
7058    decoding="async"
7059    data-fade-in="true"
7060                    class="w-full block  object-cover "
7061                    alt="Gold Bond - Home"
7062                    
7063                    
7064                  />
7065
7066
7067            
7068          </div>
7069
7070
7071          </span>
7072        </a>
7073
7074
7075  </div>
7076                    </div>
7077        </div>
7078</div>
7079    </div>
7080    
7081      </div>
7082            </div>
7083
7084  </div>
7085
7086  </div>
7087                    </div>
7088
7089                
7090                
7091
7092
7093                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-6/12 lg:w-7/12 self-auto " >
7094  
7095
7096
7097  
7098
7099
7100
7101
7102  
7103  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto contentSectionItem-border-r-85f93186-c465-456b-913b-34c41a1840d9    bg-transparent" x-data=""  dir="ltr">
7104    
7105
7106
7107
7108
7109
7110
7111
7112
7113
7114
7115
7116
7117
7118
7119
7120
7121  <div id="85f93186-c465-456b-913b-34c41a1840d9" class="contentGridItem--85f93186-c465-456b-913b-34c41a1840d9 contentGridItem relative h-full  contentGrid-min-h-85f93186-c465-456b-913b-34c41a1840d9 .background--85f93186-c465-456b-913b-34c41a1840d9 contentGrid-border-r-85f93186-c465-456b-913b-34c41a1840d9 " >
7122
7123
7124
7125
7126
7127
7128
7129            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("85f93186-c465-456b-913b-34c41a1840d9");'>
7130
7131      <div class="contentGridItem__container relative h-full" dir="ltr">
7132        <style>
7133            .backgroundBlur-85f93186-c465-456b-913b-34c41a1840d9 {
7134                backdrop-filter: blur(px);
7135                -webkit-backdrop-filter: blur(px);
7136                background-color: ;
7137                opacity: calc(/100);
7138            }
7139        </style>
7140
7141        <div class="backgroundBlur-85f93186-c465-456b-913b-34c41a1840d9 absolute top-0 bottom-0 left-0 right-0"></div>
7142
7143
7144
7145
7146
7147
7148
7149
7150
7151
7152
7153
7154
7155
7156
7157
7158
7159
7160
7161
7162
7163    <div
7164      class="background--85f93186-c465-456b-913b-34c41a1840d9 backgroundWrap-85f93186-c465-456b-913b-34c41a1840d9  py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-cover "
7165      
7166      
7167    >
7168
7169
7170
7171
7172    
7173
7174    
7175
7176
7177
7178<div class="ContentGrid relative container mx-auto  ">
7179
7180
7181        <div class="flex md:flex   lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
7182
7183                
7184                
7185
7186
7187                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full  lg:w-auto self-auto " >
7188
7189
7190  
7191  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-4  self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-primary1 bg-   bg-transparent" x-data=""  dir="ltr">
7192    
7193
7194
7195        <div class="rich-text mt-3 text-base font-body">
7196            <p>Gold Bond&reg; is clinically proven, performance skincare designed to support real skin in every condition. We deliver trusted, high-quality formulas that help your skin look, feel, and perform its best&mdash;so you can move through every day with confidence.</p>
7197
7198        </div>
7199        
7200  </div>
7201                    </div>
7202        </div>
7203</div>
7204    </div>
7205    
7206      </div>
7207            </div>
7208
7209  </div>
7210
7211  </div>
7212                    </div>
7213
7214                
7215                
7216
7217
7218                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-3/12 self-auto " >
7219  
7220
7221
7222  
7223
7224
7225
7226
7227  
7228  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto contentSectionItem-border-r-31278342-a25d-47c9-a772-ee7576e5c06a    bg-transparent" x-data=""  dir="ltr">
7229    
7230
7231
7232
7233
7234
7235
7236
7237
7238
7239
7240
7241
7242
7243
7244
7245
7246  <div id="31278342-a25d-47c9-a772-ee7576e5c06a" class="contentGridItem--31278342-a25d-47c9-a772-ee7576e5c06a contentGridItem relative h-full  contentGrid-min-h-31278342-a25d-47c9-a772-ee7576e5c06a .background--31278342-a25d-47c9-a772-ee7576e5c06a contentGrid-border-r-31278342-a25d-47c9-a772-ee7576e5c06a " >
7247
7248
7249
7250
7251
7252
7253
7254            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("31278342-a25d-47c9-a772-ee7576e5c06a");'>
7255
7256      <div class="contentGridItem__container relative h-full" dir="ltr">
7257        <style>
7258            .backgroundBlur-31278342-a25d-47c9-a772-ee7576e5c06a {
7259                backdrop-filter: blur(px);
7260                -webkit-backdrop-filter: blur(px);
7261                background-color: ;
7262                opacity: calc(/100);
7263            }
7264        </style>
7265
7266        <div class="backgroundBlur-31278342-a25d-47c9-a772-ee7576e5c06a absolute top-0 bottom-0 left-0 right-0"></div>
7267
7268
7269
7270
7271
7272
7273
7274
7275
7276
7277
7278
7279
7280
7281
7282
7283
7284
7285
7286
7287
7288    <div
7289      class="background--31278342-a25d-47c9-a772-ee7576e5c06a backgroundWrap-31278342-a25d-47c9-a772-ee7576e5c06a  py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-cover "
7290      
7291      
7292    >
7293
7294
7295
7296
7297    
7298
7299    
7300
7301
7302
7303<div class="ContentGrid relative container mx-auto  ">
7304
7305
7306        <div class="flex md:flex   lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
7307
7308                
7309                
7310
7311
7312                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self
7312-auto " >
7313
7314
7315  
7316  <div style="" class="ContentSectionItem h-full w-full py-4 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0  self-auto contentBlock flex flex-col text-left md:text-left lg:text-right text- bg-   bg-transparent" x-data=""  dir="ltr">
7317    
7318
7319
7320        <div class="rich-text mt-3 text-base font-body">
7321            <p><a href="https://www.youtube.com/user/Goldbond" target="_blank"><img alt="" src="/dam/jcr:a3b7a8ae-e1c0-435a-b814-48d13ac65586/GoldBond_HP_Desk_Social_YouTube.2025-06-05-18-44-20.webp" style="height: 50px; width: 50px; margin-left: 5px; margin-right: 5px;" /></a><a href="https://www.instagram.com/goldbond/" target="_blank"><img alt="" src="/dam/jcr:a95eecac-8f39-49cb-a265-c5d8b6f52a6c/GoldBond_HP_Desk_Social_Instagram.2025-06-05-18-43-57.webp" style="height: 50px; width: 50px; margin-left: 5px; margin-right: 5px;" /></a><a href="https://www.facebook.com/goldbond" target="_blank"><img alt="" src="/dam/jcr:dc3cb665-fa74-445c-bc14-9700d6902925/GoldBond_HP_Desk_Social_Facebook.2025-06-05-18-43-31.webp" style="height: 50px; width: 50px; margin-left: 5px; margin-right: 5px;" /></a><a href="https://www.tiktok.com/@goldbondus?lang=en" target="_blank"><img alt="" src="/dam/jcr:91830d40-c22b-453e-802b-61d13bed2614/GoldBond_HP_Desk_Social_TikTok.2025-06-05-18-44-12.webp" style="height: 50px; width: 50px; margin-left: 5px; margin-right: 5px;" /></a></p>
7322
7323        </div>
7324        
7325  </div>
7326                    </div>
7327        </div>
7328</div>
7329    </div>
7330    
7331      </div>
7332            </div>
7333
7334  </div>
7335
7336  </div>
7337                    </div>
7338        </div>
7339</div>
7340    </div>
7341    
7342      </div>
7343            </div>
7344
7345  </div>
7346
7347  </div>
7348                    </div>
7349
7350                
7351                
7352
7353
7354                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full  lg:w-full self-stretch " >
7355  
7356
7357
7358  
7359
7360
7361
7362
7363  
7364  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-8 px-2 md:px-2 lg:px-0 items-start self-stretch contentSectionItem-border-r-9caf6ed6-2d2c-4f99-905f-c87a01ab1cbd    bg-transparent" x-data=""  dir="ltr">
7365    
7366
7367
7368
7369
7370
7371
7372
7373
7374
7375
7376
7377
7378
7379
7380
7381
7382  <div id="9caf6ed6-2d2c-4f99-905f-c87a01ab1cbd" class="contentGridItem--9caf6ed6-2d2c-4f99-905f-c87a01ab1cbd contentGridItem relative h-full  contentGrid-min-h-9caf6ed6-2d2c-4f99-905f-c87a01ab1cbd .background--9caf6ed6-2d2c-4f99-905f-c87a01ab1cbd contentGrid-border-r-9caf6ed6-2d2c-4f99-905f-c87a01ab1cbd " >
7383
7384
7385
7386
7387
7388
7389
7390            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("9caf6ed6-2d2c-4f99-905f-c87a01ab1cbd");'>
7391
7392      <div class="contentGridItem__container relative h-full" dir="ltr">
7393        <style>
7394            .backgroundBlur-9caf6ed6-2d2c-4f99-905f-c87a01ab1cbd {
7395                backdrop-filter: blur(px);
7396                -webkit-backdrop-filter: blur(px);
7397                background-color: ;
7398                opacity: calc(/100);
7399            }
7400        </style>
7401
7402        <div class="backgroundBlur-9caf6ed6-2d2c-4f99-905f-c87a01ab1cbd absolute top-0 bottom-0 left-0 right-0"></div>
7403
7404
7405
7406
7407
7408
7409
7410
7411
7412
7413
7414
7415
7416
7417
7418
7419
7420
7421
7422
7423
7424    <div
7425      class="background--9caf6ed6-2d2c-4f99-905f-c87a01ab1cbd backgroundWrap-9caf6ed6-2d2c-4f99-905f-c87a01ab1cbd  py-0 md:py-4 lg:py-8 px-2 md:px-2 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-cover "
7426      
7427      
7428    >
7429
7430
7431
7432
7433    
7434
7435    
7436
7437
7438
7439<div class="ContentGrid relative container max-w-full mx-auto  ">
7440
7441
7442        <div class="flex md:flex   lg:flex-row flex-wrap justify-start items-start -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
7443
7444                
7445                
7446
7447
7448                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-3/12 lg:w-3/12 self-auto " >
7449
7450
7451  
7452  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0  self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg-   bg-transparent" x-data=""  dir="ltr">
7453    
7454
7455
7456        <div class="rich-text mt-3 text-base font-body">
7457            <p><a href="/en-us/where-to-buy">Where to Buy</a><br />
7458<a href="/en-us/savings">Sign up &amp; Save on Gold Bond</a><br />
7459<a href="/en-us/contact-us">Contact us</a><br />
7460<a href="/en-us/money-back-guarantee">Money Back Guarantee</a><br />
7461<a href="/en-us/sitemap">Sitemap</a><br />
7462<a href="/en-us/community-guidelines">Community Guidelines</a></p>
7463
7464        </div>
7465  </div>
7466                    </div>
7467
7468                
7469                
7470
7471
7472                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-4/12 lg:w-4/12 self
7472-auto " >
7473
7474
7475  
7476  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-8 lg:px-8  self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg-   bg-transparent" x-data=""  dir="ltr">
7477    
7478
7479
7480        <div class="rich-text mt-3 text-base font-body">
7481            <p><a href="/en-us/cookies-policy">Do Not Sell or Share My Personal Information</a><br />
7482<a href="https://www.sanofi.com/en/sanofi-us-privacy-policies" target="_blank">Privacy Policy</a><br />
7483<a href="https://www.sanofi.us/en/consumer-health-data-privacy-policy" target="_blank">Consumer Health Data Privacy​ Policy</a><br />
7484<a href="/en-us/healthcare-professional-proven-skincare">For Healthcare Professionals</a><br />
7485<a href="https://www.sanofi.us/en/legal-notice" target="_blank">Terms &amp; conditions</a></p>
7486
7487        </div>
7488  </div>
7489                    </div>
7490
7491                
7492                
7493
7494
7495                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-5/12 lg:w-5/12 self-auto " >
7496
7497
7498  
7499  <div style="" class="ContentSectionItem h-full w-full py-4 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0  self-auto contentBlock flex flex-col text-left md:text-right lg:text-right text-primary1 bg-   bg-transparent" x-data=""  dir="ltr">
7500    
7501
7502
7503        <div class="rich-text mt-3 text-base font-body">
7504            <p>&copy; 2026 Gold Bond&reg; Co LLC, Inc. All rights reserved.<br />
7505The content of this site is intended for US audiences only.<br />
7506Use all products only as directed.</p>
7507
7508        </div>
7509        
7510  </div>
7511                    </div>
7512        </div>
7513</div>
7514    </div>
7515    
7516      </div>
7517            </div>
7518
7519  </div>
7520
7521  </div>
7522                    </div>
7523        </div>
7524</div>
7525    </div>
7526    
7527      </div>
7528            </div>
7529
7530  </div>
7531
7532    </footer>
7533
7534
7535
7536
7537
7538
7539
7540
7541
7542
7543
7544
7545
7546
7547
7548
7549
7550
7551
7552
7553
7554
7555    <style>
7556                .modal-chc .modal__parent {
7557        }
7558
7559    </style>
7560    
7561
7562    <div
7563        id=""
7564        class="h-full w-full z-50  modal-chc"
7565        style="backdrop-filter: blur(px); -webkit-backdrop-filter: blur(px);"
7566        :class="{'hidden': !open, 'fixed': open}"
7567        x-data="modal({
7568            uuid: '1',
7569            hideScroll: 'overflow-hidden',
7570            blurMobile: '',
7571            blurDesktop: '',
7572            mobileStatus: false,
7573            desktopStatus: false
7574        })"
7575        x-init="$nextTick(triggerNextTick('1')); initFocus('1'); initState(false, '1'); validateStorage('', 'cookies'); ; "
7576        x-cloak
7577        
7578    >
7579        <div
7580            class="modal__parent top-0 left-0 right-0 bottom-0 z-50 flex items-center justify-center w-full h-full bg-black bg-opacity-70"
7581            :class="{'hidden': !open, 'fixed': open}"
7582            @open-modal.window="openModal($event.detail.id); $store.chcHeader.modalShow = true"
7583            @close-modal.window="closeModal('1'); $store.chcHeader.modalShow = false"
7584            @click="closeModal('1'); pauseVideo(), $store.chcHeader.modalShow = false"
7585            x-on:keydown.escape.window="closeModal('1'); pauseVideo()"
7586        >
7587        </div>
7588        <div :class="{'hidden': !open, 'fixed': open}" class="z-50 w-full px-2 -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" @click="closeModal('1'); pauseVideo(), $store.chcHeader.modalShow = false">
7589            <div
7590                tabindex="-1"
7591                role="dialog"
7592                id="modal-1"
7593                data-id="1"
7594                data-gtmContext="other"
7595                aria-modal="true"
7596                class=" bg-white text-black relative overflow-auto h-auto max-h-90vh text-left shadow-xl w-full md:w-2/3 lg:w-1/2  px-4 py-12 md:max-w-7xl md:py-8 md:px-8 lg:py-12 lg:px-12 mx-auto"
7597                style=''
7598                @click="stopPropagation"
7599            >
7600                        <button
7601                            @click="closeModal('1'), pauseVideo(), clearActiveQuicklinkClass(), $store.chcHeader.modalShow = false"
7602                            @focus="open = true"
7603                            class="close-modal-btn flex absolute top-2 right-3 "
7604                            aria-label="close"
7605                            type="button"
7606                        >
7607                            <span class="font-body text-default leading-none overflow-hidden text-3xl">×</span>
7608                        </button>
7609
7610
7611
7612
7613
7614
7615<div class="ContentGrid relative   ">
7616
7617
7618        <div class="flex md:flex   lg:flex-row flex-wrap  ">
7619
7620                
7621                
7622
7623
7624                    <div class="CHC gridComponent   flex flex-col  w-full  lg:w-full self-auto " >
7625
7626
7627
7628
7629
7630
7631  
7632  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-0 items-center self-auto contentSectionItem-border-r-b69398cd-b2db-41cd-afb5-2fa9f8198e3e    bg-white" x-data=""  dir="ltr">
7633    
7634
7635
7636
7637
7638
7639
7640
7641
7642
7643
7644
7645  <section id="b69398cd-b2db-41cd-afb5-2fa9f8198e3e" class="contentGridItem--b69398cd-b2db-41cd-afb5-2fa9f8198e3e contentGridItem relative h-full  contentGrid-min-h-b69398cd-b2db-41cd-afb5-2fa9f8198e3e .background--b69398cd-b2db-41cd-afb5-2fa9f8198e3e contentGrid-border-r-b69398cd-b2db-41cd-afb5-2fa9f8198e3e " >
7646
7647
7648
7649
7650
7651
7652
7653            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("b69398cd-b2db-41cd-afb5-2fa9f8198e3e");'>
7654
7655      <div class="contentGridItem__container relative h-full" dir="ltr">
7656        <style>
7657            .backgroundBlur-b69398cd-b2db-41cd-afb5-2fa9f8198e3e {
7658                backdrop-filter: blur(px);
7659                -webkit-backdrop-filter: blur(px);
7660                background-color: ;
7661                opacity: calc(/100);
7662            }
7663        </style>
7664
7665        <div class="backgroundBlur-b69398cd-b2db-41cd-afb5-2fa9f8198e3e absolute top-0 bottom-0 left-0 right-0"></div>
7666
7667
7668
7669
7670
7671
7672
7673
7674
7675
7676
7677
7678
7679
7680
7681
7682
7683
7684
7685
7686
7687    <div
7688      class="background--b69398cd-b2db-41cd-afb5-2fa9f8198e3e backgroundWrap-b69398cd-b2db-41cd-afb5-2fa9f8198e3e  py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-white  bg-center bg-no-repeat bg-cover "
7689      
7690      
7691    >
7692
7693
7694
7695
7696    
7697
7698    
7699
7700
7701
7702<div class="ContentGrid relative container mx-auto  ">
7703
7704
7705        <div class="flex md:flex   lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
7706
7707                
7708                
7709
7710
7711                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full  lg:w-10/12 self-start " >
7712
7713
7714  
7715  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-16  self-start contentBlock flex flex-col text-left rtl:text-right md:text-left md:rtl:text-right lg:text-left lg:rtl:text-right text-primary1 bg-   bg-transparent" x-data=""  dir="ltr">
7716    
7717
7718        <div class="flex items-center justify-start md:justify-start lg:justify-start ">
7719
7720            <h2 class="contentBlock__title mb-4 text-title-2 font-title text-">This Website is Intended for Healthcare Professionals Only</h2>
7721        </div>
7722
7723        <div class="rich-text mt-3 text-base font-body">
7724            <p><span class="text-secondary3">Information in this site is intended for healthcare professionals only. Are you a healthcare professional?</span></p>
7725
7726        </div>
7727        
7728        <div class="mt-3">
7729        </div>
7730  </div>
7731                    </div>
7732
7733                
7734                
7735
7736
7737                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full  lg:w-4/12 self
7737-center " >
7738
7739
7740  
7741  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-8 px-0 md:px-8 lg:px-8  self-center    bg-transparent" x-data=""  dir="ltr">
7742    
7743
7744
7745
7746
7747
7748
7749
7750
7751
7752
7753
7754
7755        <div  class='w-full flex justify-center'>
7756                <style>
7757                    .button-b172d0be-f2e3-4a17-96b7-ec4dcbdabe5e > div {
7758                        justify-content: center;
7759                        column-gap: 4px;
7760                    }
7761                </style>
7762
7763
7764  
7765  
7766
7767<style>
7768    .button.active,
7769    .button:not(:focus):hover {
7770        background-image: none;
7771    }
7772
7773    .button:not(.button--gradientBorderHover):hover::before {
7774        z-index: -1;
7775    }
7776
7777    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
7778        background: transparent;
7779        -webkit-background-clip: unset;
7780        -webkit-text-fill-color: unset;
7781    }
7782
7783</style>
7784  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid w-full  text-center button-b172d0be-f2e3-4a17-96b7-ec4dcbdabe5e   "  
7785      href="/en-us/healthcare-professional-proven-skincare"
7786      target="_self"
7787      data-context="other"
7788  >
7789
7790    
7791
7792    <span class="  ">
7793
7794        <span>
7795                Healthcare professional
7796        </span>
7797        
7798    </span>
7799  </a>
7800        </div>
7801  </div>
7802                    </div>
7803
7804                
7805                
7806
7807
7808                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full  lg:w-4/12 self-center " >
7809
7810
7811  
7812  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-8 px-0 md:px-8 lg:px-8  self-center    bg-transparent" x-data=""  dir="ltr">
7813    
7814
7815
7816
7817
7818
7819
7820
7821
7822
7823
7824
7825
7826        <div  class='w-full flex justify-center'>
7827                <style>
7828                    .button-c30d2d5e-cb54-4835-b582-41c140ebeb6f > div {
7829                        justify-content: center;
7830                        column-gap: 4px;
7831                    }
7832                </style>
7833
7834
7835  
7836  
7837
7838<style>
7839    .button.active,
7840    .button:not(:focus):hover {
7841        background-image: none;
7842    }
7843
7844    .button:not(.button--gradientBorderHover):hover::before {
7845        z-index: -1;
7846    }
7847
7848    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
7849        background: transparent;
7850        -webkit-background-clip: unset;
7851        -webkit-text-fill-color: unset;
7852    }
7853
7854</style>
7855  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid w-full  text-center button-c30d2d5e-cb54-4835-b582-41c140ebeb6f   "  
7856      href="/en-us/"
7857      target="_self"
7858      data-context="other"
7859  >
7860
7861    
7862
7863    <span class="  ">
7864
7865        <span>
7866                Public
7867        </span>
7868        
7869    </span>
7870  </a>
7871        </div>
7872  </div>
7873                    </div>
7874        </div>
7875</div>
7876    </div>
7877    
7878      </div>
7879            </div>
7880
7881  </section>
7882
7883  </div>
7884                    </div>
7885        </div>
7886</div>            </div>
7887        </div>
7888    </div>
7889
7890    
7890<script type="text/javascript" async>
7891/* eslint-disable */
7892
7893document.addEventListener("alpine:init", () => {
7894    Alpine.data("modal", (config) => {
7895        const opts = {
7896            focus: false,
7897            open: false,
7898            focusTrap: null,
7899        };
7900
7901        return {
7902            ...opts,
7903            ...config,
7904            stopPropagation() {
7905                this.$event.stopPropagation();
7906            },
7907            initState(state, id) {
7908                if (state) {
7909                    if (id !== this.uuid) return;
7910    
7911                    this.open = state;
7912                    
7913                    if (!this.open) return;
7914    
7915                    this.blurOverlay();
7916                    this.preventScroll(id);
7917    
7918                    window.addEventListener("resize", () => {
7919                        this.blurOverlay();
7920                    });
7921                }
7922            },
7923            openModal(id) {
7924                if (id !== this.uuid) return;
7925                
7926                const windowW = window.innerWidth;
7927
7928                this.open = windowW < 1024? !this.mobileStatus : !this.desktopStatus;
7929
7930                if (!this.open) return;
7931
7932                this.blurOverlay();
7933                this.preventScroll(id);
7934
7935                window.addEventListener("resize", () => {
7936                    this.blurOverlay();
7937                });
7938            },
7939            closeModal(id) {
7940                this.open = false;
7941                this.$trackEvent({
7942                    event: 'click_popup',
7943                    event_type: 'click',
7944                    popup_name: id ?? ''
7945                });
7946                this.blurOverlay();
7947            },
7948            preventScroll(uuid) {
7949                if (this.uuid !== uuid) return;
7950
7951                const classHide = this.hideScroll? this.hideScroll : "overflow-hidden";
7952
7953                classHide.split(" ").forEach(scrollClass => {
7954                    const bodyEl = document.body;
7955                    if (!bodyEl.classList.contains(scrollClass)) bodyEl.classList.add(scrollClass);
7956                });
7957            },
7958            restoreScroll() {
7959                const classHide = this.hideScroll? this.hideScroll : "overflow-hidden";
7960                document.body.classList.remove(...classHide.split(" "));
7961            },
7962            triggerNextTick(id){
7963                const urlParams = new URLSearchParams(window.location.search);
7964                if (urlParams.size > 0){
7965                    const openModalParam = urlParams.get('openmodal');
7966                    if (openModalParam == id){
7967                        this.openModal(id);
7968                    }   
7969                }
7970            },
7971            timeDelay(seconds, id){
7972                this.setInitModalSession();
7973
7974                if (seconds) {
7975                    const arrModal = JSON.parse(sessionStorage.getItem("modal"));
7976                    if (!arrModal.includes(id)) {
7977                        setTimeout(() => {
7978                            this.openModal(id);
7979                            sessionStorage.setItem("modal", this.sessionModal(id));
7980                        }, seconds * 1000);
7981                    }
7982                }
7983            },
7984            scrollPosition(percentage) {
7985                if (!percentage) return;
7986            
7987                let triggered = false;
7988            
7989                const scrollHandler = () => {
7990                    // Calculate total scrollable height
7991                    const totalHeight = document.documentElement.scrollHeight - window.innerHeight;
7992                    
7993                    // Calculate the scroll position corresponding to the given percentage
7994                    const targetY = totalHeight * (percentage / 100);
7995                    
7996                    if (window.scrollY >= targetY && !triggered) {
7997                        this.open = true;
7998                        triggered = true;
7999            
8000                        // Remove the event listener after the action is triggered
8001                        document.removeEventListener('scroll', scrollHandler);
8002                    }
8003                };
8004            
8005                document.addEventListener('scroll', scrollHandler);
8006            },
8007            clickCount(id, clicks, elements) {
8008                if (!clicks || !elements || elements.length === 0) return;
8009
8010                const elementKey = elements.join("_").toLowerCase();
8011                const triggeredKey = id + '_triggered_' + elementKey;
8012            
8013                // Check if this has already been triggered in this session
8014                if (sessionStorage.getItem(triggeredKey)) {
8015                    return;
8016                }
8017
8018                const triggerKey = id + '_trigger_' + elementKey;
8019
8020                // Trigger modal if count was reached
8021                if (sessionStorage.getItem(triggerKey) == 'true') {
8022                    this.open = true;
8023
8024                    sessionStorage.removeItem(triggerKey);
8025                    sessionStorage.setItem(triggeredKey, 'true');
8026
8027                    return;
8028                }
8029
8030                const countKey = id + '_clickCount_' + elementKey;
8031                let count = parseInt(sessionStorage.getItem(countKey) || "0", 10);
8032            
8033                const clickHandler = (e) => {
8034                    // Check if the clicked element's tag name is included in the provided elements array
8035                    if (elements.map(el => el.toLowerCase()).includes(e.target.tagName.toLowerCase())) {
8036                        count++;
8037                        sessionStorage.setItem(countKey, count.toString());
8038            
8039                        if (count >= clicks) {
8040                            // Note in sessionStorage that this has been triggered
8041                            sessionStorage.setItem(triggerKey, 'true');
8042            
8043                            sessionStorage.removeItem(countKey);
8044                            document.removeEventListener('click', clickHandler); // Remove listener
8045
8046                            setTimeout(() => {
8047                                this.open = true;
8048                                sessionStorage.removeItem(triggerKey);
8049                                sessionStorage.setItem(triggeredKey, 'true');
8050                            }, 2000);
8051                        }
8052                    }
8053                };
8054            
8055                document.addEventListener('click', clickHandler);
8056            },            
8057            initFocus(id) {
8058                const container = document.getElementById("modal-" + id);
8059                let btn = container.querySelector(".close-modal-btn");
8060
8061                if (container) {
8062                    const props = {
8063                        fallbackFocus: container,
8064                        allowOutsideClick: true,
8065                        preventScroll: true,
8066                        onActivate: () => {
8067                            //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :(
8068                            setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50);
8069                        },
8070                    }
8071                    if (btn) {
8072                        props.initialFocus = btn;
8073                    }
8074                    this.focusTrap = this.$createFocusTrap("#modal-" +  id, props);
8075
8076                    this.$watch("open", (value) => {
8077                        if (value === true) {
8078                            this.focusTrap.activate();
8079                        } else {
8080                            this.focusTrap.deactivate();
8081                        }
8082                    });
8083                }
8084            },
8085            // Clear Active class for Quicklink List Item when closing modal
8086            clearActiveQuicklinkClass() {
8087                const quicklinksMenu = document.querySelector('.quicklinks')
8088                if(quicklinksMenu){
8089                    let anchors = quicklinksMenu.querySelectorAll("li.anchorItem");
8090                    anchors.forEach((anchor) => {
8091                        anchor.classList.remove('contentStyleActiveAnchorLink');
8092                    });
8093                }
8094            },
8095            pauseVideo() {
8096                var videos = document.querySelectorAll("iframe, video");
8097                Array.prototype.forEach.call(videos, function (video) {
8098                    if (video.tagName.toLowerCase() === "video") {
8099                        video.pause();
8100                    } else {
8101                        //pause iframe videos without loading/calling the Youtube ifame api
8102                        video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*");
8103                    }
8104                });
8105            },
8106            validateStorage(name, storageType="cookies") {
8107                if(name){
8108                    switch(storageType) {
8109                        case "session":
8110                            this.validateSessionStorage(name);
8111                            break;
8112                        case "local":
8113                            this.validateLocalStorage(name);
8114                            break;
8115                        default:
8116                            this.validateCookie(name);
8117                    }
8118                }
8119            },
8120            validateCookie(name) {
8121                const cookie = this.$getCookie(name);
8122                if (cookie) {
8123                    this.closeModal();
8124                }
8125            },
8126            validateSessionStorage(name) {
8127                const session = window.sessionStorage.getItem(name);
8128                if (session) {
8129                    this.closeModal();
8130                }
8131            },
8132            validateLocalStorage(name) {
8133                const local = window.localStorage.getItem(name);
8134                if (local) {
8135                    this.closeModal();
8136                }
8137            },
8138            removeDisabledAttribute(id) {
8139                let inputElement = document.getElementById(id);
8140                inputElement.removeAttribute("disabled");
8141                inputElement.checked = true;
8142            },
8143            addDisabledAttribute(id) {
8144                let inputElement = document.getElementById(id);
8145                inputElement.setAttribute("disabled", "disabled");
8146                inputElement.checked = false;
8147            },
8148            appendToBody() {
8149                document.body.appendChild(this.$el);
8150            },
8151            setInitModalSession() {
8152                const arrModal = sessionStorage.getItem("modal");
8153                if (!arrModal) sessionStorage.setItem("modal", "[]");
8154            },
8155            sessionModal(id) {
8156                let arrModal = sessionStorage.getItem("modal");
8157
8158                const parsedArr = JSON.parse(arrModal);
8159
8160                if (!parsedArr.includes(id)) {
8161                    parsedArr.push(id);
8162                    return JSON.stringify(parsedArr);
8163                } else {
8164                    return arrModal;
8165                }
8166            },
8167            blurOverlay () {
8168                let boolModalStatus = false;
8169                document.querySelectorAll(".modal-chc").forEach(el => {
8170                    const alpineData = Alpine.$data(el)
8171                    if (alpineData.open) boolModalStatus = true;
8172                });
8173
8174                if (!boolModalStatus) this.restoreScroll();
8175            }
8176        };
8177    });
8178});    </script>
8178
8179
8180
8181
8182
8183
8184
8185
8186
8187
8188
8189
8190
8191
8192
8193
8194
8195
8196
8197
8198
8199
8200    <style>
8201                .modal-chc .modal__parent {
8202        }
8203
8204    </style>
8205    
8206
8207    <div
8208        id=""
8209        class="h-full w-full z-50  modal-chc"
8210        style="backdrop-filter: blur(px); -webkit-backdrop-filter: blur(px);"
8211        :class="{'hidden': !open, 'fixed': open}"
8212        x-data="modal({
8213            uuid: 'video-hero',
8214            hideScroll: 'overflow-hidden',
8215            blurMobile: '',
8216            blurDesktop: '',
8217            mobileStatus: false,
8218            desktopStatus: false
8219        })"
8220        x-init="$nextTick(triggerNextTick('video-hero')); initFocus('video-hero'); initState(false, 'video-hero'); validateStorage('', 'cookies'); ; "
8221        x-cloak
8222        border-radius:8px 8px 8px 8px;
8223    >
8224        <div
8225            class="modal__parent top-0 left-0 right-0 bottom-0 z-50 flex items-center justify-center w-full h-full bg-black bg-opacity-70"
8226            :class="{'hidden': !open, 'fixed': open}"
8227            @open-modal.window="openModal($event.detail.id); $store.chcHeader.modalShow = true"
8228            @close-modal.window="closeModal('video-hero'); $store.chcHeader.modalShow = false"
8229            @click="closeModal('video-hero'); pauseVideo(), $store.chcHeader.modalShow = false"
8230            x-on:keydown.escape.window="closeModal('video-hero'); pauseVideo()"
8231        >
8232        </div>
8233        <div :class="{'hidden': !open, 'fixed': open}" class="z-50 w-full px-2 -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" @click="closeModal('video-hero'); pauseVideo(), $store.chcHeader.modalShow = false">
8234            <div
8235                tabindex="-1"
8236                role="dialog"
8237                id="modal-video-hero"
8238                data-id="video-hero"
8239                data-gtmContext="other"
8240                aria-modal="true"
8241                class=" bg-transparent text-black relative overflow-auto h-auto max-h-90vh text-left shadow-xl w-full md:w-6/12 lg:w-6/12  px-4 py-12 md:max-w-7xl md:py-8 md:px-8 lg:py-12 lg:px-12 mx-auto"
8242                style='border-radius:8px 8px 8px 8px;'
8243                @click="stopPropagation"
8244            >
8245                        <button
8246                            @click="closeModal('video-hero'), pauseVideo(), clearActiveQuicklinkClass(), $store.chcHeader.modalShow = false"
8247                            @focus="open = true"
8248                            class="close-modal-btn flex absolute top-4 right-4 items-center justify-center bg-white rounded-full p-2 z-10"
8249                            aria-label="close"
8250                            type="button"
8251                        >
8252                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor" class="w-5 h-5 text-default">
8253                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
8254                            </svg>
8255                        </button>
8256
8257
8258
8259
8260
8261
8262<div class="ContentGrid relative   ">
8263
8264
8265        <div class="flex md:flex   lg:flex-row flex-wrap  ">
8266
8267                
8268                
8269
8270
8271                    <div class="CHC gridComponent   flex flex-col  w-full   self-auto " >
8272
8273
8274
8275
8276
8277
8278  
8279  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto contentSectionItem-border-r-fdacb6c5-39f9-4797-bf84-351a9270e416    bg-transparent" x-data=""  dir="ltr">
8280    
8281
8282
8283
8284
8285
8286
8287
8288
8289
8290
8291
8292  <section id="fdacb6c5-39f9-4797-bf84-351a9270e416" class="contentGridItem--fdacb6c5-39f9-4797-bf84-351a9270e416 contentGridItem relative h-full  contentGrid-min-h-fdacb6c5-39f9-4797-bf84-351a9270e416 .background--fdacb6c5-39f9-4797-bf84-351a9270e416 contentGrid-border-r-fdacb6c5-39f9-4797-bf84-351a9270e416 " >
8293
8294
8295
8296
8297
8298
8299
8300            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("fdacb6c5-39f9-4797-bf84-351a9270e416");'>
8301
8302      <div class="contentGridItem__container relative h-full" dir="ltr">
8303        <style>
8304            .backgroundBlur-fdacb6c5-39f9-4797-bf84-351a9270e416 {
8305                backdrop-filter: blur(px);
8306                -webkit-backdrop-filter: blur(px);
8307                background-color: ;
8308                opacity: calc(/100);
8309            }
8310        </style>
8311
8312        <div class="backgroundBlur-fdacb6c5-39f9-4797-bf84-351a9270e416 absolute top-0 bottom-0 left-0 right-0"></div>
8313
8314
8315
8316
8317
8318
8319
8320
8321
8322
8323
8324
8325
8326
8327
8328
8329
8330
8331
8332
8333
8334    <div
8335      class="background--fdacb6c5-39f9-4797-bf84-351a9270e416 backgroundWrap-fdacb6c5-39f9-4797-bf84-351a9270e416  py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-cover "
8336      
8337      
8338    >
8339
8340
8341
8342
8343    
8344
8345    
8346
8347
8348
8349<div class="ContentGrid relative container mx-auto  ">
8350
8351
8352        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
8353
8354                
8355                
8356
8357
8358                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self
8358-auto " >
8359
8360
8361
8362
8363
8364
8365
8366
8367  
8368  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0  self-auto    bg-transparent" x-data=""  dir="ltr">
8369    
8370  <div x-data="{ 
8371    isMobile: window.innerWidth < 768, 
8372    inViewport: true 
8373  }" x-init="window.addEventListener('resize', () => isMobile = window.innerWidth < 768)" x-intersect.margin.300px="inViewport = true">
8374      <template x-if="inViewport">
8375        <div class="video">
8376
8377
8378
8379
8380        
8381
8382        <div x-load x-load-src="/.resources/sanofi-lm-platform/templates/macros/uiKit/video/video.js" x-data="videoJsChc({ showTranscript: false, videoType: 'youtube' })" class="h-full mx-auto bg-default py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 ">
8383            <div class="video-wrapper relative video-border-r-3625aff7-1d5f-453f-87bd-29a836f68d22 " x-init="removeDuplicateFacade">
8384            <template x-if="!loadVideo">
8385            <div @click="loadVideo = true" class="facade h-full w-full absolute left-0 top-0 cursor-pointer bg-black">
8386                    <img
8387                        class="absolute inset-0 object-cover w-full h-full" 
8388    src="/dam/jcr:9e7d574f-9cab-4866-9208-49d8be528a89/gb-FAYS-1920%20x1080.webp"
8389    loading="lazy"
8390    decoding="async"
8391    data-fade-in="true"
8392                        alt="Gold Bond - For all your SKINS" 
8393                        
8394                    />
8395                    <div class="facade__title p-4 z-30 absolute top-0 left-0 text-base text-gray-200 hover:text-white transition w-full truncate" title="Gold Bond - For all your SKINS">Gold Bond - For all your SKINS</div>
8396                        <div class="facade__button--yt facade__button--icon relative z-20 flex w-full h-full justify-center items-center bg-black bg-opacity-10">
8397                            <span class="mx-auto relative bg-black bg-opacity-50 transition"></span>
8398                        </div>
8399                </div>
8400            </template>
8401            <template x-if="loadVideo">
8402                        <div x-init="isCloned(), initYoutube()" x-data="            {
8403                paramYT: {
8404                    start: '',
8405                    end: '',
8406                    hl: '',
8407                    loop: '0',
8408                    rel: '0',
8409                    fs: '0',
8410                    mute: '0',
8411                    color: 'red',
8412                    autoplay: '0',
8413                    playlist: '',
8414                    disablekb: '1',
8415                    controls: '0',
8416                    cc_lang_pref: 'en',
8417                    cc_load_policy: '0'
8418                }
8419            }
8420" class="w-full h-full">
8421                            <div data-title="Gold Bond - For all your SKINS" data-videoId="PAfggfrClB0" data-gtmContext="other" id="youtube-iframe-3625aff7-1d5f-453f-87bd-29a836f68d22-videoProvider" class="video-player  youtube-iframe absolute top-1/2 left-1/2 h-full w-full"></div>
8422                        </div>
8423            </template>
8424            </div>
8425        </div>
8426        </div>
8427      </template>
8428  </div>
8429  </div>
8430                    </div>
8431        </div>
8432</div>
8433    </div>
8434    
8435      </div>
8436            </div>
8437
8438  </section>
8439
8440  </div>
8441                    </div>
8442        </div>
8443</div>            </div>
8444        </div>
8445    </div>
8446
8447    
8447<script type="text/javascript" async>
8448/* eslint-disable */
8449
8450document.addEventListener("alpine:init", () => {
8451    Alpine.data("modal", (config) => {
8452        const opts = {
8453            focus: false,
8454            open: false,
8455            focusTrap: null,
8456        };
8457
8458        return {
8459            ...opts,
8460            ...config,
8461            stopPropagation() {
8462                this.$event.stopPropagation();
8463            },
8464            initState(state, id) {
8465                if (state) {
8466                    if (id !== this.uuid) return;
8467    
8468                    this.open = state;
8469                    
8470                    if (!this.open) return;
8471    
8472                    this.blurOverlay();
8473                    this.preventScroll(id);
8474    
8475                    window.addEventListener("resize", () => {
8476                        this.blurOverlay();
8477                    });
8478                }
8479            },
8480            openModal(id) {
8481                if (id !== this.uuid) return;
8482                
8483                const windowW = window.innerWidth;
8484
8485                this.open = windowW < 1024? !this.mobileStatus : !this.desktopStatus;
8486
8487                if (!this.open) return;
8488
8489                this.blurOverlay();
8490                this.preventScroll(id);
8491
8492                window.addEventListener("resize", () => {
8493                    this.blurOverlay();
8494                });
8495            },
8496            closeModal(id) {
8497                this.open = false;
8498                this.$trackEvent({
8499                    event: 'click_popup',
8500                    event_type: 'click',
8501                    popup_name: id ?? ''
8502                });
8503                this.blurOverlay();
8504            },
8505            preventScroll(uuid) {
8506                if (this.uuid !== uuid) return;
8507
8508                const classHide = this.hideScroll? this.hideScroll : "overflow-hidden";
8509
8510                classHide.split(" ").forEach(scrollClass => {
8511                    const bodyEl = document.body;
8512                    if (!bodyEl.classList.contains(scrollClass)) bodyEl.classList.add(scrollClass);
8513                });
8514            },
8515            restoreScroll() {
8516                const classHide = this.hideScroll? this.hideScroll : "overflow-hidden";
8517                document.body.classList.remove(...classHide.split(" "));
8518            },
8519            triggerNextTick(id){
8520                const urlParams = new URLSearchParams(window.location.search);
8521                if (urlParams.size > 0){
8522                    const openModalParam = urlParams.get('openmodal');
8523                    if (openModalParam == id){
8524                        this.openModal(id);
8525                    }   
8526                }
8527            },
8528            timeDelay(seconds, id){
8529                this.setInitModalSession();
8530
8531                if (seconds) {
8532                    const arrModal = JSON.parse(sessionStorage.getItem("modal"));
8533                    if (!arrModal.includes(id)) {
8534                        setTimeout(() => {
8535                            this.openModal(id);
8536                            sessionStorage.setItem("modal", this.sessionModal(id));
8537                        }, seconds * 1000);
8538                    }
8539                }
8540            },
8541            scrollPosition(percentage) {
8542                if (!percentage) return;
8543            
8544                let triggered = false;
8545            
8546                const scrollHandler = () => {
8547                    // Calculate total scrollable height
8548                    const totalHeight = document.documentElement.scrollHeight - window.innerHeight;
8549                    
8550                    // Calculate the scroll position corresponding to the given percentage
8551                    const targetY = totalHeight * (percentage / 100);
8552                    
8553                    if (window.scrollY >= targetY && !triggered) {
8554                        this.open = true;
8555                        triggered = true;
8556            
8557                        // Remove the event listener after the action is triggered
8558                        document.removeEventListener('scroll', scrollHandler);
8559                    }
8560                };
8561            
8562                document.addEventListener('scroll', scrollHandler);
8563            },
8564            clickCount(id, clicks, elements) {
8565                if (!clicks || !elements || elements.length === 0) return;
8566
8567                const elementKey = elements.join("_").toLowerCase();
8568                const triggeredKey = id + '_triggered_' + elementKey;
8569            
8570                // Check if this has already been triggered in this session
8571                if (sessionStorage.getItem(triggeredKey)) {
8572                    return;
8573                }
8574
8575                const triggerKey = id + '_trigger_' + elementKey;
8576
8577                // Trigger modal if count was reached
8578                if (sessionStorage.getItem(triggerKey) == 'true') {
8579                    this.open = true;
8580
8581                    sessionStorage.removeItem(triggerKey);
8582                    sessionStorage.setItem(triggeredKey, 'true');
8583
8584                    return;
8585                }
8586
8587                const countKey = id + '_clickCount_' + elementKey;
8588                let count = parseInt(sessionStorage.getItem(countKey) || "0", 10);
8589            
8590                const clickHandler = (e) => {
8591                    // Check if the clicked element's tag name is included in the provided elements array
8592                    if (elements.map(el => el.toLowerCase()).includes(e.target.tagName.toLowerCase())) {
8593                        count++;
8594                        sessionStorage.setItem(countKey, count.toString());
8595            
8596                        if (count >= clicks) {
8597                            // Note in sessionStorage that this has been triggered
8598                            sessionStorage.setItem(triggerKey, 'true');
8599            
8600                            sessionStorage.removeItem(countKey);
8601                            document.removeEventListener('click', clickHandler); // Remove listener
8602
8603                            setTimeout(() => {
8604                                this.open = true;
8605                                sessionStorage.removeItem(triggerKey);
8606                                sessionStorage.setItem(triggeredKey, 'true');
8607                            }, 2000);
8608                        }
8609                    }
8610                };
8611            
8612                document.addEventListener('click', clickHandler);
8613            },            
8614            initFocus(id) {
8615                const container = document.getElementById("modal-" + id);
8616                let btn = container.querySelector(".close-modal-btn");
8617
8618                if (container) {
8619                    const props = {
8620                        fallbackFocus: container,
8621                        allowOutsideClick: true,
8622                        preventScroll: true,
8623                        onActivate: () => {
8624                            //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :(
8625                            setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50);
8626                        },
8627                    }
8628                    if (btn) {
8629                        props.initialFocus = btn;
8630                    }
8631                    this.focusTrap = this.$createFocusTrap("#modal-" +  id, props);
8632
8633                    this.$watch("open", (value) => {
8634                        if (value === true) {
8635                            this.focusTrap.activate();
8636                        } else {
8637                            this.focusTrap.deactivate();
8638                        }
8639                    });
8640                }
8641            },
8642            // Clear Active class for Quicklink List Item when closing modal
8643            clearActiveQuicklinkClass() {
8644                const quicklinksMenu = document.querySelector('.quicklinks')
8645                if(quicklinksMenu){
8646                    let anchors = quicklinksMenu.querySelectorAll("li.anchorItem");
8647                    anchors.forEach((anchor) => {
8648                        anchor.classList.remove('contentStyleActiveAnchorLink');
8649                    });
8650                }
8651            },
8652            pauseVideo() {
8653                var videos = document.querySelectorAll("iframe, video");
8654                Array.prototype.forEach.call(videos, function (video) {
8655                    if (video.tagName.toLowerCase() === "video") {
8656                        video.pause();
8657                    } else {
8658                        //pause iframe videos without loading/calling the Youtube ifame api
8659                        video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*");
8660                    }
8661                });
8662            },
8663            validateStorage(name, storageType="cookies") {
8664                if(name){
8665                    switch(storageType) {
8666                        case "session":
8667                            this.validateSessionStorage(name);
8668                            break;
8669                        case "local":
8670                            this.validateLocalStorage(name);
8671                            break;
8672                        default:
8673                            this.validateCookie(name);
8674                    }
8675                }
8676            },
8677            validateCookie(name) {
8678                const cookie = this.$getCookie(name);
8679                if (cookie) {
8680                    this.closeModal();
8681                }
8682            },
8683            validateSessionStorage(name) {
8684                const session = window.sessionStorage.getItem(name);
8685                if (session) {
8686                    this.closeModal();
8687                }
8688            },
8689            validateLocalStorage(name) {
8690                const local = window.localStorage.getItem(name);
8691                if (local) {
8692                    this.closeModal();
8693                }
8694            },
8695            removeDisabledAttribute(id) {
8696                let inputElement = document.getElementById(id);
8697                inputElement.removeAttribute("disabled");
8698                inputElement.checked = true;
8699            },
8700            addDisabledAttribute(id) {
8701                let inputElement = document.getElementById(id);
8702                inputElement.setAttribute("disabled", "disabled");
8703                inputElement.checked = false;
8704            },
8705            appendToBody() {
8706                document.body.appendChild(this.$el);
8707            },
8708            setInitModalSession() {
8709                const arrModal = sessionStorage.getItem("modal");
8710                if (!arrModal) sessionStorage.setItem("modal", "[]");
8711            },
8712            sessionModal(id) {
8713                let arrModal = sessionStorage.getItem("modal");
8714
8715                const parsedArr = JSON.parse(arrModal);
8716
8717                if (!parsedArr.includes(id)) {
8718                    parsedArr.push(id);
8719                    return JSON.stringify(parsedArr);
8720                } else {
8721                    return arrModal;
8722                }
8723            },
8724            blurOverlay () {
8725                let boolModalStatus = false;
8726                document.querySelectorAll(".modal-chc").forEach(el => {
8727                    const alpineData = Alpine.$data(el)
8728                    if (alpineData.open) boolModalStatus = true;
8729                });
8730
8731                if (!boolModalStatus) this.restoreScroll();
8732            }
8733        };
8734    });
8735});    </script>
8735
8736
8737
8738
8739
8740
8741
8742
8743
8744
8745
8746
8747
8748
8749
8750
8751
8752
8753
8754
8755
8756
8757    <style>
8758                .modal-chc .modal__parent {
8759        }
8760
8761    </style>
8762    
8763
8764    <div
8765        id=""
8766        class="h-full w-full z-50 hidden modal-chc"
8767        style="backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px);"
8768        :class="{'hidden': !open, 'fixed': open}"
8769        x-data="modal({
8770            uuid: '',
8771            hideScroll: 'overflow-auto',
8772            blurMobile: '0',
8773            blurDesktop: '0',
8774            mobileStatus: true,
8775            desktopStatus: true
8776        })"
8777        x-init="$nextTick(triggerNextTick('')); initFocus(''); initState(false, ''); validateStorage('', 'cookies'); ; timeDelay(30, '');"
8778        x-cloak
8779        border-radius:0px 0px 0px 0px;
8780    >
8781        <div
8782            class="modal__parent top-0 left-0 right-0 bottom-0 z-50 flex items-center justify-center w-full h-full bg-black bg-opacity-70"
8783            :class="{'hidden': !open, 'fixed': open}"
8784            @open-modal.window="openModal($event.detail.id); $store.chcHeader.modalShow = true"
8785            @close-modal.window="closeModal('5d1864bf-300d-4e79-a5d3-5183ebf312cb'); $store.chcHeader.modalShow = false"
8786            @click="closeModal('5d1864bf-300d-4e79-a5d3-5183ebf312cb'); pauseVideo(), $store.chcHeader.modalShow = false"
8787            x-on:keydown.escape.window="closeModal('5d1864bf-300d-4e79-a5d3-5183ebf312cb'); pauseVideo()"
8788        >
8789        </div>
8790        <div :class="{'hidden': !open, 'fixed': open}" class="z-50 w-full px-2 -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" @click="closeModal('5d1864bf-300d-4e79-a5d3-5183ebf312cb'); pauseVideo(), $store.chcHeader.modalShow = false">
8791            <div
8792                tabindex="-1"
8793                role="dialog"
8794                id="modal-"
8795                data-id=""
8796                data-gtmContext="other"
8797                aria-modal="true"
8798                class=" bg-transparent text-black relative overflow-auto h-auto max-h-90vh text-left shadow-xl w-full md:w-2/3 lg:w-4/12  px-4 py-12 md:max-w-7xl md:py-8 md:px-8 lg:py-12 lg:px-12 mx-auto"
8799                style='border-radius:0px 0px 0px 0px;'
8800                @click="stopPropagation"
8801            >
8802                        <button
8803                            @click="closeModal('5d1864bf-300d-4e79-a5d3-5183ebf312cb'), pauseVideo(), clearActiveQuicklinkClass(), $store.chcHeader.modalShow = false"
8804                            @focus="open = true"
8805                            class="close-modal-btn flex absolute top-2 right-3 "
8806                            aria-label="close"
8807                            type="button"
8808                        >
8809                            <span class="font-body text-default leading-none overflow-hidden text-3xl">×</span>
8810                        </button>
8811
8812
8813
8814
8815
8816
8817<div class="ContentGrid relative   ">
8818
8819
8820        <div class="flex md:flex   lg:flex-row flex-wrap  ">
8821
8822                
8823                
8824
8825
8826                    <div class="CHC gridComponent   flex flex-col  w-full   self-auto " >
8827
8828
8829  
8830
8831  
8832
8833
8834  
8835  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0  self-auto imageAttachment default   default" x-data=""  dir="ltr">
8836    
8837   
8838
8839    
8840
8841
8842
8843
8844
8845
8846
8847
8848
8849            <div class="uiImage relative block w-full block image-border-r-3ea9ae68-b914-4781-8cfc-560ee3e29bb3"  data-imageren=false>
8850
8851
8852
8853             
8854 
8855
8856
8857
8858
8859
8860    <picture>
8861      <source
8862  srcset="/dam/jcr:1dcb45fd-dec9-458b-b330-03590442d54f/Image_HP_PopUp.webp 0w"
8863        media="(max-width: 767px)"
8864        class=""
8865        
8866        />
8867      <source
8868  srcset="/dam/jcr:1dcb45fd-dec9-458b-b330-03590442d54f/Image_HP_PopUp.webp 0w"
8869        media="(min-width: 768px)"
8870        class=""
8871        
8872      />
8873      <img
8874        
8875    src="/dam/jcr:1dcb45fd-dec9-458b-b330-03590442d54f/Image_HP_PopUp.webp 0w"
8876    loading="lazy"
8877    decoding="async"
8878    data-fade-in="true"
8879        class="w-full block  block lg:hidden"
8880        alt=""
8881        
8882        
8883        
8884      />
8885      <img
8886        
8887    src="/dam/jcr:1dcb45fd-dec9-458b-b330-03590442d54f/Image_HP_PopUp.webp 0w"
8888    loading="lazy"
8889    decoding="async"
8890    data-fade-in="true"
8891        class="w-full block  hidden lg:block"
8892        alt=""
8893        
8894        
8895        
8896      />
8897    </picture>
8898                    <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div>
8899
8900          </div>
8901
8902
8903
8904
8905  </div>
8906                    </div>
8907
8908                
8909                
8910
8911
8912                    <div class="CHC gridComponent   flex flex-col  w-full   self
8912-auto " >
8913  
8914
8915
8916  
8917
8918
8919
8920
8921  
8922  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-4 px-0 md:px-0 lg:px-0 items-center self-auto contentSectionItem-border-r-111c05a9-d9ab-41f3-a715-85bc983ed600    bg-tertiary4" x-data=""  dir="ltr">
8923    
8924
8925
8926
8927
8928
8929
8930
8931
8932
8933
8934
8935  <section id="111c05a9-d9ab-41f3-a715-85bc983ed600" class="contentGridItem--111c05a9-d9ab-41f3-a715-85bc983ed600 contentGridItem relative h-full  contentGrid-min-h-111c05a9-d9ab-41f3-a715-85bc983ed600 .background--111c05a9-d9ab-41f3-a715-85bc983ed600 contentGrid-border-r-111c05a9-d9ab-41f3-a715-85bc983ed600 " >
8936
8937
8938
8939
8940
8941
8942
8943            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("111c05a9-d9ab-41f3-a715-85bc983ed600");'>
8944
8945      <div class="contentGridItem__container relative h-full" dir="ltr">
8946        <style>
8947            .backgroundBlur-111c05a9-d9ab-41f3-a715-85bc983ed600 {
8948                backdrop-filter: blur(px);
8949                -webkit-backdrop-filter: blur(px);
8950                background-color: ;
8951                opacity: calc(/100);
8952            }
8953        </style>
8954
8955        <div class="backgroundBlur-111c05a9-d9ab-41f3-a715-85bc983ed600 absolute top-0 bottom-0 left-0 right-0"></div>
8956
8957
8958
8959
8960
8961
8962
8963
8964
8965
8966
8967
8968
8969
8970
8971
8972
8973
8974
8975
8976
8977    <div
8978      class="background--111c05a9-d9ab-41f3-a715-85bc983ed600 backgroundWrap-111c05a9-d9ab-41f3-a715-85bc983ed600  py-0 md:py-0 lg:py-4 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-tertiary4  bg-center bg-no-repeat bg-cover "
8979      
8980      
8981    >
8982
8983
8984
8985
8986    
8987
8988    
8989
8990
8991
8992<div class="ContentGrid relative container mx-auto  ">
8993
8994
8995        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
8996
8997                
8998                
8999
9000
9001                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self-auto " >
9002
9003
9004  
9005  <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-0 px-0 md:px-0 lg:px-0  self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text- bg-   bg-transparent" x-data=""  dir="ltr">
9006    
9007
9008        <div class="flex items-center justify-center md:justify-center lg:justify-center ">
9009
9010            <h2 class="contentBlock__title  text-title-2 font-title text-primary1"><p>Sign Up for Gold Bond<sup class='super'>®</sup> Community</p>
9011</h2>
9012        </div>
9013
9014        
9015  </div>
9016                    </div>
9017
9018                
9019                
9020
9021
9022                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full  lg:w-9/12 self-auto " >
9023
9024
9025  
9026  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-8 md:px-8 lg:px-8  self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text- bg-   bg-transparent" x-data=""  dir="ltr">
9027    
9028
9029
9030        <div class="rich-text mt-3 text-base font-body">
9031            <p style="text-align: center;"><span class="text-body-4"><span class="text-primary1">Get exclusive offers, content, and more!</span></span></p>
9032
9033        </div>
9034        
9035  </div>
9036                    </div>
9037
9038                
9039                
9040
9041
9042                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-8/12 lg:w-8/12 self-auto " >
9043
9044
9045  
9046  <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-16 md:px-0 lg:px-0  self-auto    bg-transparent" x-data=""  dir="ltr">
9047    
9048
9049
9050
9051
9052
9053
9054
9055
9056
9057
9058
9059
9060        <div  class='w-full flex justify-center'>
9061                <style>
9062                    .button-a4d05bfb-dd2f-4bce-bdc8-70a9b9875cb9 > div {
9063                        justify-content: center;
9064                        column-gap: 4px;
9065                    }
9066                </style>
9067
9068
9069  
9070  
9071
9072<style>
9073    .button.active,
9074    .button:not(:focus):hover {
9075        background-image: none;
9076    }
9077
9078    .button:not(.button--gradientBorderHover):hover::before {
9079        z-index: -1;
9080    }
9081
9082    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
9083        background: transparent;
9084        -webkit-background-clip: unset;
9085        -webkit-text-fill-color: unset;
9086    }
9087
9088</style>
9089  <a class="group button button--default button--hoverDefault text-center font-title overflow-hidden inline-block border text-size-default   transition transition-all border rounded-full border-solid w-full  text-center button-a4d05bfb-dd2f-4bce-bdc8-70a9b9875cb9   "  
9090      href="/en-us/savings"
9091      target="_self"
9092      data-context="other"
9093  >
9094
9095    
9096
9097    <span class="  ">
9098
9099        <span>
9100                SIGN UP
9101        </span>
9102        
9103    </span>
9104  </a>
9105        </div>
9106  </div>
9107                    </div>
9108        </div>
9109</div>
9110    </div>
9111    
9112      </div>
9113            </div>
9114
9115  </section>
9116
9117  </div>
9118                    </div>
9119        </div>
9120</div>            </div>
9121        </div>
9122    </div>
9123
9124    
9124<script type="text/javascript" async>
9125/* eslint-disable */
9126
9127document.addEventListener("alpine:init", () => {
9128    Alpine.data("modal", (config) => {
9129        const opts = {
9130            focus: false,
9131            open: false,
9132            focusTrap: null,
9133        };
9134
9135        return {
9136            ...opts,
9137            ...config,
9138            stopPropagation() {
9139                this.$event.stopPropagation();
9140            },
9141            initState(state, id) {
9142                if (state) {
9143                    if (id !== this.uuid) return;
9144    
9145                    this.open = state;
9146                    
9147                    if (!this.open) return;
9148    
9149                    this.blurOverlay();
9150                    this.preventScroll(id);
9151    
9152                    window.addEventListener("resize", () => {
9153                        this.blurOverlay();
9154                    });
9155                }
9156            },
9157            openModal(id) {
9158                if (id !== this.uuid) return;
9159                
9160                const windowW = window.innerWidth;
9161
9162                this.open = windowW < 1024? !this.mobileStatus : !this.desktopStatus;
9163
9164                if (!this.open) return;
9165
9166                this.blurOverlay();
9167                this.preventScroll(id);
9168
9169                window.addEventListener("resize", () => {
9170                    this.blurOverlay();
9171                });
9172            },
9173            closeModal(id) {
9174                this.open = false;
9175                this.$trackEvent({
9176                    event: 'click_popup',
9177                    event_type: 'click',
9178                    popup_name: id ?? ''
9179                });
9180                this.blurOverlay();
9181            },
9182            preventScroll(uuid) {
9183                if (this.uuid !== uuid) return;
9184
9185                const classHide = this.hideScroll? this.hideScroll : "overflow-hidden";
9186
9187                classHide.split(" ").forEach(scrollClass => {
9188                    const bodyEl = document.body;
9189                    if (!bodyEl.classList.contains(scrollClass)) bodyEl.classList.add(scrollClass);
9190                });
9191            },
9192            restoreScroll() {
9193                const classHide = this.hideScroll? this.hideScroll : "overflow-hidden";
9194                document.body.classList.remove(...classHide.split(" "));
9195            },
9196            triggerNextTick(id){
9197                const urlParams = new URLSearchParams(window.location.search);
9198                if (urlParams.size > 0){
9199                    const openModalParam = urlParams.get('openmodal');
9200                    if (openModalParam == id){
9201                        this.openModal(id);
9202                    }   
9203                }
9204            },
9205            timeDelay(seconds, id){
9206                this.setInitModalSession();
9207
9208                if (seconds) {
9209                    const arrModal = JSON.parse(sessionStorage.getItem("modal"));
9210                    if (!arrModal.includes(id)) {
9211                        setTimeout(() => {
9212                            this.openModal(id);
9213                            sessionStorage.setItem("modal", this.sessionModal(id));
9214                        }, seconds * 1000);
9215                    }
9216                }
9217            },
9218            scrollPosition(percentage) {
9219                if (!percentage) return;
9220            
9221                let triggered = false;
9222            
9223                const scrollHandler = () => {
9224                    // Calculate total scrollable height
9225                    const totalHeight = document.documentElement.scrollHeight - window.innerHeight;
9226                    
9227                    // Calculate the scroll position corresponding to the given percentage
9228                    const targetY = totalHeight * (percentage / 100);
9229                    
9230                    if (window.scrollY >= targetY && !triggered) {
9231                        this.open = true;
9232                        triggered = true;
9233            
9234                        // Remove the event listener after the action is triggered
9235                        document.removeEventListener('scroll', scrollHandler);
9236                    }
9237                };
9238            
9239                document.addEventListener('scroll', scrollHandler);
9240            },
9241            clickCount(id, clicks, elements) {
9242                if (!clicks || !elements || elements.length === 0) return;
9243
9244                const elementKey = elements.join("_").toLowerCase();
9245                const triggeredKey = id + '_triggered_' + elementKey;
9246            
9247                // Check if this has already been triggered in this session
9248                if (sessionStorage.getItem(triggeredKey)) {
9249                    return;
9250                }
9251
9252                const triggerKey = id + '_trigger_' + elementKey;
9253
9254                // Trigger modal if count was reached
9255                if (sessionStorage.getItem(triggerKey) == 'true') {
9256                    this.open = true;
9257
9258                    sessionStorage.removeItem(triggerKey);
9259                    sessionStorage.setItem(triggeredKey, 'true');
9260
9261                    return;
9262                }
9263
9264                const countKey = id + '_clickCount_' + elementKey;
9265                let count = parseInt(sessionStorage.getItem(countKey) || "0", 10);
9266            
9267                const clickHandler = (e) => {
9268                    // Check if the clicked element's tag name is included in the provided elements array
9269                    if (elements.map(el => el.toLowerCase()).includes(e.target.tagName.toLowerCase())) {
9270                        count++;
9271                        sessionStorage.setItem(countKey, count.toString());
9272            
9273                        if (count >= clicks) {
9274                            // Note in sessionStorage that this has been triggered
9275                            sessionStorage.setItem(triggerKey, 'true');
9276            
9277                            sessionStorage.removeItem(countKey);
9278                            document.removeEventListener('click', clickHandler); // Remove listener
9279
9280                            setTimeout(() => {
9281                                this.open = true;
9282                                sessionStorage.removeItem(triggerKey);
9283                                sessionStorage.setItem(triggeredKey, 'true');
9284                            }, 2000);
9285                        }
9286                    }
9287                };
9288            
9289                document.addEventListener('click', clickHandler);
9290            },            
9291            initFocus(id) {
9292                const container = document.getElementById("modal-" + id);
9293                let btn = container.querySelector(".close-modal-btn");
9294
9295                if (container) {
9296                    const props = {
9297                        fallbackFocus: container,
9298                        allowOutsideClick: true,
9299                        preventScroll: true,
9300                        onActivate: () => {
9301                            //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :(
9302                            setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50);
9303                        },
9304                    }
9305                    if (btn) {
9306                        props.initialFocus = btn;
9307                    }
9308                    this.focusTrap = this.$createFocusTrap("#modal-" +  id, props);
9309
9310                    this.$watch("open", (value) => {
9311                        if (value === true) {
9312                            this.focusTrap.activate();
9313                        } else {
9314                            this.focusTrap.deactivate();
9315                        }
9316                    });
9317                }
9318            },
9319            // Clear Active class for Quicklink List Item when closing modal
9320            clearActiveQuicklinkClass() {
9321                const quicklinksMenu = document.querySelector('.quicklinks')
9322                if(quicklinksMenu){
9323                    let anchors = quicklinksMenu.querySelectorAll("li.anchorItem");
9324                    anchors.forEach((anchor) => {
9325                        anchor.classList.remove('contentStyleActiveAnchorLink');
9326                    });
9327                }
9328            },
9329            pauseVideo() {
9330                var videos = document.querySelectorAll("iframe, video");
9331                Array.prototype.forEach.call(videos, function (video) {
9332                    if (video.tagName.toLowerCase() === "video") {
9333                        video.pause();
9334                    } else {
9335                        //pause iframe videos without loading/calling the Youtube ifame api
9336                        video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*");
9337                    }
9338                });
9339            },
9340            validateStorage(name, storageType="cookies") {
9341                if(name){
9342                    switch(storageType) {
9343                        case "session":
9344                            this.validateSessionStorage(name);
9345                            break;
9346                        case "local":
9347                            this.validateLocalStorage(name);
9348                            break;
9349                        default:
9350                            this.validateCookie(name);
9351                    }
9352                }
9353            },
9354            validateCookie(name) {
9355                const cookie = this.$getCookie(name);
9356                if (cookie) {
9357                    this.closeModal();
9358                }
9359            },
9360            validateSessionStorage(name) {
9361                const session = window.sessionStorage.getItem(name);
9362                if (session) {
9363                    this.closeModal();
9364                }
9365            },
9366            validateLocalStorage(name) {
9367                const local = window.localStorage.getItem(name);
9368                if (local) {
9369                    this.closeModal();
9370                }
9371            },
9372            removeDisabledAttribute(id) {
9373                let inputElement = document.getElementById(id);
9374                inputElement.removeAttribute("disabled");
9375                inputElement.checked = true;
9376            },
9377            addDisabledAttribute(id) {
9378                let inputElement = document.getElementById(id);
9379                inputElement.setAttribute("disabled", "disabled");
9380                inputElement.checked = false;
9381            },
9382            appendToBody() {
9383                document.body.appendChild(this.$el);
9384            },
9385            setInitModalSession() {
9386                const arrModal = sessionStorage.getItem("modal");
9387                if (!arrModal) sessionStorage.setItem("modal", "[]");
9388            },
9389            sessionModal(id) {
9390                let arrModal = sessionStorage.getItem("modal");
9391
9392                const parsedArr = JSON.parse(arrModal);
9393
9394                if (!parsedArr.includes(id)) {
9395                    parsedArr.push(id);
9396                    return JSON.stringify(parsedArr);
9397                } else {
9398                    return arrModal;
9399                }
9400            },
9401            blurOverlay () {
9402                let boolModalStatus = false;
9403                document.querySelectorAll(".modal-chc").forEach(el => {
9404                    const alpineData = Alpine.$data(el)
9405                    if (alpineData.open) boolModalStatus = true;
9406                });
9407
9408                if (!boolModalStatus) this.restoreScroll();
9409            }
9410        };
9411    });
9412});    </script>
vendor: 1 bytes, line 9412
9412
9413<script src="/.resources/sanofi-lm-chc/themes/chc/dist/common~2026-09-15-09-45-00-000~cache.js" async></script>
vendor: 1 bytes, line 9413
9413
9414<script src="/.resources/sanofi-lm-chc/themes/chc/dist/pages/chcDefaultPage~2026-09-15-09-45-00-000~cache.js" async></script>
9414        <div class="overrideFonts">
9415                
9415<script>
9416if (document.querySelector('[name="algo:pageType"]').content === 'pdp') {
9417    document.body.classList.add('product-detail');
9418}
9419
9420function noOverlayBreadCrumbs() {
9421    document.body.classList.add('noBreadCrumbOverlay');
9422    const breadCrumbs =  document.querySelector('.breadcrumbs').cloneNode(true);
9423    breadCrumbs.classList.remove('absolute');
9424    breadCrumbs.classList.add('relative');
9425    breadCrumbs.classList.add('bread-crumbs');
9426    
9427    document.querySelector('.hero-wrap > .relative').insertAdjacentElement('afterbegin', breadCrumbs);
9428}
9429
9430function whiteBreadCrumbs() {
9431    document.body.classList.add('whiteBreadcrumbs');
9432}
9433
9434function whiteBreadCrumbs() {
9435    document.querySelector(`.breadcrumbs`).classList.add('breadCrumbsWhite');
9436}
9437
9438</script>
9438
9439
9440<!--- Sticky button  --->
9441<script>
9442    if (document.querySelector('[class="site-data"]').innerHTML.includes('home_page')) {
9443        const wloc = window.location;
9444        const homepageClass = wloc.href.includes('author') || (window.location.pathname === '/en-us') ? 'homepage' : 'page';
9445        document.body.classList.add(homepageClass); 
9446    }
9447</script>
9447
9448
9449<script>
9450if (window.location.href.includes('money-back-guarantee') || window.location.href.includes('skincare-science') || window.location.href.includes('where-to-buy')) {
9451    document.querySelector('.hero-wrap').classList.add('mt-90');
9452}
9453</script>
9453
9454
9455<!--- 595 hide sign up and save --->
9456<script>
9457
9458if (document.querySelector('[name="algo:pageType"]').content == 'pdp') {
9459    const savingsBtns = window.location.href.match('.net') ? document.querySelectorAll('a.button[href="/goldbond-rebrand/en-us/savings"]') : document.querySelectorAll('a.button[href="/en-us/savings"]'); 
9460    savingsBtns.forEach((btn, i) => {
9461        if (btn.closest('.hero-wrap')) {
9462            btn.closest('section').parentNode.parentNode.closest('section').style.display = 'none';
9463        }
9464
9465        if (btn.closest('main')) {
9466            btn.closest('.CHC').style.display = 'none';
9467        }
9468    });
9469}
9470</script>
9470
9471
9472<!--- 451 fix pdp coupons --->
9473<script>
9474if (document.querySelector('meta[name="algo:pageType"]').getAttribute('content') == 'pdp') {
9475	if (document.querySelectorAll('[href*="coupons"]').length) {
9476		document.querySelectorAll('[href*="coupons"]').forEach((coupon) => {
9477		    coupon.style.display = 'none';
9478			coupon.href = coupon.getAttribute('href').replace('coupons','savings');
9479		})
9480		/*
9481		const couponsLink = document.querySelector('[href*="coupons"]');
9482		couponsLink.href = couponsLink.getAttribute('href').replace('coupons','savings');
9483		*/
9484	}
9485	
9486	/* 651 */
9487	document.querySelectorAll('[href*="savings"]').forEach((link) => {
9488    	if (link.closest('.hero-wrap')) {
9489    		link.closest('section').parentNode.closest('section').parentNode.closest('section').parentNode.closest('.CHC').style.display = 'none';
9490    	}
9491    
9492    	if (link.closest('main')) {
9493    		link.closest('.CHC').style.display = 'none';
9494    	}
9495    });
9496}
9497</script>
9497
9498
9499<script>
9500    // FOR BCORP CUSTOM OPEN IN NEW TAB FEATURE
9501    let bcorpLink = document.querySelector('.subNav__itemWrap > a[href*="/b-corp"]');
9502    bcorpLink.setAttribute('target','_blank');
9503</script>
9503
9504
9505
9506
9507<!-- FIX bug play button hero bg video -->
9508<script>
9509document.querySelector('.contentGridItem--2cadcb8d-c364-46d1-8af3-13a468728062 .videoButton').onclick = function() {
9510    const deviceAgent = window.navigator.userAgent.toLowerCase();
9511    if (deviceAgent.includes('iphone') || deviceAgent.includes('ipad') || deviceAgent.includes('android')) {
9512        const hbgvid = document.querySelector('.desktopVideo');
9513        const playbtn = document.querySelector('.contentGridItem--2cadcb8d-c364-46d1-8af3-13a468728062 .videoButton svg [x-show="!isPlaying"]');
9514        const pausebtn = document.querySelector('.contentGridItem--2cadcb8d-c364-46d1-8af3-13a468728062 .videoButton svg [x-show="isPlaying"]');
9515        if(!!(hbgvid.currentTime > 0 && !hbgvid.paused && hbgvid.readyState > 2)) {
9516            hbgvid.pause();
9517            pausebtn.style.display = "none";
9518            playbtn.style.display = "block";
9519        } else {
9520            hbgvid.play();
9521            pausebtn.style.display = "block";
9522            playbtn.style.display = "none";
9523        } 	
9524    }
9525};
9526</script>
9526
9527
9528
9529            
9529<script>
9530document.body.classList.add('product-detail');
9531</script>
9531
9532        </div>
9533
9534
9535    </body>
9536</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.