.routine-steps{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.routine-steps__layout{display:grid;gap:clamp(2rem,5vw,5rem);align-items:start}@media screen and (min-width:900px){.routine-steps__layout{grid-template-columns:1fr 1fr}.routine-steps--media-end .routine-steps__media-col{order:2}.routine-steps__media-col{position:sticky;top:2rem}}.routine-steps__media{position:relative;display:grid;overflow:hidden;border-radius:6px;aspect-ratio:var(--routine-ratio, 4 / 5);background:var(--ga-surface-tint, rgba(43, 36, 32, .05))}.routine-steps__img{grid-area:1 / 1;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .5s ease,transform .8s ease}.routine-steps__img.is-active{opacity:1;transform:scale(1)}.routine-steps__img.placeholder{fill:rgb(var(--ga-accent-rgb) / .55)}.routine-steps__list{display:flex;flex-direction:column}.routine-steps__item{border-top:1px solid rgba(var(--color-foreground),.14)}.routine-steps__item:last-child{border-bottom:1px solid rgba(var(--color-foreground),.14)}.routine-steps__header{display:flex;align-items:center;gap:1.4rem;width:100%;padding:1.8rem 0;border:0;background:none;color:inherit;text-align:start;cursor:pointer}.routine-steps__num{flex:0 0 auto;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight-bold, 700);font-size:1.5rem;color:var(--ga-accent-ink);min-width:2.4rem}.routine-steps__thumb{flex:0 0 auto;width:4.2rem;height:4.2rem;border-radius:4px;object-fit:cover}.routine-steps__title{flex:1 1 auto;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 500);font-size:clamp(1.7rem,1.4rem + .8vw,2.1rem);line-height:1.25;margin:0}.routine-steps__icon{flex:0 0 auto;width:1.6rem;height:1.6rem;color:var(--ga-accent);transition:transform .3s ease}.routine-steps__item.is-open .routine-steps__icon{transform:rotate(45deg)}.routine-steps__item.is-open .routine-steps__title{color:rgb(var(--color-foreground))}.routine-steps__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s ease}.routine-steps__item.is-open .routine-steps__panel{grid-template-rows:1fr}.routine-steps__panel-inner{overflow:hidden}.routine-steps__text{padding:0 0 1.8rem 3.8rem;font-size:1.45rem;line-height:1.65;color:rgba(var(--color-foreground),.78)}[dir=rtl] .routine-steps__text{padding:0 3.8rem 1.8rem 0}.routine-steps__text>*{margin:0 0 .8rem}.routine-steps__text>*:last-child{margin-bottom:0}.routine-steps__cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:.4rem;font-size:1.3rem;font-weight:600;letter-spacing:.02em;color:var(--ga-accent-ink);text-decoration:none;border-bottom:1px solid var(--ga-accent);padding-bottom:.15rem}.routine-steps__cta svg{width:1.2rem;height:1.2rem}[dir=rtl] .routine-steps__cta svg{transform:scaleX(-1)}.routine-steps__header:focus-visible{outline:2px solid var(--ga-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.routine-steps__img,.routine-steps__panel,.routine-steps__icon{transition:none}}@media screen and (max-width:899px){.routine-steps__media{aspect-ratio:4 / 3}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/routine-steps.css.map */