.custom-skin-health{padding-top:calc(var(--skin-padding-top) * .75);padding-bottom:calc(var(--skin-padding-bottom) * .75);background:var(--color-background) var(--gradient-background) no-repeat;color:var(--color-text)}.custom-skin-health__header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}.custom-skin-health__intro{max-width:740px;min-width:0}.custom-skin-health__section-eyebrow{font-size:calc(var(--font-body-scale) * 9px);font-weight:var(--font-body-weight-bold);line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--skin-eyebrow-color);margin:0 0 12px;overflow-wrap:anywhere}.custom-skin-health__heading,.custom-skin-health__subheading{margin:0 0 8px}.custom-skin-health__description{font-size:calc(var(--font-body-scale) * 13px);line-height:1.6;opacity:.75}.custom-skin-health__description p{font-size:inherit;line-height:inherit;margin:0}.custom-skin-health__description p+p{margin-top:8px}.custom-skin-health__check-wrap{flex:0 0 auto;width:max-content;max-width:100%}.custom-skin-health__check{display:flex;align-items:center;justify-content:center;text-align:center;gap:12px;width:100%;min-height:44px;padding:12px 20px;border-radius:40px;font-size:calc(var(--font-button-scale) * 10px);line-height:1.4;letter-spacing:.06em;text-transform:uppercase}.custom-skin-health__check>span:first-child{overflow-wrap:anywhere}.custom-skin-health__check>span:last-child{flex-shrink:0}.custom-skin-health__check-note{font-size:calc(var(--font-body-scale) * 10px);line-height:1.5;opacity:.75;text-align:center;margin:8px 0 0;overflow-wrap:anywhere}.custom-skin-health__grid{display:flex;flex-wrap:wrap;gap:16px}.custom-skin-health__stage{display:flex;flex-direction:column;flex:1 1 220px;min-width:0;background:var(--skin-stage-background);border:1px solid rgb(var(--color-border) / .6);border-radius:var(--skin-card-radius);overflow:hidden}.custom-skin-health__stage--wide{flex-grow:1.3;flex-basis:286px}.custom-skin-health__stage-media{position:relative;height:var(--skin-image-height);overflow:hidden}.custom-skin-health__stage-media>img,.custom-skin-health__stage-media>svg{width:100%;height:100%;object-fit:cover;display:block}.custom-skin-health__stage-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--skin-image-overlay)}.custom-skin-health__stage-overlay{position:absolute;inset:auto 20px 24px;color:#fff;z-index:1}.custom-skin-health__eyebrow{font-size:calc(var(--font-body-scale) * 9px);font-weight:var(--font-body-weight-bold);line-height:1.4;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;color:inherit}.custom-skin-health__condition{font-size:calc(var(--font-body-scale) * 17px);line-height:1.35;text-transform:uppercase;margin:0;color:inherit;overflow-wrap:anywhere}.custom-skin-health__stage-body{padding:20px 18px 18px;display:flex;flex-direction:column;flex:1;min-width:0}.custom-skin-health__stage-title{display:flex;align-items:baseline;gap:16px;font-size:calc(var(--font-body-scale) * 22px);font-weight:var(--font-body-weight);text-transform:uppercase;letter-spacing:.05em;line-height:1.3;margin:0 0 12px;color:var(--skin-stage-accent);overflow-wrap:anywhere}.custom-skin-health__number{font-size:calc(var(--font-body-scale) * 17px);letter-spacing:0;flex-shrink:0}.custom-skin-health__stage-description{font-size:calc(var(--font-body-scale) * 12px);line-height:1.5;margin:0 0 16px;opacity:.75}.custom-skin-health__products{display:flex;flex-direction:column;gap:12px;flex:1}.custom-skin-health__product{display:flex;flex-direction:column;flex:1;min-width:0}.custom-skin-health__product-media{position:relative;aspect-ratio:1;overflow:hidden}.custom-skin-health__product-media img,.custom-skin-health__product-media svg{display:block;width:100%;height:100%;object-fit:contain}.custom-skin-health__product-copy{display:flex;flex-direction:column;flex:1;padding:12px 4px 0;text-align:center;min-width:0}.custom-skin-health__product-title{font-size:calc(var(--font-body-scale) * 17px);font-weight:var(--font-body-weight);line-height:1.3;margin:0 0 8px;color:inherit;overflow-wrap:anywhere}.custom-skin-health__product-description{font-size:calc(var(--font-body-scale) * 10px);line-height:1.45;margin:0 0 16px;opacity:.75}.custom-skin-health__product-button{display:flex;align-items:center;justify-content:center;text-align:center;gap:12px;padding:12px 14px;border-radius:40px;font-size:calc(var(--font-button-scale) * 10px);line-height:1.4;letter-spacing:.06em;margin-top:auto;width:100%;min-height:44px}.custom-skin-health__product-button>span:first-child{overflow-wrap:anywhere}.custom-skin-health__product-button>span:last-child{flex-shrink:0}.custom-skin-health__product--compact{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);background:var(--skin-product-background);border-radius:calc(var(--skin-card-radius) * .8);overflow:hidden}.custom-skin-health__product--compact .custom-skin-health__product-media{grid-column:2;grid-row:1;aspect-ratio:auto;min-height:160px}.custom-skin-health__product--compact .custom-skin-health__product-media img,.custom-skin-health__product--compact .custom-skin-health__product-media svg{position:absolute;top:0;right:0;bottom:0;left:0}.custom-skin-health__product--compact .custom-skin-health__product-copy{grid-column:1;grid-row:1;padding:16px 10px 12px 14px;text-align:start}.custom-skin-health__product--compact .custom-skin-health__eyebrow{color:var(--skin-stage-accent)}.custom-skin-health__product--compact .custom-skin-health__product-title{font-size:calc(var(--font-body-scale) * 16px)}.custom-skin-health__product--compact .custom-skin-health__product-button{padding:10px 12px;font-size:calc(var(--font-button-scale) * 9px)}.custom-skin-health__check:focus-visible,.custom-skin-health__product-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media screen and (min-width:750px){.custom-skin-health{padding-top:var(--skin-padding-top);padding-bottom:var(--skin-padding-bottom)}}@media screen and (max-width:1099px){.custom-skin-health__header{align-items:flex-start;flex-direction:column;gap:20px}.custom-skin-health__check-wrap{flex:none;max-width:100%}.custom-skin-health__stage,.custom-skin-health__stage--wide{flex:0 0 calc((100% - 16px)/2)}}@media screen and (max-width:749px){.custom-skin-health__header{margin-bottom:24px}.custom-skin-health__stage,.custom-skin-health__stage--wide{flex:0 0 100%}.custom-skin-health__check-wrap{width:fit-content;max-width:100%}.custom-skin-health__check{width:auto;max-width:100%;padding:10px 14px;gap:12px;letter-spacing:.04em}.custom-skin-health__check-note{text-align:start;max-width:280px;margin-top:6px}.custom-skin-health__stage-title{font-size:calc(var(--font-body-scale) * 22px)}}@supports (grid-template-rows: subgrid){.custom-skin-health__grid{display:grid;grid-template-columns:var(--skin-card-columns);column-gap:16px;row-gap:0}.custom-skin-health__stage{display:grid;grid-template-rows:subgrid;grid-row:span 8;min-width:0;margin-bottom:16px}.custom-skin-health__stage-media{grid-row:1}.custom-skin-health__stage-body{display:grid;grid-template-rows:subgrid;grid-row:2 / span 7}.custom-skin-health__stage-title{grid-row:1}.custom-skin-health__stage-description{grid-row:2}.custom-skin-health__products{display:grid;grid-template-rows:subgrid;grid-row:3 / span 5;gap:0}.custom-skin-health__product:not(.custom-skin-health__product--compact){display:grid;grid-template-rows:subgrid;grid-row:1 / span 5}.custom-skin-health__product:not(.custom-skin-health__product--compact) .custom-skin-health__product-media{grid-row:1}.custom-skin-health__product:not(.custom-skin-health__product--compact) .custom-skin-health__product-copy{display:grid;grid-template-rows:subgrid;grid-row:2 / span 4}.custom-skin-health__product:not(.custom-skin-health__product--compact) .custom-skin-health__eyebrow{grid-row:1}.custom-skin-health__product:not(.custom-skin-health__product--compact) .custom-skin-health__product-title{grid-row:2}.custom-skin-health__product:not(.custom-skin-health__product--compact) .custom-skin-health__product-description{grid-row:3}.custom-skin-health__product:not(.custom-skin-health__product--compact) .custom-skin-health__product-button{grid-row:4;align-self:end}.custom-skin-health__products:has(.custom-skin-health__product--compact){display:flex;flex-direction:column;gap:12px}@media screen and (max-width:1099px){.custom-skin-health__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.custom-skin-health__grid{grid-template-columns:minmax(0,1fr)}}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-custom-skin-health.css.map */