.hdt-skincare-landing-hero{--skincare-hero-height-desktop: 760px;--skincare-hero-height-mobile: 620px;--skincare-hero-content-max: 620px;--skincare-hero-content-offset-x: 0px;--skincare-hero-content-offset-y: 0px;--skincare-hero-overlay-opacity: .08;--skincare-hero-desktop-text: #fff}.hdt-skincare-landing-hero__media{position:relative;min-height:var(--skincare-hero-height-mobile);overflow:hidden}.hdt-skincare-landing-hero__picture,.hdt-skincare-landing-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.hdt-skincare-landing-hero__picture img,.hdt-skincare-landing-hero__placeholder svg{width:100%;height:100%;object-fit:cover;display:block}.hdt-skincare-landing-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--skincare-hero-overlay-opacity));pointer-events:none}.hdt-skincare-landing-hero__desktop-content{display:none;position:relative;z-index:1;min-height:var(--skincare-hero-height-mobile);align-items:center;color:var(--skincare-hero-desktop-text)}.hdt-skincare-landing-hero__desktop-content .hdt-skincare-landing-hero__title,.hdt-skincare-landing-hero__desktop-content .hdt-skincare-landing-hero__description,.hdt-skincare-landing-hero__desktop-content .hdt-skincare-landing-hero__description *{color:var(--skincare-hero-desktop-text)}.hdt-skincare-landing-hero__copy{max-width:min(100%,var(--skincare-hero-content-max));margin-inline-start:var(--skincare-hero-content-offset-x);transform:translateY(var(--skincare-hero-content-offset-y))}.hdt-skincare-landing-hero__title{margin:0;line-height:1.06;letter-spacing:-.02em;font-size:calc(var(--h2-size) * .85)}.hdt-skincare-landing-hero__description{margin-top:1.8rem;max-width:100%}.hdt-skincare-landing-hero__description>*:first-child{margin-top:0}.hdt-skincare-landing-hero__description>*:last-child{margin-bottom:0}.hdt-skincare-landing-hero__mobile-content{padding-block:4.4rem 3.2rem;background:rgb(var(--color-background))}.hdt-skincare-landing-hero__mobile-content .hdt-skincare-landing-hero__description{color:rgba(var(--color-foreground),.75)}@media(min-width:768px){.hdt-skincare-landing-hero__media{min-height:var(--skincare-hero-height-desktop)}.hdt-skincare-landing-hero__title{font-size:calc(var(--h2-size-lg) * .85)}.hdt-skincare-landing-hero__desktop-content{display:flex;min-height:var(--skincare-hero-height-desktop)}.hdt-skincare-landing-hero__mobile-content{display:none}}.hdt-skincare-tiles{--skincare-tile-gap: 16px;--skincare-tile-gap-lg: 20px;--skincare-nav-inset: -22px}.hdt-skincare-tiles .hdt-slider{--slide-spacing: var(--skincare-tile-gap)}.hdt-skincare-tile{height:100%}.hdt-skincare-tile__link{color:inherit;text-decoration:none;display:block}.hdt-skincare-tile__media{position:relative;overflow:hidden;background:rgba(var(--color-foreground),.06);aspect-ratio:1 / 1}.hdt-skincare-tile__media img,.hdt-skincare-tile__media .placeholder-svg{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.hdt-skincare-tile__title{margin:1.6rem 0 0;line-height:1.2}.hdt-skincare-tile__link:hover .hdt-skincare-tile__media img{transform:scale(1.03)}.hdt-skincare-tiles__nav button{--btn-w: 2.8rem;--btn-h: 2.8rem;color:rgba(var(--color-foreground),.65);background:transparent}.hdt-skincare-tiles__nav button[name=previous]{inset-inline-start:var(--skincare-nav-inset)}.hdt-skincare-tiles__nav button[name=next]{inset-inline-end:var(--skincare-nav-inset)}@media(min-width:768px){.hdt-skincare-tiles .hdt-slider{--slide-spacing: var(--skincare-tile-gap-lg)}.hdt-skincare-tile__media{aspect-ratio:8 / 5}}@media(min-width:1150px){.hdt-skincare-tile__media{aspect-ratio:8 / 5.75}.hdt-skincare-tiles .hdt-slider.lg\:hdt-slides-3:not(.lg\:hdt-slider__active-false){--slide-size-set: 38.3333%}.hdt-skincare-tiles .hdt-slider.lg\:hdt-slides-4:not(.lg\:hdt-slider__active-false){--slide-size-set: 28.75%}.hdt-skincare-tiles .hdt-slider.lg\:hdt-slides-5:not(.lg\:hdt-slider__active-false){--slide-size-set: 23%}.hdt-skincare-tiles .hdt-slider.lg\:hdt-slides-6:not(.lg\:hdt-slider__active-false){--slide-size-set: 19.1667%}}@media(max-width:767.98px){.hdt-skincare-tiles__nav:not(.hdt-slide-nav-visible){display:none}.hdt-skincare-tiles__nav.hdt-slide-nav-visible button{--btn-w: 2.4rem;--btn-h: 2.4rem;top:auto;bottom:-3.8rem;transform:none;border-radius:var(--corner-radius-2xs);background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.15)}.hdt-skincare-tiles__nav.hdt-slide-nav-visible button[name=previous]{inset-inline-start:.8rem}.hdt-skincare-tiles__nav.hdt-slide-nav-visible button[name=next]{inset-inline-end:.8rem}}.hdt-skincare-recent{--skincare-recent-gap: 18px;--skincare-recent-gap-lg: 18px;--skincare-recent-nav-inset: -30px}.hdt-skincare-recent__header{margin-bottom:2.2rem;text-align:start}.hdt-skincare-recent__title{margin:0;line-height:1.08;letter-spacing:-.01em;font-size:clamp(3.4rem,2.4rem + 1.2vw,5.4rem)}.hdt-skincare-recent .hdt-slider{--slide-spacing: var(--skincare-recent-gap)}.hdt-skincare-recent-card{display:flex;flex-direction:column;height:100%}.hdt-skincare-recent-card__media-wrap{position:relative}.hdt-skincare-recent-card__media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;max-height:clamp(24rem,55vw,39rem);overflow:hidden;background:rgba(var(--color-foreground),.03)}.hdt-skincare-recent-card__media img,.hdt-skincare-recent-card__media .placeholder-svg{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.hdt-skincare-recent-card__bookmark{position:absolute;top:.4rem;inset-inline-end:.4rem;color:rgb(var(--color-foreground));width:2.2rem;height:2.2rem;display:grid;place-content:center}.hdt-skincare-recent-card__bookmark .hdt-icon{width:1.7rem;height:1.7rem}.hdt-skincare-recent-card__content{text-align:center;padding-top:1.4rem}.hdt-skincare-recent-card__title{margin:0;line-height:1.22;font-size:clamp(1.8rem,1.65rem + .2vw,2.2rem);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdt-skincare-recent-card__title a{color:inherit;text-decoration:none}.hdt-skincare-recent-card__description{margin:1rem auto 0;color:rgba(var(--color-foreground),.74);max-width:92%;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(1.5rem,1.45rem + .12vw,1.8rem)}.hdt-skincare-recent-card__price{margin-top:1.1rem;font-size:clamp(1.8rem,1.65rem + .2vw,2.2rem);line-height:1.08}.hdt-skincare-recent-card__btn{margin-top:1.6rem;width:100%}.hdt-skincare-recent__nav button{--btn-w: 3rem;--btn-h: 3rem;background:transparent;color:rgba(var(--color-foreground),.68);border:0;--gap-arrow: 40%}.hdt-skincare-recent__nav button[name=previous]{inset-inline-start:var(--skincare-recent-nav-inset)}.hdt-skincare-recent__nav button[name=next]{inset-inline-end:var(--skincare-recent-nav-inset)}.hdt-skincare-recent__dots.hdt-slider-dots__simple.hdt-slider-dots__simple--dash{justify-content:center;margin-top:2.8rem}@media(min-width:768px){.hdt-skincare-recent__header{margin-bottom:2.8rem;text-align:center}.hdt-skincare-recent .hdt-slider{--slide-spacing: var(--skincare-recent-gap-lg)}.hdt-skincare-recent-card__media{max-height:clamp(30rem,22vw,44rem)}.hdt-skincare-recent-card__content{padding-top:1.8rem}.hdt-skincare-recent-card__description{max-width:95%}.hdt-skincare-recent__nav button{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:0}.hdt-skincare-recent__nav button[disabled]{opacity:.35}}@media(max-width:767.98px){.hdt-skincare-recent__header{margin-bottom:2rem;text-align:center}.hdt-skincare-recent__title{font-size:clamp(2.8rem,6.6vw,4.6rem);line-height:1.12}.hdt-skincare-recent-card__media{aspect-ratio:4 / 5;max-height:clamp(30rem,72vw,46rem)}.hdt-skincare-recent-card__media img{transform:scale(1.34);transform-origin:center 56%}.hdt-skincare-recent-card__media .placeholder-svg{transform:none}.hdt-skincare-recent-card__content{padding-top:1.2rem}.hdt-skincare-recent-card__title{font-size:clamp(1.65rem,4.9vw,2rem)}.hdt-skincare-recent-card__description{margin-top:.8rem;font-size:clamp(1.3rem,3.8vw,1.55rem);line-height:1.28}.hdt-skincare-recent-card__price{margin-top:.9rem;font-size:clamp(1.6rem,4.4vw,1.95rem)}.hdt-skincare-recent-card__btn{--height-button: 3.6rem;--padding-button: .8rem 2.2rem;margin-top:1.2rem}.hdt-skincare-recent__nav.hdt-slide-nav-visible button{--btn-w: 2.7rem;--btn-h: 2.7rem;top:calc(var(--gap-arrow, 40%))}}.hdt-skincare-cta-banner{--skincare-cta-height-desktop: 740px;--skincare-cta-height-mobile: 410px;--skincare-cta-content-max: 620px;--skincare-cta-content-offset-x: 0px;--skincare-cta-content-offset-y: 0px;--skincare-cta-overlay: .46;--skincare-cta-desktop-text: #fff}.hdt-skincare-cta-banner__media{position:relative;min-height:var(--skincare-cta-height-mobile);overflow:hidden}.hdt-skincare-cta-banner__picture,.hdt-skincare-cta-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.hdt-skincare-cta-banner__picture img,.hdt-skincare-cta-banner__placeholder svg{width:100%;height:100%;object-fit:cover;display:block}.hdt-skincare-cta-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,calc(var(--skincare-cta-overlay) + .18)),rgba(0,0,0,var(--skincare-cta-overlay)) 36%,#00000024,#0000)}.hdt-skincare-cta-banner__desktop-content{display:none;position:relative;z-index:1;min-height:var(--skincare-cta-height-mobile);align-items:center;color:var(--skincare-cta-desktop-text)}.hdt-skincare-cta-banner__desktop-content .hdt-skincare-cta-banner__eyebrow,.hdt-skincare-cta-banner__desktop-content .hdt-skincare-cta-banner__title,.hdt-skincare-cta-banner__desktop-content .hdt-skincare-cta-banner__description,.hdt-skincare-cta-banner__desktop-content .hdt-skincare-cta-banner__description *{color:var(--skincare-cta-desktop-text)}.hdt-skincare-cta-banner__copy{max-width:min(100%,var(--skincare-cta-content-max));margin-inline-start:calc(3rem + var(--skincare-cta-content-offset-x));transform:translateY(var(--skincare-cta-content-offset-y))}.hdt-skincare-cta-banner__eyebrow{margin:0;font-size:clamp(1.3rem,1.16rem + .1vw,1.44rem);line-height:1.25;font-weight:600}.hdt-skincare-cta-banner__title{margin:1.8rem 0 0;line-height:1.08;letter-spacing:-.02em;font-size:calc(var(--h2-size) * .63)}.hdt-skincare-cta-banner__description{margin-top:1.8rem;max-width:100%;font-size:clamp(2rem,1.7rem + .2vw,2.42rem);line-height:1.34}.hdt-skincare-cta-banner__description>*:first-child{margin-top:0}.hdt-skincare-cta-banner__description>*:last-child{margin-bottom:0}.hdt-skincare-cta-banner__btn{margin-top:2.6rem;display:inline-grid;grid-auto-flow:column;gap:.9rem;align-items:center;justify-content:center;min-height:3.9rem;text-decoration:none;font-weight:500;border-radius:.6rem;padding-inline:2.1rem;border:.1rem solid;line-height:1.1;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.hdt-skincare-cta-banner__btn-label{white-space:nowrap}.hdt-skincare-cta-banner__btn-icon{width:1.8rem;height:1.8rem;display:grid;place-content:center}.hdt-skincare-cta-banner__btn-icon svg{width:1.4rem;height:1.4rem}.hdt-skincare-cta-banner__btn--desktop{min-width:min(100%,27rem);background:transparent;color:var(--skincare-cta-desktop-text);border-color:var(--skincare-cta-desktop-text)}.hdt-skincare-cta-banner__btn--desktop:hover{background-color:var(--skincare-cta-desktop-text);color:#111;border-color:var(--skincare-cta-desktop-text);opacity:1}.hdt-skincare-cta-banner__mobile-content{padding-block:3.4rem 3.8rem;background:rgb(var(--color-background))}.hdt-skincare-cta-banner__mobile-content .hdt-skincare-cta-banner__description{color:rgba(var(--color-foreground),.88)}.hdt-skincare-cta-banner__btn--mobile{width:100%;background:transparent;color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.2)}.hdt-skincare-cta-banner__btn--mobile:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}@media(min-width:768px){.hdt-skincare-cta-banner__media{min-height:var(--skincare-cta-height-desktop)}.hdt-skincare-cta-banner__title{font-size:calc(var(--h2-size-lg) * .55);line-height:1.05}.hdt-skincare-cta-banner__description{font-size:clamp(2.05rem,1.48rem + .4vw,2.68rem)}.hdt-skincare-cta-banner__desktop-content{display:flex;min-height:var(--skincare-cta-height-desktop)}.hdt-skincare-cta-banner__mobile-content{display:none}}@media(max-width:767.98px){.hdt-skincare-cta-banner__eyebrow{font-size:clamp(1.17rem,2.6vw,1.4rem)}.hdt-skincare-cta-banner__title{font-size:clamp(2.03rem,6.2vw,3.55rem);line-height:1.08;margin-top:1.4rem}.hdt-skincare-cta-banner__description{margin-top:1.6rem;font-size:clamp(1.3rem,3.35vw,1.66rem);line-height:1.33}.hdt-skincare-cta-banner__btn{margin-top:2rem;min-height:3.3rem;padding-inline:1.4rem;font-size:clamp(1.05rem,2.7vw,1.3rem);justify-content:center}.hdt-skincare-cta-banner__btn-icon{width:1.4rem;height:1.4rem}.hdt-skincare-cta-banner__btn-icon svg{width:1.05rem;height:1.05rem}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/skincare-landing.css.map */