.skincare-routine{--sr-green: #485632;--sr-cream: #faf9f5;--sr-ink: #2b2b26;--sr-muted: #8a8f82;background-color:var(--sr-cream)}.skincare-routine__header{text-align:center;max-width:64rem;margin:0 auto 3.4rem}.skincare-routine__heading{margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(3.2rem,4.8vw,5.4rem);line-height:1.03;letter-spacing:-.01em;color:var(--sr-green)}.skincare-routine__subheading{margin:1.2rem 0 0;color:var(--sr-muted);font-size:1.6rem;line-height:1.5}.routine{border-radius:2.4rem;padding:2.4rem}@media screen and (min-width:750px){.routine{padding:3rem}}.routine+.routine{margin-top:2.4rem}.routine--morning{--r-bg: #fbf3e9;--r-num: #b0793f;--r-accent: #8a6a3a;--r-icon: #e0913f;--r-arrow: rgba(176, 121, 63, .7);--r-badge-bg: #f4e7d5;--r-note-bg: #f6e7cf;--r-note-border: rgba(200, 130, 55, .45);background-color:var(--r-bg)}.routine--night{--r-bg: #f1eef8;--r-num: #6b5ca5;--r-accent: #5f5296;--r-icon: #6b5ca5;--r-arrow: rgba(107, 92, 165, .7);--r-badge-bg: #e7e2f4;--r-note-bg: #e9e2f5;--r-note-border: rgba(107, 92, 165, .4);background-color:var(--r-bg)}.routine__body{display:flex;flex-direction:column;gap:2rem}@media screen and (min-width:990px){.routine__body{flex-direction:row;align-items:flex-start;gap:2.4rem}}.routine__intro{flex:0 0 auto}@media screen and (min-width:990px){.routine__intro{flex:0 0 15rem;width:15rem}}.routine__number{display:block;font-family:var(--font-heading-family);font-size:6.8rem;font-weight:700;line-height:1;color:var(--r-num)}.routine__label{display:block;margin-top:.6rem;font-size:2rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--r-accent)}.routine__icon{display:inline-flex;width:3.8rem;height:3.8rem;margin-top:1.6rem;color:var(--r-icon)}.routine__icon svg{width:100%;height:100%}.routine__caption{margin:1.2rem 0 0;font-size:1.4rem;line-height:1.5;color:var(--sr-muted);max-width:24rem}.routine__steps{display:flex;align-items:flex-start;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem;--step-w: 62vw;--arrow-w: 2.4rem}.routine__steps::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.routine__steps{--step-w: 26vw}}@media screen and (min-width:990px){.routine__steps{flex:1 1 auto;min-width:0;--arrow-w: 3rem;--step-w: calc((100% - 4 * var(--arrow-w)) / 5)}}.routine-step{flex:0 0 auto;width:var(--step-w);display:flex;flex-direction:column;align-items:center;scroll-snap-align:start}.routine-step__num{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;background-color:var(--r-badge-bg);color:var(--r-num);font-size:1.3rem;font-weight:600;margin-bottom:.9rem;transition:transform .25s ease}.routine-step__card{display:block;width:100%;background-color:#fff;border:1px solid rgba(72,86,50,.06);border-radius:1.4rem;overflow:hidden;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.routine-step__media{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 5;padding:1.2rem}.routine-step__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .35s ease}.routine-step__card:hover{transform:translateY(-4px);box-shadow:0 1.2rem 2.4rem #4856321f}.routine-step__card:hover .routine-step__img{transform:scale(1.05)}.routine-step:hover .routine-step__num{transform:scale(1.1)}.routine-step__info{margin-top:1rem;text-align:center;display:flex;flex-direction:column;gap:.3rem}.routine-step__label{font-size:1.4rem;font-weight:700;color:var(--sr-ink)}.routine-step__desc{font-size:1.2rem;line-height:1.4;color:var(--sr-muted)}.routine__arrow{flex:0 0 auto;width:var(--arrow-w);align-self:flex-start;margin-top:calc(2.9rem + var(--step-w) * .625);display:flex;align-items:center;justify-content:center;color:var(--r-arrow)}.routine__arrow svg{width:1.6rem;height:1.6rem;display:block}.routine__note{display:flex;align-items:center;justify-content:center;text-align:center;gap:1rem;margin-top:2.2rem;padding:1.4rem 1.8rem;background-color:var(--r-note-bg);border:1px solid var(--r-note-border);border-radius:1.2rem;color:var(--sr-ink);font-size:1.45rem;line-height:1.4}.routine__note-icon{display:inline-flex;width:2rem;height:2rem;flex:0 0 auto;color:var(--r-icon)}.routine__note-icon svg{width:100%;height:100%}.skincare-routine__feature{margin-top:2.4rem}.skincare-routine__feature-img{display:block;width:100%;height:auto;border-radius:1.6rem}@media(prefers-reduced-motion:reduce){.routine-step__card,.routine-step__img,.routine-step__num{transition:none}.routine-step__card:hover,.routine-step__card:hover .routine-step__img,.routine-step:hover .routine-step__num{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-skincare-routine.css.map */