.pdp-acne-steps{background:var(--pdp-acne-steps-bg, #fff)}.pdp-acne-steps__inner{max-width:1180px;margin:0 auto;timeline-scope:--pdp-acne-steps-rail}.pdp-acne-steps__header{max-width:520px;margin:0 auto 50px;text-align:center}.pdp-acne-steps__title{font-size:clamp(26px,5vw,38px);font-weight:500;line-height:1.18;letter-spacing:-.5px;color:var(--pdp-acne-steps-heading, #1e2b29);margin:0}.pdp-acne-steps__body{font-size:clamp(13.5px,2.4vw,15px);line-height:1.62;color:var(--pdp-acne-steps-body, #1e2b29);margin:16px 40px 0}.pdp-acne-steps__body p{margin:0 0 10px}.pdp-acne-steps__body p:last-child{margin-bottom:0}.pdp-acne-steps__track{--pdp-acne-steps-gap: 14px;display:flex;gap:var(--pdp-acne-steps-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:16px;scroll-timeline:--pdp-acne-steps-rail inline;margin:0 -16px;padding:6px 16px 8px;scrollbar-width:none}.pdp-acne-steps__track::-webkit-scrollbar{display:none}.pdp-acne-steps__track:focus-visible{outline:2px solid var(--pdp-acne-steps-card-title, #2c6b65);outline-offset:2px}.pdp-acne-steps__card{flex:0 0 auto;width:calc((100% - (var(--pdp-acne-steps-per, 1.5) - 1) * var(--pdp-acne-steps-gap)) / var(--pdp-acne-steps-per, 1.5));scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 16px 26px;border-radius:16px;background:var(--pdp-acne-steps-card-bg, #fff);box-shadow:0 4px 20px #00000012}.pdp-acne-steps__bar{--pdp-acne-steps-per-active: var(--pdp-acne-steps-per, 1.5);position:relative;height:6px;margin-top:18px;border-radius:999px;background:var(--pdp-acne-steps-bar-track, #e6f0ed)}.pdp-acne-steps__bar-thumb{position:absolute;top:0;left:0;bottom:0;width:calc(100% * var(--pdp-acne-steps-per-active) / var(--pdp-acne-steps-count, 1));max-width:100%;border-radius:999px;background:var(--pdp-acne-steps-bar-thumb, #fff);box-shadow:0 0 0 1px var(--pdp-acne-steps-bar-track, #e6f0ed)}@keyframes pdp-acne-steps-thumb{to{transform:translate(calc((var(--pdp-acne-steps-count, 1) / var(--pdp-acne-steps-per-active) - 1) * 100%))}}@supports (animation-timeline: scroll()){.pdp-acne-steps__bar-thumb{animation-name:pdp-acne-steps-thumb;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--pdp-acne-steps-rail}}.pdp-acne-steps__num{align-self:flex-start;font-size:13px;font-weight:500;line-height:1;color:var(--pdp-acne-steps-card-text, #3a4a47)}.pdp-acne-steps__icon{width:100%;max-width:88px;height:72px;object-fit:contain;margin:10px 0 18px}.pdp-acne-steps__card-title{font-size:clamp(15px,2.6vw,18px);font-weight:700;line-height:1.25;letter-spacing:.3px;text-transform:uppercase;color:var(--pdp-acne-steps-card-title, #2c6b65);margin:0}.pdp-acne-steps__card-text{font-size:clamp(12.5px,2.2vw,14px);line-height:1.5;color:var(--pdp-acne-steps-card-text, #3a4a47);margin:12px 0 0}@media(min-width:900px){.pdp-acne-steps__header{max-width:560px;margin-bottom:40px}.pdp-acne-steps__track{--pdp-acne-steps-gap: 18px;margin:0;padding:6px 0 8px;scroll-padding-left:0}.pdp-acne-steps--row .pdp-acne-steps__track{overflow:visible;scroll-snap-type:none}.pdp-acne-steps--row .pdp-acne-steps__card{flex:1 1 0;width:auto}.pdp-acne-steps--row .pdp-acne-steps__bar{display:none}.pdp-acne-steps--slider .pdp-acne-steps__card{width:calc((100% - (var(--pdp-acne-steps-per-desktop, 4.5) - 1) * var(--pdp-acne-steps-gap)) / var(--pdp-acne-steps-per-desktop, 4.5))}.pdp-acne-steps--slider .pdp-acne-steps__bar{--pdp-acne-steps-per-active: var(--pdp-acne-steps-per-desktop, 4.5)}.pdp-acne-steps__card{padding:22px 20px 30px}.pdp-acne-steps__icon{max-width:104px;height:84px}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/pdp-acne-steps.css.map */