.routine-steps{--routine-card-bg: rgba(var(--color-background), 1);--routine-card-shadow: 0 .35rem 1.5rem rgba(0, 0, 0, .07), 0 0 1px rgba(0, 0, 0, .05);--routine-badge-bg: rgb(55, 43, 34);--routine-section-tint: rgba(var(--color-foreground), .03)}.routine-steps__inner{max-width:32rem;margin-inline:auto}.routine-steps__header{text-align:center;margin-bottom:clamp(2rem,5vw,2.75rem)}.routine-steps .routine-steps__title.rich-text__heading{margin:0 0 1rem;font-size:34px}@media screen and (min-width:750px){.routine-steps .routine-steps__title.rich-text__heading{margin-bottom:1.2rem}}.routine-steps .routine-steps__subtitle.rich-text__text{margin:0 auto;max-width:50rem}.routine-steps__list{display:flex;flex-direction:column;gap:clamp(1.35rem,3.5vw,1.75rem)}.routine-steps__card{border-radius:1.15rem;overflow:hidden;background:var(--routine-card-bg);box-shadow:var(--routine-card-shadow);border:1px solid rgba(var(--color-foreground),.06)}.routine-steps__media{position:relative;margin:0;aspect-ratio:1;background:var(--routine-section-tint)}.routine-steps__image{display:block;width:100%;height:100%;object-fit:cover}.routine-steps__placeholder{width:100%;height:100%;min-height:14rem;background:rgba(var(--color-foreground),.06)}.routine-steps__number{position:absolute;top:.85rem;left:.85rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;font-family:var(--font-body-family);font-size:1.1rem;font-weight:700;line-height:1;color:#fff;background:var(--routine-badge-bg);box-shadow:0 2px 8px #00000026}.routine-steps__content{padding:1.35rem 1.35rem 1.5rem;text-align:center}.routine-steps__step-title{margin:0 0 .4rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:clamp(1.2rem,3.2vw,1.45rem);line-height:1.25;color:rgb(var(--color-foreground))}.routine-steps__step-subtitle{margin:0 0 1rem;font-family:var(--font-heading-family);font-style:italic;font-weight:500;font-size:clamp(1rem,2.6vw,1.12rem);line-height:1.35;color:rgba(var(--color-foreground),.82)}.routine-steps__description{margin:0;font-family:var(--font-body-family);font-size:1.05rem;line-height:1.6;color:rgba(var(--color-foreground),.88);text-align:center}.routine-steps__description p{margin:0}.routine-steps__description p+p{margin-top:.75rem}@media screen and (min-width:750px){.routine-steps__inner{max-width:36rem}.routine-steps__content{padding:1.5rem 1.75rem 1.65rem}.routine-steps__number{width:2.5rem;height:2.5rem;font-size:1.15rem;top:1rem;left:1rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-routine-steps.css.map */