PageSourceSearch

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

html goldbond.com collected 2026-10-03 21:54:11 UTC 321,852 bytes, 9,546 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': '36907ad5-9bc6-4a4d-b489-beea6d8b272e',
3261                        'item_name': 'RETINOL OVERNIGHT BODY &amp; FACE LOTION',
3262                        'item_variant': `none`,
3263                        'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`
3264                    },
3265                    {
3266                        'index': 4,
3267                        'item_id': '6d19eba1-59ea-4aea-aa9f-8ddbf73989c6',
3268                        'item_name': 'DAILY BODY &amp; FACE HEALING SENSITIVE LOTION',
3269                        'item_variant': `none`,
3270                        'item_category': `LOTION, CREAM, DAILY MOISTURIZER, NECK & CHEST, BODY, FACE, HAND, FOOT`
3271                    },
3272                    {
3273                        'index': 5,
3274                        'item_id': '73d669a9-2b9b-40bb-9d50-6e26e8c678f5',
3275                        'item_name': 'TIGHT &amp; FIRM BODY &amp; FACE LOTION',
3276                        'item_variant': `none`,
3277                        'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`
3278                    },
3279                    {
3280                        'index': 6,
3281                        'item_id': 'a564a4a5-6d2b-429a-8b16-6e346e87afb0',
3282                        'item_name': 'ECZEMA RELIEF CREAM',
3283                        'item_variant': `none`,
3284                        'item_category': `ECZEMA, ANTI-ITCH & OTHER SKIN CONDITIONS, LOTION, CREAM, BODY, NECK & CHEST, HAND, FOOT`
3285                    },
3286                    {
3287                        'index': 7,
3288                        'item_id': '5f9a08fa-b480-428d-bd35-e642805ef293',
3289                        'item_name': 'AGE RENEW CREPE CORRECTOR LOTION',
3290                        'item_variant': `none`,
3291                        'item_category': `LOTION, AGING SKIN, BODY, NECK & CHEST, FACE, HAND, FOOT, HEALING OVERNIGHT`
3292                    },
3293                    {
3294                        'index': 8,
3295                        'item_id': '2dda5aa4-4c61-4ed2-ba08-71fa2c7a351f',
3296                        'item_name': 'PLUMPING COLLAGEN BODY &amp; FACE SERUM LOTION',
3297                        'item_variant': `none`,
3298                        'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST`
3299                    },
3300                    {
3301                        'index': 9,
3302                        'item_id': 'aea140ab-cfb1-4ad2-9ad2-99f025b22954',
3303                        'item_name': 'FOOT POWDER',
3304                        'item_variant': `none`,
3305                        'item_category': `MOISTURE & ODOR CONTROL, ANTI-ITCH & OTHER SKIN CONDITIONS, POWDER, FOOT`
3306                    },
3307                    {
3308                        'index': 10,
3309                        'item_id': '98777cca-e2e0-4038-88ed-f8aba3a0062c',
3310                        'item_name': 'HEALING OVERNIGHT BODY &amp; FACE LOTION',
3311                        'item_variant': `none`,
3312                        'item_category': `AGING SKIN, LOTION, ANTIOXIDANT DEFENSE`
3313                    },
3314                    {
3315                        'index': 11,
3316                        'item_id': '49cd8199-4019-4e8a-b142-9e5adda82982',
3317                        'item_name': 'DIABETICS\\\\&#39; DRY SKIN LOTION',
3318                        'item_variant': `none`,
3319                        'item_category': `DIABETIC DRY SKIN, LOTION, BODY, NECK & CHEST, HAND, FOOT, ANTI-ITCH & OTHER SKIN CONDITIONS`
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/retinol-overnight" title="" target=""                             @click="
4153                                $dispatch('track-event', {
4154                                    'event': 'cmp_event',
4155                                    'title': 'RETINOL OVERNIGHT BODY &amp; FACE LOTION',
4156                                    'position': '3',
4157                                    'context': 'other'
4158                                });
4159                                $dispatch('track-event', {
4160                                    'event': 'select_item',
4161                                    'event_type': 'click',
4162                                    'item_name': 'RETINOL OVERNIGHT BODY &amp; FACE LOTION',
4163                                    'index': 3,
4164                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`,
4165                                    'item_variant': 'none',
4166                                    'item_id': '36907ad5-9bc6-4a4d-b489-beea6d8b272e',
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:aee82eb7-5d78-4ef8-b7bc-f5949a47d6d0/GoldBond_Retinol_tube_PDP_F.webp"
4191    loading="lazy"
4192    decoding="async"
4193    data-fade-in="true"
4194                    class="w-full block object-contain h-300  "
4195                    alt="Front of Gold Bond Age Renew Retinol Overnight Body & Face Lotion tube"
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/retinol-overnight" title="" target=""                             @click="
4213                                $dispatch('track-event', {
4214                                    'event': 'cmp_event',
4215                                    'title': 'RETINOL OVERNIGHT BODY &amp; FACE LOTION',
4216                                    'position': '3',
4217                                    'context': 'other'
4218                                });
4219                                $dispatch('track-event', {
4220                                    'event': 'select_item',
4221                                    'event_type': 'click',
4222                                    'item_name': 'RETINOL OVERNIGHT BODY &amp; FACE LOTION',
4223                                    'index': 3,
4224                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`,
4225                                    'item_variant': 'none',
4226                                    'item_id': '36907ad5-9bc6-4a4d-b489-beea6d8b272e',
4227                                });
4228                            "
4229>
4230						<h3 class="font-card break-words 						text-default
4231  text-title-6 text- hover:underline">RETINOL OVERNIGHT BODY & FACE 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="retinal-overnight" data-bv-redirect-url="/en-us/products/retinol-overnight#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=9648871e-5cc1-4331-8841-40293a4c5802' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4250                        <span >
4251                            AGING SKIN
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=f0e2b6f8-6f92-4029-a4e3-370248dae43c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4260                        <span >
4261                            LOTION
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=d93bc338-cccd-4293-826a-9daf2658f5d5' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4270                        <span >
4271                            FACE
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=c4a48893-be3f-4c6e-ab75-1cdfee57be13' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4280                        <span >
4281                            BODY
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=a550f770-100b-4baa-a7f5-8677493fca4f' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4290                        <span >
4291                            NECK & CHEST
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=a3a5d13b-b3ad-4e65-9d99-c0ed6961f39d' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4300                        <span >
4301                            HAND
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=89a3adb0-8536-4c75-81a2-025e30f22c30' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4310                        <span >
4311                            FOOT
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=056e91e8-8f15-4757-ae21-0c5806c9e915' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4320                        <span >
4321                            ANTIOXIDANT DEFENSE
4322                        </span>
4323                    </a>
4324                </li>
4325
4326
4327                        
4328                <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">
4329                    <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">
4330                        <span >
4331                            PLUMPING COLLAGEN LOTION
4332                        </span>
4333                    </a>
4334                </li>
4335        </ul>
4336					</div>
4337
4338				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p>Clinically shown to reveal smoother, younger-looking skin overnight.</p>
4339</div>
4340
4341			
4342			
4343				<div id="spacer" class="flex-grow "></div>
4344				<div class="card__actions " x-data="">
4345
4346						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
4347							
4348							<div  class="h-full w-full">
4349
4350
4351  
4352  
4353
4354<style>
4355    .button.active,
4356    .button:not(:focus):hover {
4357        background-image: none;
4358    }
4359
4360    .button:not(.button--gradientBorderHover):hover::before {
4361        z-index: -1;
4362    }
4363
4364    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
4365        background: transparent;
4366        -webkit-background-clip: unset;
4367        -webkit-text-fill-color: unset;
4368    }
4369
4370</style>
4371  <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="
4372                                $dispatch('track-event', {
4373                                    'event': 'cmp_event',
4374                                    'title': 'RETINOL OVERNIGHT BODY &amp; FACE LOTION',
4375                                    'position': '3',
4376                                    'context': 'other'
4377                                });
4378                                $dispatch('track-event', {
4379                                    'event': 'select_item',
4380                                    'event_type': 'click',
4381                                    'item_name': 'RETINOL OVERNIGHT BODY &amp; FACE LOTION',
4382                                    'index': 3,
4383                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`,
4384                                    'item_variant': 'none',
4385                                    'item_id': '36907ad5-9bc6-4a4d-b489-beea6d8b272e',
4386                                });
4387                            "
4388 
4389      href="/en-us/products/retinol-overnight"
4390  >
4391
4392    
4393
4394    <span class="  ">
4395
4396        <span>
4397												
4398													SHOP NOW  
4399        </span>
4400        
4401    </span>
4402  </a>
4403							</div>
4404						</div>
4405				</div>
4406		</div>
4407
4408	</div>
4409
4410
4411
4412
4413
4414                            
4415
4416
4417
4418                            
4419
4420
4421
4422
4423
4424
4425
4426
4427
4428
4429	
4430
4431
4432
4433
4434
4435
4436
4437
4438
4439	<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'>
4440					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
4441
4442
4443						<a href="/en-us/products/healing-sensitive" title="" target=""                             @click="
4444                                $dispatch('track-event', {
4445                                    'event': 'cmp_event',
4446                                    'title': 'DAILY BODY &amp; FACE HEALING SENSITIVE LOTION',
4447                                    'position': '4',
4448                                    'context': 'other'
4449                                });
4450                                $dispatch('track-event', {
4451                                    'event': 'select_item',
4452                                    'event_type': 'click',
4453                                    'item_name': 'DAILY BODY &amp; FACE HEALING SENSITIVE LOTION',
4454                                    'index': 4,
4455                                    'item_category': `LOTION, CREAM, DAILY MOISTURIZER, NECK & CHEST, BODY, FACE, HAND, FOOT`,
4456                                    'item_variant': 'none',
4457                                    'item_id': '6d19eba1-59ea-4aea-aa9f-8ddbf73989c6',
4458                                });
4459                            "
4460>
4461
4462
4463
4464
4465
4466
4467
4468
4469
4470
4471            <div class="uiImage relative block w-full card__image"  data-imageren=true>
4472
4473
4474
4475             
4476
4477
4478                  <img
4479                                width="1344" height="1650"
4480
4481    src="/dam/jcr:c989df90-493f-4978-8cfd-2eef51ec3cfa/GoldBond_HealingSensitive_13oz_Tube_F_New_1344x1650.webp"
4482    loading="lazy"
4483    decoding="async"
4484    data-fade-in="true"
4485                    class="w-full block object-contain h-300  "
4486                    alt="Front image of the Gold Bond Healing Sensitive lotion 13 oz pump"
4487                    
4488                    
4489                  />
4490
4491
4492            
4493          </div>
4494		
4495						</a>
4496
4497			</div>
4498
4499				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
4500
4501
4502
4503							<a href="/en-us/products/healing-sensitive" title="" target=""                             @click="
4504                                $dispatch('track-event', {
4505                                    'event': 'cmp_event',
4506                                    'title': 'DAILY BODY &amp; FACE HEALING SENSITIVE LOTION',
4507                                    'position': '4',
4508                                    'context': 'other'
4509                                });
4510                                $dispatch('track-event', {
4511                                    'event': 'select_item',
4512                                    'event_type': 'click',
4513                                    'item_name': 'DAILY BODY &amp; FACE HEALING SENSITIVE LOTION',
4514                                    'index': 4,
4515                                    'item_category': `LOTION, CREAM, DAILY MOISTURIZER, NECK & CHEST, BODY, FACE, HAND, FOOT`,
4516                                    'item_variant': 'none',
4517                                    'item_id': '6d19eba1-59ea-4aea-aa9f-8ddbf73989c6',
4518                                });
4519                            "
4520>
4521						<h3 class="font-card break-words 						text-default
4522  text-title-6 text- hover:underline">DAILY BODY & FACE HEALING SENSITIVE LOTION</h3>
4523							</a>
4524
4525			
4526			
4527			
4528				<div class="py-2 flex justify-start">
4529						<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>
4530				</div>
4531
4532					<div class="mb-4">
4533
4534
4535        <ul class="flex flex-wrap font-body justify-start">
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=a04efb05-15c8-4b3f-ba72-f01c6fd5f6eb' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4551                        <span >
4552                            CREAM
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=5152b2ca-b3aa-4638-bdc7-5197854eccf7' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4561                        <span >
4562                            DAILY MOISTURIZER
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=c4a48893-be3f-4c6e-ab75-1cdfee57be13' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4581                        <span >
4582                            BODY
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=d93bc338-cccd-4293-826a-9daf2658f5d5' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4591                        <span >
4592                            FACE
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=a3a5d13b-b3ad-4e65-9d99-c0ed6961f39d' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4601                        <span >
4602                            HAND
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=89a3adb0-8536-4c75-81a2-025e30f22c30' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4611                        <span >
4612                            FOOT
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>Moisturizes, heals and soothes dry, sensitive skin.</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': 'DAILY BODY &amp; FACE HEALING SENSITIVE LOTION',
4656                                    'position': '4',
4657                                    'context': 'other'
4658                                });
4659                                $dispatch('track-event', {
4660                                    'event': 'select_item',
4661                                    'event_type': 'click',
4662                                    'item_name': 'DAILY BODY &amp; FACE HEALING SENSITIVE LOTION',
4663                                    'index': 4,
4664                                    'item_category': `LOTION, CREAM, DAILY MOISTURIZER, NECK & CHEST, BODY, FACE, HAND, FOOT`,
4665                                    'item_variant': 'none',
4666                                    'item_id': '6d19eba1-59ea-4aea-aa9f-8ddbf73989c6',
4667                                });
4668                            "
4669 
4670      href="/en-us/products/healing-sensitive"
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/tight-and-firm" title="" target=""                             @click="
4725                                $dispatch('track-event', {
4726                                    'event': 'cmp_event',
4727                                    'title': 'TIGHT &amp; FIRM BODY &amp; FACE LOTION',
4728                                    'position': '5',
4729                                    'context': 'other'
4730                                });
4731                                $dispatch('track-event', {
4732                                    'event': 'select_item',
4733                                    'event_type': 'click',
4734                                    'item_name': 'TIGHT &amp; FIRM BODY &amp; FACE LOTION',
4735                                    'index': 5,
4736                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`,
4737                                    'item_variant': 'none',
4738                                    'item_id': '73d669a9-2b9b-40bb-9d50-6e26e8c678f5',
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=true>
4753
4754
4755
4756             
4757
4758
4759                  <img
4760                                width="976" height="1200"
4761
4762    src="/dam/jcr:b5a29b2b-655a-4734-97c9-669517a36d40/GoldBond_ProductCard_TightFirm%20(1).webp"
4763    loading="lazy"
4764    decoding="async"
4765    data-fade-in="true"
4766                    class="w-full block object-contain h-300  "
4767                    alt="Front image of the Gold Bond Age Renew Tight & Firm Body and Face Lotion tube."
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/tight-and-firm" title="" target=""                             @click="
4785                                $dispatch('track-event', {
4786                                    'event': 'cmp_event',
4787                                    'title': 'TIGHT &amp; FIRM BODY &amp; FACE LOTION',
4788                                    'position': '5',
4789                                    'context': 'other'
4790                                });
4791                                $dispatch('track-event', {
4792                                    'event': 'select_item',
4793                                    'event_type': 'click',
4794                                    'item_name': 'TIGHT &amp; FIRM BODY &amp; FACE LOTION',
4795                                    'index': 5,
4796                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`,
4797                                    'item_variant': 'none',
4798                                    'item_id': '73d669a9-2b9b-40bb-9d50-6e26e8c678f5',
4799                                });
4800                            "
4801>
4802						<h3 class="font-card break-words 						text-default
4803  text-title-6 text- hover:underline">TIGHT & FIRM BODY & FACE LOTION</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="Tight_Firm" data-bv-redirect-url="/en-us/products/tight-and-firm#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=9648871e-5cc1-4331-8841-40293a4c5802' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4822                        <span >
4823                            AGING SKIN
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=f0e2b6f8-6f92-4029-a4e3-370248dae43c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4832                        <span >
4833                            LOTION
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=d93bc338-cccd-4293-826a-9daf2658f5d5' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4842                        <span >
4843                            FACE
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=c4a48893-be3f-4c6e-ab75-1cdfee57be13' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4852                        <span >
4853                            BODY
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=a550f770-100b-4baa-a7f5-8677493fca4f' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4862                        <span >
4863                            NECK & CHEST
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=a3a5d13b-b3ad-4e65-9d99-c0ed6961f39d' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4872                        <span >
4873                            HAND
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=89a3adb0-8536-4c75-81a2-025e30f22c30' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4882                        <span >
4883                            FOOT
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=056e91e8-8f15-4757-ae21-0c5806c9e915' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
4892                        <span >
4893                            ANTIOXIDANT DEFENSE
4894                        </span>
4895                    </a>
4896                </li>
4897
4898
4899                        
4900                <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">
4901                    <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">
4902                        <span >
4903                            PLUMPING COLLAGEN LOTION
4904                        </span>
4905                    </a>
4906                </li>
4907        </ul>
4908					</div>
4909
4910				<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>
4911</div>
4912
4913			
4914			
4915				<div id="spacer" class="flex-grow "></div>
4916				<div class="card__actions " x-data="">
4917
4918						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
4919							
4920							<div  class="h-full w-full">
4921
4922
4923  
4924  
4925
4926<style>
4927    .button.active,
4928    .button:not(:focus):hover {
4929        background-image: none;
4930    }
4931
4932    .button:not(.button--gradientBorderHover):hover::before {
4933        z-index: -1;
4934    }
4935
4936    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
4937        background: transparent;
4938        -webkit-background-clip: unset;
4939        -webkit-text-fill-color: unset;
4940    }
4941
4942</style>
4943  <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="
4944                                $dispatch('track-event', {
4945                                    'event': 'cmp_event',
4946                                    'title': 'TIGHT &amp; FIRM BODY &amp; FACE LOTION',
4947                                    'position': '5',
4948                                    'context': 'other'
4949                                });
4950                                $dispatch('track-event', {
4951                                    'event': 'select_item',
4952                                    'event_type': 'click',
4953                                    'item_name': 'TIGHT &amp; FIRM BODY &amp; FACE LOTION',
4954                                    'index': 5,
4955                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST, HAND, FOOT, ANTIOXIDANT DEFENSE, PLUMPING COLLAGEN LOTION`,
4956                                    'item_variant': 'none',
4957                                    'item_id': '73d669a9-2b9b-40bb-9d50-6e26e8c678f5',
4958                                });
4959                            "
4960 
4961      href="/en-us/products/tight-and-firm"
4962  >
4963
4964    
4965
4966    <span class="  ">
4967
4968        <span>
4969												
4970													SHOP NOW  
4971        </span>
4972        
4973    </span>
4974  </a>
4975							</div>
4976						</div>
4977				</div>
4978		</div>
4979
4980	</div>
4981
4982
4983
4984
4985
4986                            
4987
4988
4989
4990                            
4991
4992
4993
4994
4995
4996
4997
4998
4999
5000
5001	
5002
5003
5004
5005
5006
5007
5008
5009
5010
5011	<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'>
5012					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
5013
5014
5015						<a href="/en-us/products/eczema-relief" title="" target=""                             @click="
5016                                $dispatch('track-event', {
5017                                    'event': 'cmp_event',
5018                                    'title': 'ECZEMA RELIEF CREAM',
5019                                    'position': '6',
5020                                    'context': 'other'
5021                                });
5022                                $dispatch('track-event', {
5023                                    'event': 'select_item',
5024                                    'event_type': 'click',
5025                                    'item_name': 'ECZEMA RELIEF CREAM',
5026                                    'index': 6,
5027                                    'item_category': `ECZEMA, ANTI-ITCH & OTHER SKIN CONDITIONS, LOTION, CREAM, BODY, NECK & CHEST, HAND, FOOT`,
5028                                    'item_variant': 'none',
5029                                    'item_id': 'a564a4a5-6d2b-429a-8b16-6e346e87afb0',
5030                                });
5031                            "
5032>
5033
5034
5035
5036
5037
5038
5039
5040
5041
5042
5043            <div class="uiImage relative block w-full card__image"  data-imageren=false>
5044
5045
5046
5047             
5048
5049
5050                    <img
5051                      
5052    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"
5053    loading="lazy"
5054    decoding="async"
5055    data-fade-in="true"
5056                      class="w-full block object-contain h-300 "
5057                      alt="Front of Gold Bond Eczema Relief Lotion"
5058                      
5059                      
5060                      
5061                    />
5062
5063
5064              
5065          </div>
5066		
5067						</a>
5068
5069			</div>
5070
5071				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
5072
5073
5074
5075							<a href="/en-us/products/eczema-relief" title="" target=""                             @click="
5076                                $dispatch('track-event', {
5077                                    'event': 'cmp_event',
5078                                    'title': 'ECZEMA RELIEF CREAM',
5079                                    'position': '6',
5080                                    'context': 'other'
5081                                });
5082                                $dispatch('track-event', {
5083                                    'event': 'select_item',
5084                                    'event_type': 'click',
5085                                    'item_name': 'ECZEMA RELIEF CREAM',
5086                                    'index': 6,
5087                                    'item_category': `ECZEMA, ANTI-ITCH & OTHER SKIN CONDITIONS, LOTION, CREAM, BODY, NECK & CHEST, HAND, FOOT`,
5088                                    'item_variant': 'none',
5089                                    'item_id': 'a564a4a5-6d2b-429a-8b16-6e346e87afb0',
5090                                });
5091                            "
5092>
5093						<h3 class="font-card break-words 						text-default
5094  text-title-6 text- hover:underline">ECZEMA RELIEF CREAM</h3>
5095							</a>
5096
5097			
5098			
5099			
5100				<div class="py-2 flex justify-start">
5101						<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>
5102				</div>
5103
5104					<div class="mb-4">
5105
5106
5107        <ul class="flex flex-wrap font-body justify-start">
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=200f1855-5b3c-4867-88fb-ad6afaac7d6e' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5113                        <span >
5114                            ECZEMA
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=5b60d0aa-982d-4af1-9b51-f1d1eb8f0995' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5123                        <span >
5124                            ANTI-ITCH & OTHER SKIN CONDITIONS
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=f0e2b6f8-6f92-4029-a4e3-370248dae43c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5133                        <span >
5134                            LOTION
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=a04efb05-15c8-4b3f-ba72-f01c6fd5f6eb' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5143                        <span >
5144                            CREAM
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=c4a48893-be3f-4c6e-ab75-1cdfee57be13' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5153                        <span >
5154                            BODY
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=a550f770-100b-4baa-a7f5-8677493fca4f' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5163                        <span >
5164                            NECK & CHEST
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=a3a5d13b-b3ad-4e65-9d99-c0ed6961f39d' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5173                        <span >
5174                            HAND
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=89a3adb0-8536-4c75-81a2-025e30f22c30' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5183                        <span >
5184                            FOOT
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>The #1 eczema symptom relief brand in the hand and body lotion aisle*</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': 'ECZEMA RELIEF CREAM',
5228                                    'position': '6',
5229                                    'context': 'other'
5230                                });
5231                                $dispatch('track-event', {
5232                                    'event': 'select_item',
5233                                    'event_type': 'click',
5234                                    'item_name': 'ECZEMA RELIEF CREAM',
5235                                    'index': 6,
5236                                    'item_category': `ECZEMA, ANTI-ITCH & OTHER SKIN CONDITIONS, LOTION, CREAM, BODY, NECK & CHEST, HAND, FOOT`,
5237                                    'item_variant': 'none',
5238                                    'item_id': 'a564a4a5-6d2b-429a-8b16-6e346e87afb0',
5239                                });
5240                            "
5241 
5242      href="/en-us/products/eczema-relief"
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/crepe-corrector-age-defense" title="" target=""                             @click="
5297                                $dispatch('track-event', {
5298                                    'event': 'cmp_event',
5299                                    'title': 'AGE RENEW CREPE CORRECTOR LOTION',
5300                                    'position': '7',
5301                                    'context': 'other'
5302                                });
5303                                $dispatch('track-event', {
5304                                    'event': 'select_item',
5305                                    'event_type': 'click',
5306                                    'item_name': 'AGE RENEW CREPE CORRECTOR LOTION',
5307                                    'index': 7,
5308                                    'item_category': `LOTION, AGING SKIN, BODY, NECK & CHEST, FACE, HAND, FOOT, HEALING OVERNIGHT`,
5309                                    'item_variant': 'none',
5310                                    'item_id': '5f9a08fa-b480-428d-bd35-e642805ef293',
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=true>
5325
5326
5327
5328             
5329
5330
5331                  <img
5332                                width="1344" height="1650"
5333
5334    src="/dam/jcr:0d40ce65-11a8-41f8-ac38-463a63aa588f/GoldBond_CrepeCorrectorAgeRenewCream_14oz_Pump_F_New_1344x1650.webp"
5335    loading="lazy"
5336    decoding="async"
5337    data-fade-in="true"
5338                    class="w-full block object-contain h-300  "
5339                    alt=" Front of Gold Bond Age Renew Crepe Corrector body Lotion tube"
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/crepe-corrector-age-defense" title="" target=""                             @click="
5357                                $dispatch('track-event', {
5358                                    'event': 'cmp_event',
5359                                    'title': 'AGE RENEW CREPE CORRECTOR LOTION',
5360                                    'position': '7',
5361                                    'context': 'other'
5362                                });
5363                                $dispatch('track-event', {
5364                                    'event': 'select_item',
5365                                    'event_type': 'click',
5366                                    'item_name': 'AGE RENEW CREPE CORRECTOR LOTION',
5367                                    'index': 7,
5368                                    'item_category': `LOTION, AGING SKIN, BODY, NECK & CHEST, FACE, HAND, FOOT, HEALING OVERNIGHT`,
5369                                    'item_variant': 'none',
5370                                    'item_id': '5f9a08fa-b480-428d-bd35-e642805ef293',
5371                                });
5372                            "
5373>
5374						<h3 class="font-card break-words 						text-default
5375  text-title-6 text- hover:underline">AGE RENEW CREPE CORRECTOR LOTION</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="crepecorrector" data-bv-redirect-url="/en-us/products/crepe-corrector-age-defense#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=f0e2b6f8-6f92-4029-a4e3-370248dae43c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5394                        <span >
5395                            LOTION
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=9648871e-5cc1-4331-8841-40293a4c5802' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5404                        <span >
5405                            AGING SKIN
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=c4a48893-be3f-4c6e-ab75-1cdfee57be13' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5414                        <span >
5415                            BODY
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=a550f770-100b-4baa-a7f5-8677493fca4f' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5424                        <span >
5425                            NECK & CHEST
5426                        </span>
5427                    </a>
5428                </li>
5429
5430
5431                        
5432                <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">
5433                    <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">
5434                        <span >
5435                            FACE
5436                        </span>
5437                    </a>
5438                </li>
5439
5440
5441                        
5442                <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">
5443                    <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">
5444                        <span >
5445                            HAND
5446                        </span>
5447                    </a>
5448                </li>
5449
5450
5451                        
5452                <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">
5453                    <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">
5454                        <span >
5455                            FOOT
5456                        </span>
5457                    </a>
5458                </li>
5459
5460
5461                        
5462                <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">
5463                    <a href='/en-us/products?category=6040127d-7a87-42c2-a144-9e7677c8754c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5464                        <span >
5465                            HEALING OVERNIGHT
5466                        </span>
5467                    </a>
5468                </li>
5469        </ul>
5470					</div>
5471
5472				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p>In just two days, 82% of users had visible improvement in crepey skin on back of hands and arms.</p>
5473</div>
5474
5475			
5476			
5477				<div id="spacer" class="flex-grow "></div>
5478				<div class="card__actions " x-data="">
5479
5480						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
5481							
5482							<div  class="h-full w-full">
5483
5484
5485  
5486  
5487
5488<style>
5489    .button.active,
5490    .button:not(:focus):hover {
5491        background-image: none;
5492    }
5493
5494    .button:not(.button--gradientBorderHover):hover::before {
5495        z-index: -1;
5496    }
5497
5498    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
5499        background: transparent;
5500        -webkit-background-clip: unset;
5501        -webkit-text-fill-color: unset;
5502    }
5503
5504</style>
5505  <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="
5506                                $dispatch('track-event', {
5507                                    'event': 'cmp_event',
5508                                    'title': 'AGE RENEW CREPE CORRECTOR LOTION',
5509                                    'position': '7',
5510                                    'context': 'other'
5511                                });
5512                                $dispatch('track-event', {
5513                                    'event': 'select_item',
5514                                    'event_type': 'click',
5515                                    'item_name': 'AGE RENEW CREPE CORRECTOR LOTION',
5516                                    'index': 7,
5517                                    'item_category': `LOTION, AGING SKIN, BODY, NECK & CHEST, FACE, HAND, FOOT, HEALING OVERNIGHT`,
5518                                    'item_variant': 'none',
5519                                    'item_id': '5f9a08fa-b480-428d-bd35-e642805ef293',
5520                                });
5521                            "
5522 
5523      href="/en-us/products/crepe-corrector-age-defense"
5524  >
5525
5526    
5527
5528    <span class="  ">
5529
5530        <span>
5531												
5532													SHOP NOW  
5533        </span>
5534        
5535    </span>
5536  </a>
5537							</div>
5538						</div>
5539				</div>
5540		</div>
5541
5542	</div>
5543
5544
5545
5546
5547
5548                            
5549
5550
5551
5552                            
5553
5554
5555
5556
5557
5558
5559
5560
5561
5562
5563	
5564
5565
5566
5567
5568
5569
5570
5571
5572
5573	<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'>
5574					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
5575
5576
5577						<a href="/en-us/products/plumping-collagen-lotion" title="" target=""                             @click="
5578                                $dispatch('track-event', {
5579                                    'event': 'cmp_event',
5580                                    'title': 'PLUMPING COLLAGEN BODY &amp; FACE SERUM LOTION',
5581                                    'position': '8',
5582                                    'context': 'other'
5583                                });
5584                                $dispatch('track-event', {
5585                                    'event': 'select_item',
5586                                    'event_type': 'click',
5587                                    'item_name': 'PLUMPING COLLAGEN BODY &amp; FACE SERUM LOTION',
5588                                    'index': 8,
5589                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST`,
5590                                    'item_variant': 'none',
5591                                    'item_id': '2dda5aa4-4c61-4ed2-ba08-71fa2c7a351f',
5592                                });
5593                            "
5594>
5595
5596
5597
5598
5599
5600
5601
5602
5603
5604
5605            <div class="uiImage relative block w-full card__image"  data-imageren=true>
5606
5607
5608
5609             
5610
5611
5612                  <img
5613                                width="1344" height="1650"
5614
5615    src="/dam/jcr:7e5c9618-3905-4365-b8a3-71bd77be4fe2/GoldBond_ProductCard_PlumpingCollagen.webp"
5616    loading="lazy"
5617    decoding="async"
5618    data-fade-in="true"
5619                    class="w-full block object-contain h-300  "
5620                    alt="Gold Bond Plumping Collagen Lotion Body and Face Serum Lotion packaging and benefit statements."
5621                    
5622                    
5623                  />
5624
5625
5626            
5627          </div>
5628		
5629						</a>
5630
5631			</div>
5632
5633				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
5634
5635
5636
5637							<a href="/en-us/products/plumping-collagen-lotion" title="" target=""                             @click="
5638                                $dispatch('track-event', {
5639                                    'event': 'cmp_event',
5640                                    'title': 'PLUMPING COLLAGEN BODY &amp; FACE SERUM LOTION',
5641                                    'position': '8',
5642                                    'context': 'other'
5643                                });
5644                                $dispatch('track-event', {
5645                                    'event': 'select_item',
5646                                    'event_type': 'click',
5647                                    'item_name': 'PLUMPING COLLAGEN BODY &amp; FACE SERUM LOTION',
5648                                    'index': 8,
5649                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST`,
5650                                    'item_variant': 'none',
5651                                    'item_id': '2dda5aa4-4c61-4ed2-ba08-71fa2c7a351f',
5652                                });
5653                            "
5654>
5655						<h3 class="font-card break-words 						text-default
5656  text-title-6 text- hover:underline">PLUMPING COLLAGEN BODY & FACE SERUM LOTION</h3>
5657							</a>
5658
5659			
5660			
5661			
5662				<div class="py-2 flex justify-start">
5663						<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-070" data-bv-redirect-url="/en-us/products/plumping-collagen-lotion#review_section"></div>
5664				</div>
5665
5666					<div class="mb-4">
5667
5668
5669        <ul class="flex flex-wrap font-body justify-start">
5670
5671
5672                        
5673                <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">
5674                    <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">
5675                        <span >
5676                            AGING SKIN
5677                        </span>
5678                    </a>
5679                </li>
5680
5681
5682                        
5683                <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">
5684                    <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">
5685                        <span >
5686                            LOTION
5687                        </span>
5688                    </a>
5689                </li>
5690
5691
5692                        
5693                <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">
5694                    <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">
5695                        <span >
5696                            FACE
5697                        </span>
5698                    </a>
5699                </li>
5700
5701
5702                        
5703                <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">
5704                    <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">
5705                        <span >
5706                            BODY
5707                        </span>
5708                    </a>
5709                </li>
5710
5711
5712                        
5713                <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">
5714                    <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">
5715                        <span >
5716                            NECK & CHEST
5717                        </span>
5718                    </a>
5719                </li>
5720        </ul>
5721					</div>
5722
5723				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p>This lightweight serum-lotion helps restore volume, and retain moisture for visible plump, hydrated, and healthy-looking skin.</p>
5724</div>
5725
5726			
5727			
5728				<div id="spacer" class="flex-grow "></div>
5729				<div class="card__actions " x-data="">
5730
5731						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
5732							
5733							<div  class="h-full w-full">
5734
5735
5736  
5737  
5738
5739<style>
5740    .button.active,
5741    .button:not(:focus):hover {
5742        background-image: none;
5743    }
5744
5745    .button:not(.button--gradientBorderHover):hover::before {
5746        z-index: -1;
5747    }
5748
5749    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
5750        background: transparent;
5751        -webkit-background-clip: unset;
5752        -webkit-text-fill-color: unset;
5753    }
5754
5755</style>
5756  <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="
5757                                $dispatch('track-event', {
5758                                    'event': 'cmp_event',
5759                                    'title': 'PLUMPING COLLAGEN BODY &amp; FACE SERUM LOTION',
5760                                    'position': '8',
5761                                    'context': 'other'
5762                                });
5763                                $dispatch('track-event', {
5764                                    'event': 'select_item',
5765                                    'event_type': 'click',
5766                                    'item_name': 'PLUMPING COLLAGEN BODY &amp; FACE SERUM LOTION',
5767                                    'index': 8,
5768                                    'item_category': `AGING SKIN, LOTION, FACE, BODY, NECK & CHEST`,
5769                                    'item_variant': 'none',
5770                                    'item_id': '2dda5aa4-4c61-4ed2-ba08-71fa2c7a351f',
5771                                });
5772                            "
5773 
5774      href="/en-us/products/plumping-collagen-lotion"
5775  >
5776
5777    
5778
5779    <span class="  ">
5780
5781        <span>
5782												
5783													SHOP NOW  
5784        </span>
5785        
5786    </span>
5787  </a>
5788							</div>
5789						</div>
5790				</div>
5791		</div>
5792
5793	</div>
5794
5795
5796
5797
5798
5799                            
5800
5801
5802
5803                            
5804
5805
5806
5807
5808
5809
5810
5811
5812
5813
5814	
5815
5816
5817
5818
5819
5820
5821
5822
5823
5824	<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'>
5825					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
5826
5827
5828						<a href="/en-us/products/maximum-strength-medicated-foot-powder" title="" target=""                             @click="
5829                                $dispatch('track-event', {
5830                                    'event': 'cmp_event',
5831                                    'title': 'FOOT POWDER',
5832                                    'position': '9',
5833                                    'context': 'other'
5834                                });
5835                                $dispatch('track-event', {
5836                                    'event': 'select_item',
5837                                    'event_type': 'click',
5838                                    'item_name': 'FOOT POWDER',
5839                                    'index': 9,
5840                                    'item_category': `MOISTURE & ODOR CONTROL, ANTI-ITCH & OTHER SKIN CONDITIONS, POWDER, FOOT`,
5841                                    'item_variant': 'none',
5842                                    'item_id': 'aea140ab-cfb1-4ad2-9ad2-99f025b22954',
5843                                });
5844                            "
5845>
5846
5847
5848
5849
5850
5851
5852
5853
5854
5855
5856            <div class="uiImage relative block w-full card__image"  data-imageren=false>
5857
5858
5859
5860             
5861
5862
5863                    <img
5864                      
5865    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"
5866    loading="lazy"
5867    decoding="async"
5868    data-fade-in="true"
5869                      class="w-full block object-contain h-300 "
5870                      alt="Front of Gold Bond Maximum Strength Medicated Foot Powder bottle 4oz"
5871                      
5872                      
5873                      
5874                    />
5875
5876
5877              
5878          </div>
5879		
5880						</a>
5881
5882			</div>
5883
5884				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
5885
5886
5887
5888							<a href="/en-us/products/maximum-strength-medicated-foot-powder" title="" target=""                             @click="
5889                                $dispatch('track-event', {
5890                                    'event': 'cmp_event',
5891                                    'title': 'FOOT POWDER',
5892                                    'position': '9',
5893                                    'context': 'other'
5894                                });
5895                                $dispatch('track-event', {
5896                                    'event': 'select_item',
5897                                    'event_type': 'click',
5898                                    'item_name': 'FOOT POWDER',
5899                                    'index': 9,
5900                                    'item_category': `MOISTURE & ODOR CONTROL, ANTI-ITCH & OTHER SKIN CONDITIONS, POWDER, FOOT`,
5901                                    'item_variant': 'none',
5902                                    'item_id': 'aea140ab-cfb1-4ad2-9ad2-99f025b22954',
5903                                });
5904                            "
5905>
5906						<h3 class="font-card break-words 						text-default
5907  text-title-6 text- hover:underline">FOOT POWDER</h3>
5908							</a>
5909
5910			
5911			
5912			
5913				<div class="py-2 flex justify-start">
5914						<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>
5915				</div>
5916
5917					<div class="mb-4">
5918
5919
5920        <ul class="flex flex-wrap font-body justify-start">
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=4a597dca-a057-4c77-b82c-431844a47c15' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
5926                        <span >
5927                            MOISTURE & ODOR CONTROL
5928                        </span>
5929                    </a>
5930                </li>
5931
5932
5933                        
5934                <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">
5935                    <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">
5936                        <span >
5937                            ANTI-ITCH & OTHER SKIN CONDITIONS
5938                        </span>
5939                    </a>
5940                </li>
5941
5942
5943                        
5944                <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">
5945                    <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">
5946                        <span >
5947                            POWDER
5948                        </span>
5949                    </a>
5950                </li>
5951
5952
5953                        
5954                <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">
5955                    <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">
5956                        <span >
5957                            FOOT
5958                        </span>
5959                    </a>
5960                </li>
5961        </ul>
5962					</div>
5963
5964				<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>
5965</div>
5966
5967			
5968			
5969				<div id="spacer" class="flex-grow "></div>
5970				<div class="card__actions " x-data="">
5971
5972						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
5973							
5974							<div  class="h-full w-full">
5975
5976
5977  
5978  
5979
5980<style>
5981    .button.active,
5982    .button:not(:focus):hover {
5983        background-image: none;
5984    }
5985
5986    .button:not(.button--gradientBorderHover):hover::before {
5987        z-index: -1;
5988    }
5989
5990    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
5991        background: transparent;
5992        -webkit-background-clip: unset;
5993        -webkit-text-fill-color: unset;
5994    }
5995
5996</style>
5997  <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="
5998                                $dispatch('track-event', {
5999                                    'event': 'cmp_event',
6000                                    'title': 'FOOT POWDER',
6001                                    'position': '9',
6002                                    'context': 'other'
6003                                });
6004                                $dispatch('track-event', {
6005                                    'event': 'select_item',
6006                                    'event_type': 'click',
6007                                    'item_name': 'FOOT POWDER',
6008                                    'index': 9,
6009                                    'item_category': `MOISTURE & ODOR CONTROL, ANTI-ITCH & OTHER SKIN CONDITIONS, POWDER, FOOT`,
6010                                    'item_variant': 'none',
6011                                    'item_id': 'aea140ab-cfb1-4ad2-9ad2-99f025b22954',
6012                                });
6013                            "
6014 
6015      href="/en-us/products/maximum-strength-medicated-foot-powder"
6016  >
6017
6018    
6019
6020    <span class="  ">
6021
6022        <span>
6023												
6024													SHOP NOW  
6025        </span>
6026        
6027    </span>
6028  </a>
6029							</div>
6030						</div>
6031				</div>
6032		</div>
6033
6034	</div>
6035
6036
6037
6038
6039
6040                            
6041
6042
6043
6044                            
6045
6046
6047
6048
6049
6050
6051
6052
6053
6054
6055	
6056
6057
6058
6059
6060
6061
6062
6063
6064
6065	<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'>
6066					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
6067
6068
6069						<a href="/en-us/products/healing-overnight" title="" target=""                             @click="
6070                                $dispatch('track-event', {
6071                                    'event': 'cmp_event',
6072                                    'title': 'HEALING OVERNIGHT BODY &amp; FACE LOTION',
6073                                    'position': '10',
6074                                    'context': 'other'
6075                                });
6076                                $dispatch('track-event', {
6077                                    'event': 'select_item',
6078                                    'event_type': 'click',
6079                                    'item_name': 'HEALING OVERNIGHT BODY &amp; FACE LOTION',
6080                                    'index': 10,
6081                                    'item_category': `AGING SKIN, LOTION, ANTIOXIDANT DEFENSE`,
6082                                    'item_variant': 'none',
6083                                    'item_id': '98777cca-e2e0-4038-88ed-f8aba3a0062c',
6084                                });
6085                            "
6086>
6087
6088
6089
6090
6091
6092
6093
6094
6095
6096
6097            <div class="uiImage relative block w-full card__image"  data-imageren=true>
6098
6099
6100
6101             
6102
6103
6104                  <img
6105                                width="976" height="1200"
6106
6107    src="/dam/jcr:3ba8c340-ebaa-421a-bd8a-57cfdc5f80bd/GoldBond_ProductCards_OvernightHealing_976x1200%20(1).webp"
6108    loading="lazy"
6109    decoding="async"
6110    data-fade-in="true"
6111                    class="w-full block object-contain h-300  "
6112                    alt="Front of Gold Bond Overnight Deep Moisturizing Lotion tube"
6113                    
6114                    
6115                  />
6116
6117
6118            
6119          </div>
6120		
6121						</a>
6122
6123			</div>
6124
6125				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
6126
6127
6128
6129							<a href="/en-us/products/healing-overnight" title="" target=""                             @click="
6130                                $dispatch('track-event', {
6131                                    'event': 'cmp_event',
6132                                    'title': 'HEALING OVERNIGHT BODY &amp; FACE LOTION',
6133                                    'position': '10',
6134                                    'context': 'other'
6135                                });
6136                                $dispatch('track-event', {
6137                                    'event': 'select_item',
6138                                    'event_type': 'click',
6139                                    'item_name': 'HEALING OVERNIGHT BODY &amp; FACE LOTION',
6140                                    'index': 10,
6141                                    'item_category': `AGING SKIN, LOTION, ANTIOXIDANT DEFENSE`,
6142                                    'item_variant': 'none',
6143                                    'item_id': '98777cca-e2e0-4038-88ed-f8aba3a0062c',
6144                                });
6145                            "
6146>
6147						<h3 class="font-card break-words 						text-default
6148  text-title-6 text- hover:underline">HEALING OVERNIGHT BODY & FACE LOTION</h3>
6149							</a>
6150
6151			
6152			
6153			
6154				<div class="py-2 flex justify-start">
6155						<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>
6156				</div>
6157
6158					<div class="mb-4">
6159
6160
6161        <ul class="flex flex-wrap font-body justify-start">
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=9648871e-5cc1-4331-8841-40293a4c5802' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6167                        <span >
6168                            AGING SKIN
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=f0e2b6f8-6f92-4029-a4e3-370248dae43c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6177                        <span >
6178                            LOTION
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=056e91e8-8f15-4757-ae21-0c5806c9e915' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6187                        <span >
6188                            ANTIOXIDANT DEFENSE
6189                        </span>
6190                    </a>
6191                </li>
6192        </ul>
6193					</div>
6194
6195				<div class="font-body rich-text mt-2 mb-2  text-primary1 text- "><p>
6195Wake 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>
6196</div>
6197
6198			
6199			
6200				<div id="spacer" class="flex-grow "></div>
6201				<div class="card__actions " x-data="">
6202
6203						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
6204							
6205							<div  class="h-full w-full">
6206
6207
6208  
6209  
6210
6211<style>
6212    .button.active,
6213    .button:not(:focus):hover {
6214        background-image: none;
6215    }
6216
6217    .button:not(.button--gradientBorderHover):hover::before {
6218        z-index: -1;
6219    }
6220
6221    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
6222        background: transparent;
6223        -webkit-background-clip: unset;
6224        -webkit-text-fill-color: unset;
6225    }
6226
6227</style>
6228  <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="
6229                                $dispatch('track-event', {
6230                                    'event': 'cmp_event',
6231                                    'title': 'HEALING OVERNIGHT BODY &amp; FACE LOTION',
6232                                    'position': '10',
6233                                    'context': 'other'
6234                                });
6235                                $dispatch('track-event', {
6236                                    'event': 'select_item',
6237                                    'event_type': 'click',
6238                                    'item_name': 'HEALING OVERNIGHT BODY &amp; FACE LOTION',
6239                                    'index': 10,
6240                                    'item_category': `AGING SKIN, LOTION, ANTIOXIDANT DEFENSE`,
6241                                    'item_variant': 'none',
6242                                    'item_id': '98777cca-e2e0-4038-88ed-f8aba3a0062c',
6243                                });
6244                            "
6245 
6246      href="/en-us/products/healing-overnight"
6247  >
6248
6249    
6250
6251    <span class="  ">
6252
6253        <span>
6254												
6255													SHOP NOW  
6256        </span>
6257        
6258    </span>
6259  </a>
6260							</div>
6261						</div>
6262				</div>
6263		</div>
6264
6265	</div>
6266
6267
6268
6269
6270
6271                            
6272
6273
6274
6275                            
6276
6277
6278
6279
6280
6281
6282
6283
6284
6285
6286	
6287
6288
6289
6290
6291
6292
6293
6294
6295
6296	<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'>
6297					<div class="bg-primary3 card__image-container w-full flex-none relative p-4 text-white card__actualRatio">
6298
6299
6300						<a href="/en-us/products/diabetics-dry-skin-relief" title="" target=""                             @click="
6301                                $dispatch('track-event', {
6302                                    'event': 'cmp_event',
6303                                    'title': 'DIABETICS\\&#39; DRY SKIN LOTION',
6304                                    'position': '11',
6305                                    'context': 'other'
6306                                });
6307                                $dispatch('track-event', {
6308                                    'event': 'select_item',
6309                                    'event_type': 'click',
6310                                    'item_name': 'DIABETICS\\&#39; DRY SKIN LOTION',
6311                                    'index': 11,
6312                                    'item_category': `DIABETIC DRY SKIN, LOTION, BODY, NECK & CHEST, HAND, FOOT, ANTI-ITCH & OTHER SKIN CONDITIONS`,
6313                                    'item_variant': 'none',
6314                                    'item_id': '49cd8199-4019-4e8a-b142-9e5adda82982',
6315                                });
6316                            "
6317>
6318
6319
6320
6321
6322
6323
6324
6325
6326
6327
6328            <div class="uiImage relative block w-full card__image"  data-imageren=true>
6329
6330
6331
6332             
6333
6334
6335                  <img
6336                                width="1344" height="1650"
6337
6338    src="/dam/jcr:0264a007-d769-46a4-ad1c-ad63c6bd24d6/05352%20GBU_Diabetics_4.5oz_Tube_F1344x1650.webp"
6339    loading="lazy"
6340    decoding="async"
6341    data-fade-in="true"
6342                    class="w-full block object-contain h-300  "
6343                    alt="Front of Gold Bond Diabetics’ Dry Skin Relief Lotion tube"
6344                    
6345                    
6346                  />
6347
6348
6349            
6350          </div>
6351		
6352						</a>
6353
6354			</div>
6355
6356				<div class="card__content w-full z-10 flex flex-col flex-grow p-7  ">
6357
6358
6359
6360							<a href="/en-us/products/diabetics-dry-skin-relief" title="" target=""                             @click="
6361                                $dispatch('track-event', {
6362                                    'event': 'cmp_event',
6363                                    'title': 'DIABETICS\\&#39; DRY SKIN LOTION',
6364                                    'position': '11',
6365                                    'context': 'other'
6366                                });
6367                                $dispatch('track-event', {
6368                                    'event': 'select_item',
6369                                    'event_type': 'click',
6370                                    'item_name': 'DIABETICS\\&#39; DRY SKIN LOTION',
6371                                    'index': 11,
6372                                    'item_category': `DIABETIC DRY SKIN, LOTION, BODY, NECK & CHEST, HAND, FOOT, ANTI-ITCH & OTHER SKIN CONDITIONS`,
6373                                    'item_variant': 'none',
6374                                    'item_id': '49cd8199-4019-4e8a-b142-9e5adda82982',
6375                                });
6376                            "
6377>
6378						<h3 class="font-card break-words 						text-default
6379  text-title-6 text- hover:underline">DIABETICS' DRY SKIN LOTION</h3>
6380							</a>
6381
6382			
6383			
6384			
6385				<div class="py-2 flex justify-start">
6386						<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>
6387				</div>
6388
6389					<div class="mb-4">
6390
6391
6392        <ul class="flex flex-wrap font-body justify-start">
6393
6394
6395                        
6396                <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">
6397                    <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">
6398                        <span >
6399                            DIABETIC DRY SKIN
6400                        </span>
6401                    </a>
6402                </li>
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=f0e2b6f8-6f92-4029-a4e3-370248dae43c' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6408                        <span >
6409                            LOTION
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=c4a48893-be3f-4c6e-ab75-1cdfee57be13' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6418                        <span >
6419                            BODY
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=a550f770-100b-4baa-a7f5-8677493fca4f' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6428                        <span >
6429                            NECK & CHEST
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=89a3adb0-8536-4c75-81a2-025e30f22c30' class="card-tag text-0.75 normal-case font-normal not-italic text-0.75 text-left">
6448                        <span >
6449                            FOOT
6450                        </span>
6451                    </a>
6452                </li>
6453
6454
6455                        
6456                <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">
6457                    <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">
6458                        <span >
6459                            ANTI-ITCH & OTHER SKIN CONDITIONS
6460                        </span>
6461                    </a>
6462                </li>
6463        </ul>
6464					</div>
6465
6466				<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>
6467</div>
6468
6469			
6470			
6471				<div id="spacer" class="flex-grow "></div>
6472				<div class="card__actions " x-data="">
6473
6474						<div dir="ltr" class="block mb-2 mt-3 flex justify-center w-full">
6475							
6476							<div  class="h-full w-full">
6477
6478
6479  
6480  
6481
6482<style>
6483    .button.active,
6484    .button:not(:focus):hover {
6485        background-image: none;
6486    }
6487
6488    .button:not(.button--gradientBorderHover):hover::before {
6489        z-index: -1;
6490    }
6491
6492    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
6493        background: transparent;
6494        -webkit-background-clip: unset;
6495        -webkit-text-fill-color: unset;
6496    }
6497
6498</style>
6499  <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="
6500                                $dispatch('track-event', {
6501                                    'event': 'cmp_event',
6502                                    'title': 'DIABETICS\\&#39; DRY SKIN LOTION',
6503                                    'position': '11',
6504                                    'context': 'other'
6505                                });
6506                                $dispatch('track-event', {
6507                                    'event': 'select_item',
6508                                    'event_type': 'click',
6509                                    'item_name': 'DIABETICS\\&#39; DRY SKIN LOTION',
6510                                    'index': 11,
6511                                    'item_category': `DIABETIC DRY SKIN, LOTION, BODY, NECK & CHEST, HAND, FOOT, ANTI-ITCH & OTHER SKIN CONDITIONS`,
6512                                    'item_variant': 'none',
6513                                    'item_id': '49cd8199-4019-4e8a-b142-9e5adda82982',
6514                                });
6515                            "
6516 
6517      href="/en-us/products/diabetics-dry-skin-relief"
6518  >
6519
6520    
6521
6522    <span class="  ">
6523
6524        <span>
6525												
6526													SHOP NOW  
6527        </span>
6528        
6529    </span>
6530  </a>
6531							</div>
6532						</div>
6533				</div>
6534		</div>
6535
6536	</div>
6537                </div>
6538
6539
6540    <div class="flex text-center justify-center p-5 flex-wrap" >
6541            <div class="mx-1">
6542
6543
6544  
6545  
6546
6547<style>
6548    .button.active,
6549    .button:not(:focus):hover {
6550        background-image: none;
6551    }
6552
6553    .button:not(.button--gradientBorderHover):hover::before {
6554        z-index: -1;
6555    }
6556
6557    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
6558        background: transparent;
6559        -webkit-background-clip: unset;
6560        -webkit-text-fill-color: unset;
6561    }
6562
6563</style>
6564  <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 "  
6565      href="https://www.goldbond.com/en-us/products?gclid=b2483ba934a813332f2f5873d25460a5&amp;&amp;gclsrc=3p.ds&amp;&amp;msclkid=b2483ba934a813332f2f5873d25460a5&amp;p=1"
6566      target="_self"
6567  >
6568
6569    
6570
6571    <span class="  ">
6572
6573        <span>
6574                    1
6575        </span>
6576        
6577    </span>
6578  </a>
6579            </div>
6580            <div class="mx-1">
6581
6582
6583  
6584  
6585
6586<style>
6587    .button.active,
6588    .button:not(:focus):hover {
6589        background-image: none;
6590    }
6591
6592    .button:not(.button--gradientBorderHover):hover::before {
6593        z-index: -1;
6594    }
6595
6596    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
6597        background: transparent;
6598        -webkit-background-clip: unset;
6599        -webkit-text-fill-color: unset;
6600    }
6601
6602</style>
6603  <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  "  
6604      href="https://www.goldbond.com/en-us/products?gclid=b2483ba934a813332f2f5873d25460a5&amp;&amp;gclsrc=3p.ds&amp;&amp;msclkid=b2483ba934a813332f2f5873d25460a5&amp;p=2"
6605      target="_self"
6606  >
6607
6608    
6609
6610    <span class="  ">
6611
6612        <span>
6613                    2
6614        </span>
6615        
6616    </span>
6617  </a>
6618            </div>
6619            <div class="mx-1">
6620
6621
6622  
6623  
6624
6625<style>
6626    .button.active,
6627    .button:not(:focus):hover {
6628        background-image: none;
6629    }
6630
6631    .button:not(.button--gradientBorderHover):hover::before {
6632        z-index: -1;
6633    }
6634
6635    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
6636        background: transparent;
6637        -webkit-background-clip: unset;
6638        -webkit-text-fill-color: unset;
6639    }
6640
6641</style>
6642  <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  "  
6643      href="https://www.goldbond.com/en-us/products?gclid=b2483ba934a813332f2f5873d25460a5&amp;&amp;gclsrc=3p.ds&amp;&amp;msclkid=b2483ba934a813332f2f5873d25460a5&amp;p=3"
6644      target="_self"
6645  >
6646
6647    
6648
6649    <span class="  ">
6650
6651        <span>
6652                    3
6653        </span>
6654        
6655    </span>
6656  </a>
6657            </div>
6658            <div class="mx-1">
6659
6660
6661  
6662  
6663
6664<style>
6665    .button.active,
6666    .button:not(:focus):hover {
6667        background-image: none;
6668    }
6669
6670    .button:not(.button--gradientBorderHover):hover::before {
6671        z-index: -1;
6672    }
6673
6674    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
6675        background: transparent;
6676        -webkit-background-clip: unset;
6677        -webkit-text-fill-color: unset;
6678    }
6679
6680</style>
6681  <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  "  
6682      href="https://www.goldbond.com/en-us/products?gclid=b2483ba934a813332f2f5873d25460a5&amp;&amp;gclsrc=3p.ds&amp;&amp;msclkid=b2483ba934a813332f2f5873d25460a5&amp;p=4"
6683      target="_self"
6684  >
6685
6686    
6687
6688    <span class="  ">
6689
6690        <span>
6691                    4
6692        </span>
6693        
6694    </span>
6695  </a>
6696            </div>
6697    </div>
6698
6699        </div>
6700    </div>
6701</form>
6702
6703                    </div>
6704        </div>
6705</div>
6706    </div>
6707    
6708      </div>
6709            </div>
6710
6711  </section>
6712
6713
6714
6715
6716
6717
6718
6719              <style>
6720                
6721                
6722                
6723            </style>
6724
6725
6726  
6727
6728  
6729
6730
6731
6732
6733
6734
6735
6736
6737
6738
6739
6740
6741        </main>
6742    <footer role="contentinfo">
6743
6744
6745
6746
6747              <style>
6748                
6749                
6750                
6751            </style>
6752
6753
6754  
6755
6756  
6757
6758
6759
6760
6761
6762  <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 " >
6763
6764
6765
6766
6767
6768
6769
6770            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("c3171d24-69bf-4218-ba2b-f9d0e15cae43");'>
6771
6772      <div class="contentGridItem__container relative h-full" dir="ltr">
6773        <style>
6774            .backgroundBlur-c3171d24-69bf-4218-ba2b-f9d0e15cae43 {
6775                backdrop-filter: blur(px);
6776                -webkit-backdrop-filter: blur(px);
6777                background-color: ;
6778                opacity: calc(/100);
6779            }
6780        </style>
6781
6782        <div class="backgroundBlur-c3171d24-69bf-4218-ba2b-f9d0e15cae43 absolute top-0 bottom-0 left-0 right-0"></div>
6783
6784
6785
6786
6787
6788
6789
6790
6791
6792
6793
6794
6795
6796
6797
6798
6799
6800
6801
6802
6803
6804    <div
6805      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 "
6806      
6807      
6808    >
6809
6810
6811
6812
6813    
6814
6815    
6816
6817
6818
6819
6820
6821
6822
6823<div class="ContentGrid relative container mx-auto  lg:pt-16 lg:pb-0 md:pt-16 md:pb-0 pt-8 pb-0">
6824
6825
6826        <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">
6827
6828                
6829                
6830
6831
6832                    <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
6832-stretch " >
6833  
6834
6835
6836  
6837
6838
6839
6840
6841  
6842  <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">
6843    
6844
6845
6846
6847
6848
6849
6850
6851
6852
6853
6854
6855
6856
6857
6858
6859
6860  <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 " >
6861
6862
6863
6864
6865
6866
6867
6868            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("303fe175-22f5-4a7e-a489-b2530aa7a178");'>
6869
6870      <div class="contentGridItem__container relative h-full" dir="ltr">
6871        <style>
6872            .backgroundBlur-303fe175-22f5-4a7e-a489-b2530aa7a178 {
6873                backdrop-filter: blur(px);
6874                -webkit-backdrop-filter: blur(px);
6875                background-color: ;
6876                opacity: calc(/100);
6877            }
6878        </style>
6879
6880        <div class="backgroundBlur-303fe175-22f5-4a7e-a489-b2530aa7a178 absolute top-0 bottom-0 left-0 right-0"></div>
6881
6882
6883
6884
6885
6886
6887
6888
6889
6890
6891
6892
6893
6894
6895
6896
6897
6898
6899
6900
6901
6902    <div
6903      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 "
6904      
6905      
6906    >
6907
6908
6909
6910
6911    
6912
6913    
6914
6915
6916
6917<div class="ContentGrid relative container mx-auto  ">
6918
6919
6920        <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">
6921
6922                
6923                
6924
6925
6926                    <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 " >
6927  
6928
6929
6930  
6931
6932
6933
6934
6935  
6936  <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">
6937    
6938
6939
6940
6941
6942
6943
6944
6945
6946
6947
6948
6949
6950
6951
6952
6953
6954  <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 " >
6955
6956
6957
6958
6959
6960
6961
6962            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("d93131f1-948c-48cd-bda9-fb710fa583a5");'>
6963
6964      <div class="contentGridItem__container relative h-full" dir="ltr">
6965        <style>
6966            .backgroundBlur-d93131f1-948c-48cd-bda9-fb710fa583a5 {
6967                backdrop-filter: blur(px);
6968                -webkit-backdrop-filter: blur(px);
6969                background-color: ;
6970                opacity: calc(/100);
6971            }
6972        </style>
6973
6974        <div class="backgroundBlur-d93131f1-948c-48cd-bda9-fb710fa583a5 absolute top-0 bottom-0 left-0 right-0"></div>
6975
6976
6977
6978
6979
6980
6981
6982
6983
6984
6985
6986
6987
6988
6989
6990
6991
6992
6993
6994
6995
6996    <div
6997      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 "
6998      
6999      
7000    >
7001
7002
7003
7004
7005    
7006
7007    
7008
7009
7010
7011<div class="ContentGrid relative container mx-auto  ">
7012
7013
7014        <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">
7015
7016                
7017                
7018
7019
7020                    <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 " >
7021
7022
7023  
7024
7025  
7026
7027
7028  
7029  <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">
7030    
7031   
7032
7033    
7034        <a
7035           href="/en-us/"
7036           
7037           
7038                     target="_self"
7039
7040           title=""
7041           data-gtmSection=""
7042           data-gtmSubSection=""
7043           data-gtmElement=""
7044           class="font-title cursor-pointer block relative imageLink  "
7045        >
7046          <span >
7047
7048
7049
7050
7051
7052
7053
7054
7055
7056            <div class="uiImage relative block w-full block image-border-r-d84d912f-5ca5-487d-9ac1-2bb05ebdb54b"  data-imageren=true>
7057
7058
7059
7060             
7061
7062
7063                  <img
7064                                width="339" height="139"
7065
7066    src="/dam/jcr:3725d9e5-6de9-44d8-8576-dc3707eb7143/GoldBond_Footer_Logo.webp"
7067    loading="lazy"
7068    decoding="async"
7069    data-fade-in="true"
7070                    class="w-full block  object-cover "
7071                    alt="Gold Bond - Home"
7072                    
7073                    
7074                  />
7075
7076
7077            
7078          </div>
7079
7080
7081          </span>
7082        </a>
7083
7084
7085  </div>
7086                    </div>
7087        </div>
7088</div>
7089    </div>
7090    
7091      </div>
7092            </div>
7093
7094  </div>
7095
7096  </div>
7097                    </div>
7098
7099                
7100                
7101
7102
7103                    <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 " >
7104  
7105
7106
7107  
7108
7109
7110
7111
7112  
7113  <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">
7114    
7115
7116
7117
7118
7119
7120
7121
7122
7123
7124
7125
7126
7127
7128
7129
7130
7131  <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 " >
7132
7133
7134
7135
7136
7137
7138
7139            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("85f93186-c465-456b-913b-34c41a1840d9");'>
7140
7141      <div class="contentGridItem__container relative h-full" dir="ltr">
7142        <style>
7143            .backgroundBlur-85f93186-c465-456b-913b-34c41a1840d9 {
7144                backdrop-filter: blur(px);
7145                -webkit-backdrop-filter: blur(px);
7146                background-color: ;
7147                opacity: calc(/100);
7148            }
7149        </style>
7150
7151        <div class="backgroundBlur-85f93186-c465-456b-913b-34c41a1840d9 absolute top-0 bottom-0 left-0 right-0"></div>
7152
7153
7154
7155
7156
7157
7158
7159
7160
7161
7162
7163
7164
7165
7166
7167
7168
7169
7170
7171
7172
7173    <div
7174      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 "
7175      
7176      
7177    >
7178
7179
7180
7181
7182    
7183
7184    
7185
7186
7187
7188<div class="ContentGrid relative container mx-auto  ">
7189
7190
7191        <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">
7192
7193                
7194                
7195
7196
7197                    <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 " >
7198
7199
7200  
7201  <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">
7202    
7203
7204
7205        <div class="rich-text mt-3 text-base font-body">
7206            <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>
7207
7208        </div>
7209        
7210  </div>
7211                    </div>
7212        </div>
7213</div>
7214    </div>
7215    
7216      </div>
7217            </div>
7218
7219  </div>
7220
7221  </div>
7222                    </div>
7223
7224                
7225                
7226
7227
7228                    <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 " >
7229  
7230
7231
7232  
7233
7234
7235
7236
7237  
7238  <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">
7239    
7240
7241
7242
7243
7244
7245
7246
7247
7248
7249
7250
7251
7252
7253
7254
7255
7256  <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 " >
7257
7258
7259
7260
7261
7262
7263
7264            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("31278342-a25d-47c9-a772-ee7576e5c06a");'>
7265
7266      <div class="contentGridItem__container relative h-full" dir="ltr">
7267        <style>
7268            .backgroundBlur-31278342-a25d-47c9-a772-ee7576e5c06a {
7269                backdrop-filter: blur(px);
7270                -webkit-backdrop-filter: blur(px);
7271                background-color: ;
7272                opacity: calc(/100);
7273            }
7274        </style>
7275
7276        <div class="backgroundBlur-31278342-a25d-47c9-a772-ee7576e5c06a absolute top-0 bottom-0 left-0 right-0"></div>
7277
7278
7279
7280
7281
7282
7283
7284
7285
7286
7287
7288
7289
7290
7291
7292
7293
7294
7295
7296
7297
7298    <div
7299      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 "
7300      
7301      
7302    >
7303
7304
7305
7306
7307    
7308
7309    
7310
7311
7312
7313<div class="ContentGrid relative container mx-auto  ">
7314
7315
7316        <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">
7317
7318                
7319                
7320
7321
7322                    <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
7322-auto " >
7323
7324
7325  
7326  <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">
7327    
7328
7329
7330        <div class="rich-text mt-3 text-base font-body">
7331            <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>
7332
7333        </div>
7334        
7335  </div>
7336                    </div>
7337        </div>
7338</div>
7339    </div>
7340    
7341      </div>
7342            </div>
7343
7344  </div>
7345
7346  </div>
7347                    </div>
7348        </div>
7349</div>
7350    </div>
7351    
7352      </div>
7353            </div>
7354
7355  </div>
7356
7357  </div>
7358                    </div>
7359
7360                
7361                
7362
7363
7364                    <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 " >
7365  
7366
7367
7368  
7369
7370
7371
7372
7373  
7374  <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">
7375    
7376
7377
7378
7379
7380
7381
7382
7383
7384
7385
7386
7387
7388
7389
7390
7391
7392  <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 " >
7393
7394
7395
7396
7397
7398
7399
7400            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("9caf6ed6-2d2c-4f99-905f-c87a01ab1cbd");'>
7401
7402      <div class="contentGridItem__container relative h-full" dir="ltr">
7403        <style>
7404            .backgroundBlur-9caf6ed6-2d2c-4f99-905f-c87a01ab1cbd {
7405                backdrop-filter: blur(px);
7406                -webkit-backdrop-filter: blur(px);
7407                background-color: ;
7408                opacity: calc(/100);
7409            }
7410        </style>
7411
7412        <div class="backgroundBlur-9caf6ed6-2d2c-4f99-905f-c87a01ab1cbd absolute top-0 bottom-0 left-0 right-0"></div>
7413
7414
7415
7416
7417
7418
7419
7420
7421
7422
7423
7424
7425
7426
7427
7428
7429
7430
7431
7432
7433
7434    <div
7435      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 "
7436      
7437      
7438    >
7439
7440
7441
7442
7443    
7444
7445    
7446
7447
7448
7449<div class="ContentGrid relative container max-w-full mx-auto  ">
7450
7451
7452        <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">
7453
7454                
7455                
7456
7457
7458                    <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 " >
7459
7460
7461  
7462  <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">
7463    
7464
7465
7466        <div class="rich-text mt-3 text-base font-body">
7467            <p><a href="/en-us/where-to-buy">Where to Buy</a><br />
7468<a href="/en-us/savings">Sign up &amp; Save on Gold Bond</a><br />
7469<a href="/en-us/contact-us">Contact us</a><br />
7470<a href="/en-us/money-back-guarantee">Money Back Guarantee</a><br />
7471<a href="/en-us/sitemap">Sitemap</a><br />
7472<a href="/en-us/community-guidelines">Community Guidelines</a></p>
7473
7474        </div>
7475  </div>
7476                    </div>
7477
7478                
7479                
7480
7481
7482                    <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
7482-auto " >
7483
7484
7485  
7486  <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">
7487    
7488
7489
7490        <div class="rich-text mt-3 text-base font-body">
7491            <p><a href="/en-us/cookies-policy">Do Not Sell or Share My Personal Information</a><br />
7492<a href="https://www.sanofi.com/en/sanofi-us-privacy-policies" target="_blank">Privacy Policy</a><br />
7493<a href="https://www.sanofi.us/en/consumer-health-data-privacy-policy" target="_blank">Consumer Health Data Privacy​ Policy</a><br />
7494<a href="/en-us/healthcare-professional-proven-skincare">For Healthcare Professionals</a><br />
7495<a href="https://www.sanofi.us/en/legal-notice" target="_blank">Terms &amp; conditions</a></p>
7496
7497        </div>
7498  </div>
7499                    </div>
7500
7501                
7502                
7503
7504
7505                    <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 " >
7506
7507
7508  
7509  <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">
7510    
7511
7512
7513        <div class="rich-text mt-3 text-base font-body">
7514            <p>&copy; 2026 Gold Bond&reg; Co LLC, Inc. All rights reserved.<br />
7515The content of this site is intended for US audiences only.<br />
7516Use all products only as directed.</p>
7517
7518        </div>
7519        
7520  </div>
7521                    </div>
7522        </div>
7523</div>
7524    </div>
7525    
7526      </div>
7527            </div>
7528
7529  </div>
7530
7531  </div>
7532                    </div>
7533        </div>
7534</div>
7535    </div>
7536    
7537      </div>
7538            </div>
7539
7540  </div>
7541
7542    </footer>
7543
7544
7545
7546
7547
7548
7549
7550
7551
7552
7553
7554
7555
7556
7557
7558
7559
7560
7561
7562
7563
7564
7565    <style>
7566                .modal-chc .modal__parent {
7567        }
7568
7569    </style>
7570    
7571
7572    <div
7573        id=""
7574        class="h-full w-full z-50  modal-chc"
7575        style="backdrop-filter: blur(px); -webkit-backdrop-filter: blur(px);"
7576        :class="{'hidden': !open, 'fixed': open}"
7577        x-data="modal({
7578            uuid: '1',
7579            hideScroll: 'overflow-hidden',
7580            blurMobile: '',
7581            blurDesktop: '',
7582            mobileStatus: false,
7583            desktopStatus: false
7584        })"
7585        x-init="$nextTick(triggerNextTick('1')); initFocus('1'); initState(false, '1'); validateStorage('', 'cookies'); ; "
7586        x-cloak
7587        
7588    >
7589        <div
7590            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"
7591            :class="{'hidden': !open, 'fixed': open}"
7592            @open-modal.window="openModal($event.detail.id); $store.chcHeader.modalShow = true"
7593            @close-modal.window="closeModal('1'); $store.chcHeader.modalShow = false"
7594            @click="closeModal('1'); pauseVideo(), $store.chcHeader.modalShow = false"
7595            x-on:keydown.escape.window="closeModal('1'); pauseVideo()"
7596        >
7597        </div>
7598        <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">
7599            <div
7600                tabindex="-1"
7601                role="dialog"
7602                id="modal-1"
7603                data-id="1"
7604                data-gtmContext="other"
7605                aria-modal="true"
7606                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"
7607                style=''
7608                @click="stopPropagation"
7609            >
7610                        <button
7611                            @click="closeModal('1'), pauseVideo(), clearActiveQuicklinkClass(), $store.chcHeader.modalShow = false"
7612                            @focus="open = true"
7613                            class="close-modal-btn flex absolute top-2 right-3 "
7614                            aria-label="close"
7615                            type="button"
7616                        >
7617                            <span class="font-body text-default leading-none overflow-hidden text-3xl">×</span>
7618                        </button>
7619
7620
7621
7622
7623
7624
7625<div class="ContentGrid relative   ">
7626
7627
7628        <div class="flex md:flex   lg:flex-row flex-wrap  ">
7629
7630                
7631                
7632
7633
7634                    <div class="CHC gridComponent   flex flex-col  w-full  lg:w-full self-auto " >
7635
7636
7637
7638
7639
7640
7641  
7642  <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">
7643    
7644
7645
7646
7647
7648
7649
7650
7651
7652
7653
7654
7655  <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 " >
7656
7657
7658
7659
7660
7661
7662
7663            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("b69398cd-b2db-41cd-afb5-2fa9f8198e3e");'>
7664
7665      <div class="contentGridItem__container relative h-full" dir="ltr">
7666        <style>
7667            .backgroundBlur-b69398cd-b2db-41cd-afb5-2fa9f8198e3e {
7668                backdrop-filter: blur(px);
7669                -webkit-backdrop-filter: blur(px);
7670                background-color: ;
7671                opacity: calc(/100);
7672            }
7673        </style>
7674
7675        <div class="backgroundBlur-b69398cd-b2db-41cd-afb5-2fa9f8198e3e absolute top-0 bottom-0 left-0 right-0"></div>
7676
7677
7678
7679
7680
7681
7682
7683
7684
7685
7686
7687
7688
7689
7690
7691
7692
7693
7694
7695
7696
7697    <div
7698      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 "
7699      
7700      
7701    >
7702
7703
7704
7705
7706    
7707
7708    
7709
7710
7711
7712<div class="ContentGrid relative container mx-auto  ">
7713
7714
7715        <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">
7716
7717                
7718                
7719
7720
7721                    <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 " >
7722
7723
7724  
7725  <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">
7726    
7727
7728        <div class="flex items-center justify-start md:justify-start lg:justify-start ">
7729
7730            <h2 class="contentBlock__title mb-4 text-title-2 font-title text-">This Website is Intended for Healthcare Professionals Only</h2>
7731        </div>
7732
7733        <div class="rich-text mt-3 text-base font-body">
7734            <p><span class="text-secondary3">Information in this site is intended for healthcare professionals only. Are you a healthcare professional?</span></p>
7735
7736        </div>
7737        
7738        <div class="mt-3">
7739        </div>
7740  </div>
7741                    </div>
7742
7743                
7744                
7745
7746
7747                    <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
7747-center " >
7748
7749
7750  
7751  <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">
7752    
7753
7754
7755
7756
7757
7758
7759
7760
7761
7762
7763
7764
7765        <div  class='w-full flex justify-center'>
7766                <style>
7767                    .button-b172d0be-f2e3-4a17-96b7-ec4dcbdabe5e > div {
7768                        justify-content: center;
7769                        column-gap: 4px;
7770                    }
7771                </style>
7772
7773
7774  
7775  
7776
7777<style>
7778    .button.active,
7779    .button:not(:focus):hover {
7780        background-image: none;
7781    }
7782
7783    .button:not(.button--gradientBorderHover):hover::before {
7784        z-index: -1;
7785    }
7786
7787    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
7788        background: transparent;
7789        -webkit-background-clip: unset;
7790        -webkit-text-fill-color: unset;
7791    }
7792
7793</style>
7794  <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   "  
7795      href="/en-us/healthcare-professional-proven-skincare"
7796      target="_self"
7797      data-context="other"
7798  >
7799
7800    
7801
7802    <span class="  ">
7803
7804        <span>
7805                Healthcare professional
7806        </span>
7807        
7808    </span>
7809  </a>
7810        </div>
7811  </div>
7812                    </div>
7813
7814                
7815                
7816
7817
7818                    <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 " >
7819
7820
7821  
7822  <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">
7823    
7824
7825
7826
7827
7828
7829
7830
7831
7832
7833
7834
7835
7836        <div  class='w-full flex justify-center'>
7837                <style>
7838                    .button-c30d2d5e-cb54-4835-b582-41c140ebeb6f > div {
7839                        justify-content: center;
7840                        column-gap: 4px;
7841                    }
7842                </style>
7843
7844
7845  
7846  
7847
7848<style>
7849    .button.active,
7850    .button:not(:focus):hover {
7851        background-image: none;
7852    }
7853
7854    .button:not(.button--gradientBorderHover):hover::before {
7855        z-index: -1;
7856    }
7857
7858    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
7859        background: transparent;
7860        -webkit-background-clip: unset;
7861        -webkit-text-fill-color: unset;
7862    }
7863
7864</style>
7865  <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   "  
7866      href="/en-us/"
7867      target="_self"
7868      data-context="other"
7869  >
7870
7871    
7872
7873    <span class="  ">
7874
7875        <span>
7876                Public
7877        </span>
7878        
7879    </span>
7880  </a>
7881        </div>
7882  </div>
7883                    </div>
7884        </div>
7885</div>
7886    </div>
7887    
7888      </div>
7889            </div>
7890
7891  </section>
7892
7893  </div>
7894                    </div>
7895        </div>
7896</div>            </div>
7897        </div>
7898    </div>
7899
7900    
7900<script type="text/javascript" async>
7901/* eslint-disable */
7902
7903document.addEventListener("alpine:init", () => {
7904    Alpine.data("modal", (config) => {
7905        const opts = {
7906            focus: false,
7907            open: false,
7908            focusTrap: null,
7909        };
7910
7911        return {
7912            ...opts,
7913            ...config,
7914            stopPropagation() {
7915                this.$event.stopPropagation();
7916            },
7917            initState(state, id) {
7918                if (state) {
7919                    if (id !== this.uuid) return;
7920    
7921                    this.open = state;
7922                    
7923                    if (!this.open) return;
7924    
7925                    this.blurOverlay();
7926                    this.preventScroll(id);
7927    
7928                    window.addEventListener("resize", () => {
7929                        this.blurOverlay();
7930                    });
7931                }
7932            },
7933            openModal(id) {
7934                if (id !== this.uuid) return;
7935                
7936                const windowW = window.innerWidth;
7937
7938                this.open = windowW < 1024? !this.mobileStatus : !this.desktopStatus;
7939
7940                if (!this.open) return;
7941
7942                this.blurOverlay();
7943                this.preventScroll(id);
7944
7945                window.addEventListener("resize", () => {
7946                    this.blurOverlay();
7947                });
7948            },
7949            closeModal(id) {
7950                this.open = false;
7951                this.$trackEvent({
7952                    event: 'click_popup',
7953                    event_type: 'click',
7954                    popup_name: id ?? ''
7955                });
7956                this.blurOverlay();
7957            },
7958            preventScroll(uuid) {
7959                if (this.uuid !== uuid) return;
7960
7961                const classHide = this.hideScroll? this.hideScroll : "overflow-hidden";
7962
7963                classHide.split(" ").forEach(scrollClass => {
7964                    const bodyEl = document.body;
7965                    if (!bodyEl.classList.contains(scrollClass)) bodyEl.classList.add(scrollClass);
7966                });
7967            },
7968            restoreScroll() {
7969                const classHide = this.hideScroll? this.hideScroll : "overflow-hidden";
7970                document.body.classList.remove(...classHide.split(" "));
7971            },
7972            triggerNextTick(id){
7973                const urlParams = new URLSearchParams(window.location.search);
7974                if (urlParams.size > 0){
7975                    const openModalParam = urlParams.get('openmodal');
7976                    if (openModalParam == id){
7977                        this.openModal(id);
7978                    }   
7979                }
7980            },
7981            timeDelay(seconds, id){
7982                this.setInitModalSession();
7983
7984                if (seconds) {
7985                    const arrModal = JSON.parse(sessionStorage.getItem("modal"));
7986                    if (!arrModal.includes(id)) {
7987                        setTimeout(() => {
7988                            this.openModal(id);
7989                            sessionStorage.setItem("modal", this.sessionModal(id));
7990                        }, seconds * 1000);
7991                    }
7992                }
7993            },
7994            scrollPosition(percentage) {
7995                if (!percentage) return;
7996            
7997                let triggered = false;
7998            
7999                const scrollHandler = () => {
8000                    // Calculate total scrollable height
8001                    const totalHeight = document.documentElement.scrollHeight - window.innerHeight;
8002                    
8003                    // Calculate the scroll position corresponding to the given percentage
8004                    const targetY = totalHeight * (percentage / 100);
8005                    
8006                    if (window.scrollY >= targetY && !triggered) {
8007                        this.open = true;
8008                        triggered = true;
8009            
8010                        // Remove the event listener after the action is triggered
8011                        document.removeEventListener('scroll', scrollHandler);
8012                    }
8013                };
8014            
8015                document.addEventListener('scroll', scrollHandler);
8016            },
8017            clickCount(id, clicks, elements) {
8018                if (!clicks || !elements || elements.length === 0) return;
8019
8020                const elementKey = elements.join("_").toLowerCase();
8021                const triggeredKey = id + '_triggered_' + elementKey;
8022            
8023                // Check if this has already been triggered in this session
8024                if (sessionStorage.getItem(triggeredKey)) {
8025                    return;
8026                }
8027
8028                const triggerKey = id + '_trigger_' + elementKey;
8029
8030                // Trigger modal if count was reached
8031                if (sessionStorage.getItem(triggerKey) == 'true') {
8032                    this.open = true;
8033
8034                    sessionStorage.removeItem(triggerKey);
8035                    sessionStorage.setItem(triggeredKey, 'true');
8036
8037                    return;
8038                }
8039
8040                const countKey = id + '_clickCount_' + elementKey;
8041                let count = parseInt(sessionStorage.getItem(countKey) || "0", 10);
8042            
8043                const clickHandler = (e) => {
8044                    // Check if the clicked element's tag name is included in the provided elements array
8045                    if (elements.map(el => el.toLowerCase()).includes(e.target.tagName.toLowerCase())) {
8046                        count++;
8047                        sessionStorage.setItem(countKey, count.toString());
8048            
8049                        if (count >= clicks) {
8050                            // Note in sessionStorage that this has been triggered
8051                            sessionStorage.setItem(triggerKey, 'true');
8052            
8053                            sessionStorage.removeItem(countKey);
8054                            document.removeEventListener('click', clickHandler); // Remove listener
8055
8056                            setTimeout(() => {
8057                                this.open = true;
8058                                sessionStorage.removeItem(triggerKey);
8059                                sessionStorage.setItem(triggeredKey, 'true');
8060                            }, 2000);
8061                        }
8062                    }
8063                };
8064            
8065                document.addEventListener('click', clickHandler);
8066            },            
8067            initFocus(id) {
8068                const container = document.getElementById("modal-" + id);
8069                let btn = container.querySelector(".close-modal-btn");
8070
8071                if (container) {
8072                    const props = {
8073                        fallbackFocus: container,
8074                        allowOutsideClick: true,
8075                        preventScroll: true,
8076                        onActivate: () => {
8077                            //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :(
8078                            setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50);
8079                        },
8080                    }
8081                    if (btn) {
8082                        props.initialFocus = btn;
8083                    }
8084                    this.focusTrap = this.$createFocusTrap("#modal-" +  id, props);
8085
8086                    this.$watch("open", (value) => {
8087                        if (value === true) {
8088                            this.focusTrap.activate();
8089                        } else {
8090                            this.focusTrap.deactivate();
8091                        }
8092                    });
8093                }
8094            },
8095            // Clear Active class for Quicklink List Item when closing modal
8096            clearActiveQuicklinkClass() {
8097                const quicklinksMenu = document.querySelector('.quicklinks')
8098                if(quicklinksMenu){
8099                    let anchors = quicklinksMenu.querySelectorAll("li.anchorItem");
8100                    anchors.forEach((anchor) => {
8101                        anchor.classList.remove('contentStyleActiveAnchorLink');
8102                    });
8103                }
8104            },
8105            pauseVideo() {
8106                var videos = document.querySelectorAll("iframe, video");
8107                Array.prototype.forEach.call(videos, function (video) {
8108                    if (video.tagName.toLowerCase() === "video") {
8109                        video.pause();
8110                    } else {
8111                        //pause iframe videos without loading/calling the Youtube ifame api
8112                        video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*");
8113                    }
8114                });
8115            },
8116            validateStorage(name, storageType="cookies") {
8117                if(name){
8118                    switch(storageType) {
8119                        case "session":
8120                            this.validateSessionStorage(name);
8121                            break;
8122                        case "local":
8123                            this.validateLocalStorage(name);
8124                            break;
8125                        default:
8126                            this.validateCookie(name);
8127                    }
8128                }
8129            },
8130            validateCookie(name) {
8131                const cookie = this.$getCookie(name);
8132                if (cookie) {
8133                    this.closeModal();
8134                }
8135            },
8136            validateSessionStorage(name) {
8137                const session = window.sessionStorage.getItem(name);
8138                if (session) {
8139                    this.closeModal();
8140                }
8141            },
8142            validateLocalStorage(name) {
8143                const local = window.localStorage.getItem(name);
8144                if (local) {
8145                    this.closeModal();
8146                }
8147            },
8148            removeDisabledAttribute(id) {
8149                let inputElement = document.getElementById(id);
8150                inputElement.removeAttribute("disabled");
8151                inputElement.checked = true;
8152            },
8153            addDisabledAttribute(id) {
8154                let inputElement = document.getElementById(id);
8155                inputElement.setAttribute("disabled", "disabled");
8156                inputElement.checked = false;
8157            },
8158            appendToBody() {
8159                document.body.appendChild(this.$el);
8160            },
8161            setInitModalSession() {
8162                const arrModal = sessionStorage.getItem("modal");
8163                if (!arrModal) sessionStorage.setItem("modal", "[]");
8164            },
8165            sessionModal(id) {
8166                let arrModal = sessionStorage.getItem("modal");
8167
8168                const parsedArr = JSON.parse(arrModal);
8169
8170                if (!parsedArr.includes(id)) {
8171                    parsedArr.push(id);
8172                    return JSON.stringify(parsedArr);
8173                } else {
8174                    return arrModal;
8175                }
8176            },
8177            blurOverlay () {
8178                let boolModalStatus = false;
8179                document.querySelectorAll(".modal-chc").forEach(el => {
8180                    const alpineData = Alpine.$data(el)
8181                    if (alpineData.open) boolModalStatus = true;
8182                });
8183
8184                if (!boolModalStatus) this.restoreScroll();
8185            }
8186        };
8187    });
8188});    </script>
8188
8189
8190
8191
8192
8193
8194
8195
8196
8197
8198
8199
8200
8201
8202
8203
8204
8205
8206
8207
8208
8209
8210    <style>
8211                .modal-chc .modal__parent {
8212        }
8213
8214    </style>
8215    
8216
8217    <div
8218        id=""
8219        class="h-full w-full z-50  modal-chc"
8220        style="backdrop-filter: blur(px); -webkit-backdrop-filter: blur(px);"
8221        :class="{'hidden': !open, 'fixed': open}"
8222        x-data="modal({
8223            uuid: 'video-hero',
8224            hideScroll: 'overflow-hidden',
8225            blurMobile: '',
8226            blurDesktop: '',
8227            mobileStatus: false,
8228            desktopStatus: false
8229        })"
8230        x-init="$nextTick(triggerNextTick('video-hero')); initFocus('video-hero'); initState(false, 'video-hero'); validateStorage('', 'cookies'); ; "
8231        x-cloak
8232        border-radius:8px 8px 8px 8px;
8233    >
8234        <div
8235            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"
8236            :class="{'hidden': !open, 'fixed': open}"
8237            @open-modal.window="openModal($event.detail.id); $store.chcHeader.modalShow = true"
8238            @close-modal.window="closeModal('video-hero'); $store.chcHeader.modalShow = false"
8239            @click="closeModal('video-hero'); pauseVideo(), $store.chcHeader.modalShow = false"
8240            x-on:keydown.escape.window="closeModal('video-hero'); pauseVideo()"
8241        >
8242        </div>
8243        <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">
8244            <div
8245                tabindex="-1"
8246                role="dialog"
8247                id="modal-video-hero"
8248                data-id="video-hero"
8249                data-gtmContext="other"
8250                aria-modal="true"
8251                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"
8252                style='border-radius:8px 8px 8px 8px;'
8253                @click="stopPropagation"
8254            >
8255                        <button
8256                            @click="closeModal('video-hero'), pauseVideo(), clearActiveQuicklinkClass(), $store.chcHeader.modalShow = false"
8257                            @focus="open = true"
8258                            class="close-modal-btn flex absolute top-4 right-4 items-center justify-center bg-white rounded-full p-2 z-10"
8259                            aria-label="close"
8260                            type="button"
8261                        >
8262                            <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">
8263                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
8264                            </svg>
8265                        </button>
8266
8267
8268
8269
8270
8271
8272<div class="ContentGrid relative   ">
8273
8274
8275        <div class="flex md:flex   lg:flex-row flex-wrap  ">
8276
8277                
8278                
8279
8280
8281                    <div class="CHC gridComponent   flex flex-col  w-full   self-auto " >
8282
8283
8284
8285
8286
8287
8288  
8289  <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">
8290    
8291
8292
8293
8294
8295
8296
8297
8298
8299
8300
8301
8302  <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 " >
8303
8304
8305
8306
8307
8308
8309
8310            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("fdacb6c5-39f9-4797-bf84-351a9270e416");'>
8311
8312      <div class="contentGridItem__container relative h-full" dir="ltr">
8313        <style>
8314            .backgroundBlur-fdacb6c5-39f9-4797-bf84-351a9270e416 {
8315                backdrop-filter: blur(px);
8316                -webkit-backdrop-filter: blur(px);
8317                background-color: ;
8318                opacity: calc(/100);
8319            }
8320        </style>
8321
8322        <div class="backgroundBlur-fdacb6c5-39f9-4797-bf84-351a9270e416 absolute top-0 bottom-0 left-0 right-0"></div>
8323
8324
8325
8326
8327
8328
8329
8330
8331
8332
8333
8334
8335
8336
8337
8338
8339
8340
8341
8342
8343
8344    <div
8345      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 "
8346      
8347      
8348    >
8349
8350
8351
8352
8353    
8354
8355    
8356
8357
8358
8359<div class="ContentGrid relative container mx-auto  ">
8360
8361
8362        <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">
8363
8364                
8365                
8366
8367
8368                    <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
8368-auto " >
8369
8370
8371
8372
8373
8374
8375
8376
8377  
8378  <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">
8379    
8380  <div x-data="{ 
8381    isMobile: window.innerWidth < 768, 
8382    inViewport: true 
8383  }" x-init="window.addEventListener('resize', () => isMobile = window.innerWidth < 768)" x-intersect.margin.300px="inViewport = true">
8384      <template x-if="inViewport">
8385        <div class="video">
8386
8387
8388
8389
8390        
8391
8392        <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 ">
8393            <div class="video-wrapper relative video-border-r-3625aff7-1d5f-453f-87bd-29a836f68d22 " x-init="removeDuplicateFacade">
8394            <template x-if="!loadVideo">
8395            <div @click="loadVideo = true" class="facade h-full w-full absolute left-0 top-0 cursor-pointer bg-black">
8396                    <img
8397                        class="absolute inset-0 object-cover w-full h-full" 
8398    src="/dam/jcr:9e7d574f-9cab-4866-9208-49d8be528a89/gb-FAYS-1920%20x1080.webp"
8399    loading="lazy"
8400    decoding="async"
8401    data-fade-in="true"
8402                        alt="Gold Bond - For all your SKINS" 
8403                        
8404                    />
8405                    <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>
8406                        <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">
8407                            <span class="mx-auto relative bg-black bg-opacity-50 transition"></span>
8408                        </div>
8409                </div>
8410            </template>
8411            <template x-if="loadVideo">
8412                        <div x-init="isCloned(), initYoutube()" x-data="            {
8413                paramYT: {
8414                    start: '',
8415                    end: '',
8416                    hl: '',
8417                    loop: '0',
8418                    rel: '0',
8419                    fs: '0',
8420                    mute: '0',
8421                    color: 'red',
8422                    autoplay: '0',
8423                    playlist: '',
8424                    disablekb: '1',
8425                    controls: '0',
8426                    cc_lang_pref: 'en',
8427                    cc_load_policy: '0'
8428                }
8429            }
8430" class="w-full h-full">
8431                            <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>
8432                        </div>
8433            </template>
8434            </div>
8435        </div>
8436        </div>
8437      </template>
8438  </div>
8439  </div>
8440                    </div>
8441        </div>
8442</div>
8443    </div>
8444    
8445      </div>
8446            </div>
8447
8448  </section>
8449
8450  </div>
8451                    </div>
8452        </div>
8453</div>            </div>
8454        </div>
8455    </div>
8456
8457    
8457<script type="text/javascript" async>
8458/* eslint-disable */
8459
8460document.addEventListener("alpine:init", () => {
8461    Alpine.data("modal", (config) => {
8462        const opts = {
8463            focus: false,
8464            open: false,
8465            focusTrap: null,
8466        };
8467
8468        return {
8469            ...opts,
8470            ...config,
8471            stopPropagation() {
8472                this.$event.stopPropagation();
8473            },
8474            initState(state, id) {
8475                if (state) {
8476                    if (id !== this.uuid) return;
8477    
8478                    this.open = state;
8479                    
8480                    if (!this.open) return;
8481    
8482                    this.blurOverlay();
8483                    this.preventScroll(id);
8484    
8485                    window.addEventListener("resize", () => {
8486                        this.blurOverlay();
8487                    });
8488                }
8489            },
8490            openModal(id) {
8491                if (id !== this.uuid) return;
8492                
8493                const windowW = window.innerWidth;
8494
8495                this.open = windowW < 1024? !this.mobileStatus : !this.desktopStatus;
8496
8497                if (!this.open) return;
8498
8499                this.blurOverlay();
8500                this.preventScroll(id);
8501
8502                window.addEventListener("resize", () => {
8503                    this.blurOverlay();
8504                });
8505            },
8506            closeModal(id) {
8507                this.open = false;
8508                this.$trackEvent({
8509                    event: 'click_popup',
8510                    event_type: 'click',
8511                    popup_name: id ?? ''
8512                });
8513                this.blurOverlay();
8514            },
8515            preventScroll(uuid) {
8516                if (this.uuid !== uuid) return;
8517
8518                const classHide = this.hideScroll? this.hideScroll : "overflow-hidden";
8519
8520                classHide.split(" ").forEach(scrollClass => {
8521                    const bodyEl = document.body;
8522                    if (!bodyEl.classList.contains(scrollClass)) bodyEl.classList.add(scrollClass);
8523                });
8524            },
8525            restoreScroll() {
8526                const classHide = this.hideScroll? this.hideScroll : "overflow-hidden";
8527                document.body.classList.remove(...classHide.split(" "));
8528            },
8529            triggerNextTick(id){
8530                const urlParams = new URLSearchParams(window.location.search);
8531                if (urlParams.size > 0){
8532                    const openModalParam = urlParams.get('openmodal');
8533                    if (openModalParam == id){
8534                        this.openModal(id);
8535                    }   
8536                }
8537            },
8538            timeDelay(seconds, id){
8539                this.setInitModalSession();
8540
8541                if (seconds) {
8542                    const arrModal = JSON.parse(sessionStorage.getItem("modal"));
8543                    if (!arrModal.includes(id)) {
8544                        setTimeout(() => {
8545                            this.openModal(id);
8546                            sessionStorage.setItem("modal", this.sessionModal(id));
8547                        }, seconds * 1000);
8548                    }
8549                }
8550            },
8551            scrollPosition(percentage) {
8552                if (!percentage) return;
8553            
8554                let triggered = false;
8555            
8556                const scrollHandler = () => {
8557                    // Calculate total scrollable height
8558                    const totalHeight = document.documentElement.scrollHeight - window.innerHeight;
8559                    
8560                    // Calculate the scroll position corresponding to the given percentage
8561                    const targetY = totalHeight * (percentage / 100);
8562                    
8563                    if (window.scrollY >= targetY && !triggered) {
8564                        this.open = true;
8565                        triggered = true;
8566            
8567                        // Remove the event listener after the action is triggered
8568                        document.removeEventListener('scroll', scrollHandler);
8569                    }
8570                };
8571            
8572                document.addEventListener('scroll', scrollHandler);
8573            },
8574            clickCount(id, clicks, elements) {
8575                if (!clicks || !elements || elements.length === 0) return;
8576
8577                const elementKey = elements.join("_").toLowerCase();
8578                const triggeredKey = id + '_triggered_' + elementKey;
8579            
8580                // Check if this has already been triggered in this session
8581                if (sessionStorage.getItem(triggeredKey)) {
8582                    return;
8583                }
8584
8585                const triggerKey = id + '_trigger_' + elementKey;
8586
8587                // Trigger modal if count was reached
8588                if (sessionStorage.getItem(triggerKey) == 'true') {
8589                    this.open = true;
8590
8591                    sessionStorage.removeItem(triggerKey);
8592                    sessionStorage.setItem(triggeredKey, 'true');
8593
8594                    return;
8595                }
8596
8597                const countKey = id + '_clickCount_' + elementKey;
8598                let count = parseInt(sessionStorage.getItem(countKey) || "0", 10);
8599            
8600                const clickHandler = (e) => {
8601                    // Check if the clicked element's tag name is included in the provided elements array
8602                    if (elements.map(el => el.toLowerCase()).includes(e.target.tagName.toLowerCase())) {
8603                        count++;
8604                        sessionStorage.setItem(countKey, count.toString());
8605            
8606                        if (count >= clicks) {
8607                            // Note in sessionStorage that this has been triggered
8608                            sessionStorage.setItem(triggerKey, 'true');
8609            
8610                            sessionStorage.removeItem(countKey);
8611                            document.removeEventListener('click', clickHandler); // Remove listener
8612
8613                            setTimeout(() => {
8614                                this.open = true;
8615                                sessionStorage.removeItem(triggerKey);
8616                                sessionStorage.setItem(triggeredKey, 'true');
8617                            }, 2000);
8618                        }
8619                    }
8620                };
8621            
8622                document.addEventListener('click', clickHandler);
8623            },            
8624            initFocus(id) {
8625                const container = document.getElementById("modal-" + id);
8626                let btn = container.querySelector(".close-modal-btn");
8627
8628                if (container) {
8629                    const props = {
8630                        fallbackFocus: container,
8631                        allowOutsideClick: true,
8632                        preventScroll: true,
8633                        onActivate: () => {
8634                            //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :(
8635                            setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50);
8636                        },
8637                    }
8638                    if (btn) {
8639                        props.initialFocus = btn;
8640                    }
8641                    this.focusTrap = this.$createFocusTrap("#modal-" +  id, props);
8642
8643                    this.$watch("open", (value) => {
8644                        if (value === true) {
8645                            this.focusTrap.activate();
8646                        } else {
8647                            this.focusTrap.deactivate();
8648                        }
8649                    });
8650                }
8651            },
8652            // Clear Active class for Quicklink List Item when closing modal
8653            clearActiveQuicklinkClass() {
8654                const quicklinksMenu = document.querySelector('.quicklinks')
8655                if(quicklinksMenu){
8656                    let anchors = quicklinksMenu.querySelectorAll("li.anchorItem");
8657                    anchors.forEach((anchor) => {
8658                        anchor.classList.remove('contentStyleActiveAnchorLink');
8659                    });
8660                }
8661            },
8662            pauseVideo() {
8663                var videos = document.querySelectorAll("iframe, video");
8664                Array.prototype.forEach.call(videos, function (video) {
8665                    if (video.tagName.toLowerCase() === "video") {
8666                        video.pause();
8667                    } else {
8668                        //pause iframe videos without loading/calling the Youtube ifame api
8669                        video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*");
8670                    }
8671                });
8672            },
8673            validateStorage(name, storageType="cookies") {
8674                if(name){
8675                    switch(storageType) {
8676                        case "session":
8677                            this.validateSessionStorage(name);
8678                            break;
8679                        case "local":
8680                            this.validateLocalStorage(name);
8681                            break;
8682                        default:
8683                            this.validateCookie(name);
8684                    }
8685                }
8686            },
8687            validateCookie(name) {
8688                const cookie = this.$getCookie(name);
8689                if (cookie) {
8690                    this.closeModal();
8691                }
8692            },
8693            validateSessionStorage(name) {
8694                const session = window.sessionStorage.getItem(name);
8695                if (session) {
8696                    this.closeModal();
8697                }
8698            },
8699            validateLocalStorage(name) {
8700                const local = window.localStorage.getItem(name);
8701                if (local) {
8702                    this.closeModal();
8703                }
8704            },
8705            removeDisabledAttribute(id) {
8706                let inputElement = document.getElementById(id);
8707                inputElement.removeAttribute("disabled");
8708                inputElement.checked = true;
8709            },
8710            addDisabledAttribute(id) {
8711                let inputElement = document.getElementById(id);
8712                inputElement.setAttribute("disabled", "disabled");
8713                inputElement.checked = false;
8714            },
8715            appendToBody() {
8716                document.body.appendChild(this.$el);
8717            },
8718            setInitModalSession() {
8719                const arrModal = sessionStorage.getItem("modal");
8720                if (!arrModal) sessionStorage.setItem("modal", "[]");
8721            },
8722            sessionModal(id) {
8723                let arrModal = sessionStorage.getItem("modal");
8724
8725                const parsedArr = JSON.parse(arrModal);
8726
8727                if (!parsedArr.includes(id)) {
8728                    parsedArr.push(id);
8729                    return JSON.stringify(parsedArr);
8730                } else {
8731                    return arrModal;
8732                }
8733            },
8734            blurOverlay () {
8735                let boolModalStatus = false;
8736                document.querySelectorAll(".modal-chc").forEach(el => {
8737                    const alpineData = Alpine.$data(el)
8738                    if (alpineData.open) boolModalStatus = true;
8739                });
8740
8741                if (!boolModalStatus) this.restoreScroll();
8742            }
8743        };
8744    });
8745});    </script>
8745
8746
8747
8748
8749
8750
8751
8752
8753
8754
8755
8756
8757
8758
8759
8760
8761
8762
8763
8764
8765
8766
8767    <style>
8768                .modal-chc .modal__parent {
8769        }
8770
8771    </style>
8772    
8773
8774    <div
8775        id=""
8776        class="h-full w-full z-50 hidden modal-chc"
8777        style="backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px);"
8778        :class="{'hidden': !open, 'fixed': open}"
8779        x-data="modal({
8780            uuid: '',
8781            hideScroll: 'overflow-auto',
8782            blurMobile: '0',
8783            blurDesktop: '0',
8784            mobileStatus: true,
8785            desktopStatus: true
8786        })"
8787        x-init="$nextTick(triggerNextTick('')); initFocus(''); initState(false, ''); validateStorage('', 'cookies'); ; timeDelay(30, '');"
8788        x-cloak
8789        border-radius:0px 0px 0px 0px;
8790    >
8791        <div
8792            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"
8793            :class="{'hidden': !open, 'fixed': open}"
8794            @open-modal.window="openModal($event.detail.id); $store.chcHeader.modalShow = true"
8795            @close-modal.window="closeModal('5d1864bf-300d-4e79-a5d3-5183ebf312cb'); $store.chcHeader.modalShow = false"
8796            @click="closeModal('5d1864bf-300d-4e79-a5d3-5183ebf312cb'); pauseVideo(), $store.chcHeader.modalShow = false"
8797            x-on:keydown.escape.window="closeModal('5d1864bf-300d-4e79-a5d3-5183ebf312cb'); pauseVideo()"
8798        >
8799        </div>
8800        <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">
8801            <div
8802                tabindex="-1"
8803                role="dialog"
8804                id="modal-"
8805                data-id=""
8806                data-gtmContext="other"
8807                aria-modal="true"
8808                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"
8809                style='border-radius:0px 0px 0px 0px;'
8810                @click="stopPropagation"
8811            >
8812                        <button
8813                            @click="closeModal('5d1864bf-300d-4e79-a5d3-5183ebf312cb'), pauseVideo(), clearActiveQuicklinkClass(), $store.chcHeader.modalShow = false"
8814                            @focus="open = true"
8815                            class="close-modal-btn flex absolute top-2 right-3 "
8816                            aria-label="close"
8817                            type="button"
8818                        >
8819                            <span class="font-body text-default leading-none overflow-hidden text-3xl">×</span>
8820                        </button>
8821
8822
8823
8824
8825
8826
8827<div class="ContentGrid relative   ">
8828
8829
8830        <div class="flex md:flex   lg:flex-row flex-wrap  ">
8831
8832                
8833                
8834
8835
8836                    <div class="CHC gridComponent   flex flex-col  w-full   self-auto " >
8837
8838
8839  
8840
8841  
8842
8843
8844  
8845  <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">
8846    
8847   
8848
8849    
8850
8851
8852
8853
8854
8855
8856
8857
8858
8859            <div class="uiImage relative block w-full block image-border-r-3ea9ae68-b914-4781-8cfc-560ee3e29bb3"  data-imageren=false>
8860
8861
8862
8863             
8864 
8865
8866
8867
8868
8869
8870    <picture>
8871      <source
8872  srcset="/dam/jcr:1dcb45fd-dec9-458b-b330-03590442d54f/Image_HP_PopUp.webp 0w"
8873        media="(max-width: 767px)"
8874        class=""
8875        
8876        />
8877      <source
8878  srcset="/dam/jcr:1dcb45fd-dec9-458b-b330-03590442d54f/Image_HP_PopUp.webp 0w"
8879        media="(min-width: 768px)"
8880        class=""
8881        
8882      />
8883      <img
8884        
8885    src="/dam/jcr:1dcb45fd-dec9-458b-b330-03590442d54f/Image_HP_PopUp.webp 0w"
8886    loading="lazy"
8887    decoding="async"
8888    data-fade-in="true"
8889        class="w-full block  block lg:hidden"
8890        alt=""
8891        
8892        
8893        
8894      />
8895      <img
8896        
8897    src="/dam/jcr:1dcb45fd-dec9-458b-b330-03590442d54f/Image_HP_PopUp.webp 0w"
8898    loading="lazy"
8899    decoding="async"
8900    data-fade-in="true"
8901        class="w-full block  hidden lg:block"
8902        alt=""
8903        
8904        
8905        
8906      />
8907    </picture>
8908                    <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div>
8909
8910          </div>
8911
8912
8913
8914
8915  </div>
8916                    </div>
8917
8918                
8919                
8920
8921
8922                    <div class="CHC gridComponent   flex flex-col  w-full   self
8922-auto " >
8923  
8924
8925
8926  
8927
8928
8929
8930
8931  
8932  <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">
8933    
8934
8935
8936
8937
8938
8939
8940
8941
8942
8943
8944
8945  <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 " >
8946
8947
8948
8949
8950
8951
8952
8953            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("111c05a9-d9ab-41f3-a715-85bc983ed600");'>
8954
8955      <div class="contentGridItem__container relative h-full" dir="ltr">
8956        <style>
8957            .backgroundBlur-111c05a9-d9ab-41f3-a715-85bc983ed600 {
8958                backdrop-filter: blur(px);
8959                -webkit-backdrop-filter: blur(px);
8960                background-color: ;
8961                opacity: calc(/100);
8962            }
8963        </style>
8964
8965        <div class="backgroundBlur-111c05a9-d9ab-41f3-a715-85bc983ed600 absolute top-0 bottom-0 left-0 right-0"></div>
8966
8967
8968
8969
8970
8971
8972
8973
8974
8975
8976
8977
8978
8979
8980
8981
8982
8983
8984
8985
8986
8987    <div
8988      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 "
8989      
8990      
8991    >
8992
8993
8994
8995
8996    
8997
8998    
8999
9000
9001
9002<div class="ContentGrid relative container mx-auto  ">
9003
9004
9005        <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">
9006
9007                
9008                
9009
9010
9011                    <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 " >
9012
9013
9014  
9015  <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">
9016    
9017
9018        <div class="flex items-center justify-center md:justify-center lg:justify-center ">
9019
9020            <h2 class="contentBlock__title  text-title-2 font-title text-primary1"><p>Sign Up for Gold Bond<sup class='super'>®</sup> Community</p>
9021</h2>
9022        </div>
9023
9024        
9025  </div>
9026                    </div>
9027
9028                
9029                
9030
9031
9032                    <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 " >
9033
9034
9035  
9036  <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">
9037    
9038
9039
9040        <div class="rich-text mt-3 text-base font-body">
9041            <p style="text-align: center;"><span class="text-body-4"><span class="text-primary1">Get exclusive offers, content, and more!</span></span></p>
9042
9043        </div>
9044        
9045  </div>
9046                    </div>
9047
9048                
9049                
9050
9051
9052                    <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 " >
9053
9054
9055  
9056  <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">
9057    
9058
9059
9060
9061
9062
9063
9064
9065
9066
9067
9068
9069
9070        <div  class='w-full flex justify-center'>
9071                <style>
9072                    .button-a4d05bfb-dd2f-4bce-bdc8-70a9b9875cb9 > div {
9073                        justify-content: center;
9074                        column-gap: 4px;
9075                    }
9076                </style>
9077
9078
9079  
9080  
9081
9082<style>
9083    .button.active,
9084    .button:not(:focus):hover {
9085        background-image: none;
9086    }
9087
9088    .button:not(.button--gradientBorderHover):hover::before {
9089        z-index: -1;
9090    }
9091
9092    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
9093        background: transparent;
9094        -webkit-background-clip: unset;
9095        -webkit-text-fill-color: unset;
9096    }
9097
9098</style>
9099  <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   "  
9100      href="/en-us/savings"
9101      target="_self"
9102      data-context="other"
9103  >
9104
9105    
9106
9107    <span class="  ">
9108
9109        <span>
9110                SIGN UP
9111        </span>
9112        
9113    </span>
9114  </a>
9115        </div>
9116  </div>
9117                    </div>
9118        </div>
9119</div>
9120    </div>
9121    
9122      </div>
9123            </div>
9124
9125  </section>
9126
9127  </div>
9128                    </div>
9129        </div>
9130</div>            </div>
9131        </div>
9132    </div>
9133
9134    
9134<script type="text/javascript" async>
9135/* eslint-disable */
9136
9137document.addEventListener("alpine:init", () => {
9138    Alpine.data("modal", (config) => {
9139        const opts = {
9140            focus: false,
9141            open: false,
9142            focusTrap: null,
9143        };
9144
9145        return {
9146            ...opts,
9147            ...config,
9148            stopPropagation() {
9149                this.$event.stopPropagation();
9150            },
9151            initState(state, id) {
9152                if (state) {
9153                    if (id !== this.uuid) return;
9154    
9155                    this.open = state;
9156                    
9157                    if (!this.open) return;
9158    
9159                    this.blurOverlay();
9160                    this.preventScroll(id);
9161    
9162                    window.addEventListener("resize", () => {
9163                        this.blurOverlay();
9164                    });
9165                }
9166            },
9167            openModal(id) {
9168                if (id !== this.uuid) return;
9169                
9170                const windowW = window.innerWidth;
9171
9172                this.open = windowW < 1024? !this.mobileStatus : !this.desktopStatus;
9173
9174                if (!this.open) return;
9175
9176                this.blurOverlay();
9177                this.preventScroll(id);
9178
9179                window.addEventListener("resize", () => {
9180                    this.blurOverlay();
9181                });
9182            },
9183            closeModal(id) {
9184                this.open = false;
9185                this.$trackEvent({
9186                    event: 'click_popup',
9187                    event_type: 'click',
9188                    popup_name: id ?? ''
9189                });
9190                this.blurOverlay();
9191            },
9192            preventScroll(uuid) {
9193                if (this.uuid !== uuid) return;
9194
9195                const classHide = this.hideScroll? this.hideScroll : "overflow-hidden";
9196
9197                classHide.split(" ").forEach(scrollClass => {
9198                    const bodyEl = document.body;
9199                    if (!bodyEl.classList.contains(scrollClass)) bodyEl.classList.add(scrollClass);
9200                });
9201            },
9202            restoreScroll() {
9203                const classHide = this.hideScroll? this.hideScroll : "overflow-hidden";
9204                document.body.classList.remove(...classHide.split(" "));
9205            },
9206            triggerNextTick(id){
9207                const urlParams = new URLSearchParams(window.location.search);
9208                if (urlParams.size > 0){
9209                    const openModalParam = urlParams.get('openmodal');
9210                    if (openModalParam == id){
9211                        this.openModal(id);
9212                    }   
9213                }
9214            },
9215            timeDelay(seconds, id){
9216                this.setInitModalSession();
9217
9218                if (seconds) {
9219                    const arrModal = JSON.parse(sessionStorage.getItem("modal"));
9220                    if (!arrModal.includes(id)) {
9221                        setTimeout(() => {
9222                            this.openModal(id);
9223                            sessionStorage.setItem("modal", this.sessionModal(id));
9224                        }, seconds * 1000);
9225                    }
9226                }
9227            },
9228            scrollPosition(percentage) {
9229                if (!percentage) return;
9230            
9231                let triggered = false;
9232            
9233                const scrollHandler = () => {
9234                    // Calculate total scrollable height
9235                    const totalHeight = document.documentElement.scrollHeight - window.innerHeight;
9236                    
9237                    // Calculate the scroll position corresponding to the given percentage
9238                    const targetY = totalHeight * (percentage / 100);
9239                    
9240                    if (window.scrollY >= targetY && !triggered) {
9241                        this.open = true;
9242                        triggered = true;
9243            
9244                        // Remove the event listener after the action is triggered
9245                        document.removeEventListener('scroll', scrollHandler);
9246                    }
9247                };
9248            
9249                document.addEventListener('scroll', scrollHandler);
9250            },
9251            clickCount(id, clicks, elements) {
9252                if (!clicks || !elements || elements.length === 0) return;
9253
9254                const elementKey = elements.join("_").toLowerCase();
9255                const triggeredKey = id + '_triggered_' + elementKey;
9256            
9257                // Check if this has already been triggered in this session
9258                if (sessionStorage.getItem(triggeredKey)) {
9259                    return;
9260                }
9261
9262                const triggerKey = id + '_trigger_' + elementKey;
9263
9264                // Trigger modal if count was reached
9265                if (sessionStorage.getItem(triggerKey) == 'true') {
9266                    this.open = true;
9267
9268                    sessionStorage.removeItem(triggerKey);
9269                    sessionStorage.setItem(triggeredKey, 'true');
9270
9271                    return;
9272                }
9273
9274                const countKey = id + '_clickCount_' + elementKey;
9275                let count = parseInt(sessionStorage.getItem(countKey) || "0", 10);
9276            
9277                const clickHandler = (e) => {
9278                    // Check if the clicked element's tag name is included in the provided elements array
9279                    if (elements.map(el => el.toLowerCase()).includes(e.target.tagName.toLowerCase())) {
9280                        count++;
9281                        sessionStorage.setItem(countKey, count.toString());
9282            
9283                        if (count >= clicks) {
9284                            // Note in sessionStorage that this has been triggered
9285                            sessionStorage.setItem(triggerKey, 'true');
9286            
9287                            sessionStorage.removeItem(countKey);
9288                            document.removeEventListener('click', clickHandler); // Remove listener
9289
9290                            setTimeout(() => {
9291                                this.open = true;
9292                                sessionStorage.removeItem(triggerKey);
9293                                sessionStorage.setItem(triggeredKey, 'true');
9294                            }, 2000);
9295                        }
9296                    }
9297                };
9298            
9299                document.addEventListener('click', clickHandler);
9300            },            
9301            initFocus(id) {
9302                const container = document.getElementById("modal-" + id);
9303                let btn = container.querySelector(".close-modal-btn");
9304
9305                if (container) {
9306                    const props = {
9307                        fallbackFocus: container,
9308                        allowOutsideClick: true,
9309                        preventScroll: true,
9310                        onActivate: () => {
9311                            //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :(
9312                            setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50);
9313                        },
9314                    }
9315                    if (btn) {
9316                        props.initialFocus = btn;
9317                    }
9318                    this.focusTrap = this.$createFocusTrap("#modal-" +  id, props);
9319
9320                    this.$watch("open", (value) => {
9321                        if (value === true) {
9322                            this.focusTrap.activate();
9323                        } else {
9324                            this.focusTrap.deactivate();
9325                        }
9326                    });
9327                }
9328            },
9329            // Clear Active class for Quicklink List Item when closing modal
9330            clearActiveQuicklinkClass() {
9331                const quicklinksMenu = document.querySelector('.quicklinks')
9332                if(quicklinksMenu){
9333                    let anchors = quicklinksMenu.querySelectorAll("li.anchorItem");
9334                    anchors.forEach((anchor) => {
9335                        anchor.classList.remove('contentStyleActiveAnchorLink');
9336                    });
9337                }
9338            },
9339            pauseVideo() {
9340                var videos = document.querySelectorAll("iframe, video");
9341                Array.prototype.forEach.call(videos, function (video) {
9342                    if (video.tagName.toLowerCase() === "video") {
9343                        video.pause();
9344                    } else {
9345                        //pause iframe videos without loading/calling the Youtube ifame api
9346                        video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*");
9347                    }
9348                });
9349            },
9350            validateStorage(name, storageType="cookies") {
9351                if(name){
9352                    switch(storageType) {
9353                        case "session":
9354                            this.validateSessionStorage(name);
9355                            break;
9356                        case "local":
9357                            this.validateLocalStorage(name);
9358                            break;
9359                        default:
9360                            this.validateCookie(name);
9361                    }
9362                }
9363            },
9364            validateCookie(name) {
9365                const cookie = this.$getCookie(name);
9366                if (cookie) {
9367                    this.closeModal();
9368                }
9369            },
9370            validateSessionStorage(name) {
9371                const session = window.sessionStorage.getItem(name);
9372                if (session) {
9373                    this.closeModal();
9374                }
9375            },
9376            validateLocalStorage(name) {
9377                const local = window.localStorage.getItem(name);
9378                if (local) {
9379                    this.closeModal();
9380                }
9381            },
9382            removeDisabledAttribute(id) {
9383                let inputElement = document.getElementById(id);
9384                inputElement.removeAttribute("disabled");
9385                inputElement.checked = true;
9386            },
9387            addDisabledAttribute(id) {
9388                let inputElement = document.getElementById(id);
9389                inputElement.setAttribute("disabled", "disabled");
9390                inputElement.checked = false;
9391            },
9392            appendToBody() {
9393                document.body.appendChild(this.$el);
9394            },
9395            setInitModalSession() {
9396                const arrModal = sessionStorage.getItem("modal");
9397                if (!arrModal) sessionStorage.setItem("modal", "[]");
9398            },
9399            sessionModal(id) {
9400                let arrModal = sessionStorage.getItem("modal");
9401
9402                const parsedArr = JSON.parse(arrModal);
9403
9404                if (!parsedArr.includes(id)) {
9405                    parsedArr.push(id);
9406                    return JSON.stringify(parsedArr);
9407                } else {
9408                    return arrModal;
9409                }
9410            },
9411            blurOverlay () {
9412                let boolModalStatus = false;
9413                document.querySelectorAll(".modal-chc").forEach(el => {
9414                    const alpineData = Alpine.$data(el)
9415                    if (alpineData.open) boolModalStatus = true;
9416                });
9417
9418                if (!boolModalStatus) this.restoreScroll();
9419            }
9420        };
9421    });
9422});    </script>
vendor: 1 bytes, line 9422
9422
9423<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 9423
9423
9424<script src="/.resources/sanofi-lm-chc/themes/chc/dist/pages/chcDefaultPage~2026-09-15-09-45-00-000~cache.js" async></script>
9424        <div class="overrideFonts">
9425                
9425<script>
9426if (document.querySelector('[name="algo:pageType"]').content === 'pdp') {
9427    document.body.classList.add('product-detail');
9428}
9429
9430function noOverlayBreadCrumbs() {
9431    document.body.classList.add('noBreadCrumbOverlay');
9432    const breadCrumbs =  document.querySelector('.breadcrumbs').cloneNode(true);
9433    breadCrumbs.classList.remove('absolute');
9434    breadCrumbs.classList.add('relative');
9435    breadCrumbs.classList.add('bread-crumbs');
9436    
9437    document.querySelector('.hero-wrap > .relative').insertAdjacentElement('afterbegin', breadCrumbs);
9438}
9439
9440function whiteBreadCrumbs() {
9441    document.body.classList.add('whiteBreadcrumbs');
9442}
9443
9444function whiteBreadCrumbs() {
9445    document.querySelector(`.breadcrumbs`).classList.add('breadCrumbsWhite');
9446}
9447
9448</script>
9448
9449
9450<!--- Sticky button  --->
9451<script>
9452    if (document.querySelector('[class="site-data"]').innerHTML.includes('home_page')) {
9453        const wloc = window.location;
9454        const homepageClass = wloc.href.includes('author') || (window.location.pathname === '/en-us') ? 'homepage' : 'page';
9455        document.body.classList.add(homepageClass); 
9456    }
9457</script>
9457
9458
9459<script>
9460if (window.location.href.includes('money-back-guarantee') || window.location.href.includes('skincare-science') || window.location.href.includes('where-to-buy')) {
9461    document.querySelector('.hero-wrap').classList.add('mt-90');
9462}
9463</script>
9463
9464
9465<!--- 595 hide sign up and save --->
9466<script>
9467
9468if (document.querySelector('[name="algo:pageType"]').content == 'pdp') {
9469    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"]'); 
9470    savingsBtns.forEach((btn, i) => {
9471        if (btn.closest('.hero-wrap')) {
9472            btn.closest('section').parentNode.parentNode.closest('section').style.display = 'none';
9473        }
9474
9475        if (btn.closest('main')) {
9476            btn.closest('.CHC').style.display = 'none';
9477        }
9478    });
9479}
9480</script>
9480
9481
9482<!--- 451 fix pdp coupons --->
9483<script>
9484if (document.querySelector('meta[name="algo:pageType"]').getAttribute('content') == 'pdp') {
9485	if (document.querySelectorAll('[href*="coupons"]').length) {
9486		document.querySelectorAll('[href*="coupons"]').forEach((coupon) => {
9487		    coupon.style.display = 'none';
9488			coupon.href = coupon.getAttribute('href').replace('coupons','savings');
9489		})
9490		/*
9491		const couponsLink = document.querySelector('[href*="coupons"]');
9492		couponsLink.href = couponsLink.getAttribute('href').replace('coupons','savings');
9493		*/
9494	}
9495	
9496	/* 651 */
9497	document.querySelectorAll('[href*="savings"]').forEach((link) => {
9498    	if (link.closest('.hero-wrap')) {
9499    		link.closest('section').parentNode.closest('section').parentNode.closest('section').parentNode.closest('.CHC').style.display = 'none';
9500    	}
9501    
9502    	if (link.closest('main')) {
9503    		link.closest('.CHC').style.display = 'none';
9504    	}
9505    });
9506}
9507</script>
9507
9508
9509<script>
9510    // FOR BCORP CUSTOM OPEN IN NEW TAB FEATURE
9511    let bcorpLink = document.querySelector('.subNav__itemWrap > a[href*="/b-corp"]');
9512    bcorpLink.setAttribute('target','_blank');
9513</script>
9513
9514
9515
9516
9517<!-- FIX bug play button hero bg video -->
9518<script>
9519document.querySelector('.contentGridItem--2cadcb8d-c364-46d1-8af3-13a468728062 .videoButton').onclick = function() {
9520    const deviceAgent = window.navigator.userAgent.toLowerCase();
9521    if (deviceAgent.includes('iphone') || deviceAgent.includes('ipad') || deviceAgent.includes('android')) {
9522        const hbgvid = document.querySelector('.desktopVideo');
9523        const playbtn = document.querySelector('.contentGridItem--2cadcb8d-c364-46d1-8af3-13a468728062 .videoButton svg [x-show="!isPlaying"]');
9524        const pausebtn = document.querySelector('.contentGridItem--2cadcb8d-c364-46d1-8af3-13a468728062 .videoButton svg [x-show="isPlaying"]');
9525        if(!!(hbgvid.currentTime > 0 && !hbgvid.paused && hbgvid.readyState > 2)) {
9526            hbgvid.pause();
9527            pausebtn.style.display = "none";
9528            playbtn.style.display = "block";
9529        } else {
9530            hbgvid.play();
9531            pausebtn.style.display = "block";
9532            playbtn.style.display = "none";
9533        } 	
9534    }
9535};
9536</script>
9536
9537
9538
9539            
9539<script>
9540document.body.classList.add('product-detail');
9541</script>
9541
9542        </div>
9543
9544
9545    </body>
9546</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.