.mh-routine{background:var(--mh-bg)}.mh-routine__header{text-align:center;margin-bottom:48px;padding:0 24px}.mh-routine__title{font-size:clamp(28px,2.6vw,38px);line-height:1.2;letter-spacing:-.01em;margin:0}.mh-routine__title .bold-dark{font-family:var(--mh-font-body);font-weight:700;color:var(--mh-text)}.mh-routine__title .italic-green{font-family:var(--mh-font-heading);font-weight:700;color:var(--mh-green)}.mh-routine__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:96px;align-items:start;max-width:1640px;margin:0 auto;padding:0 40px}.mh-routine__image{position:sticky;top:130px;aspect-ratio:8 / 5;border-radius:14px;overflow:hidden;background:var(--mh-surface-sage)}.mh-routine__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease}.mh-routine__image img.is-active{opacity:1}.mh-routine__steps{display:flex;flex-direction:column;padding-top:0}.mh-routine__row{padding:18px 0;border-bottom:none;cursor:pointer;transition:background var(--mh-transition-fast);position:relative}.mh-routine__row:after{content:"";position:absolute;bottom:0;left:0;right:60px;height:1px;background:var(--mh-border)}.mh-routine__row:last-child:after{display:none}.mh-routine__step-label{font-family:var(--mh-font-body);font-size:11px;color:var(--mh-text-muted);letter-spacing:.12em;font-weight:500;margin-bottom:10px;text-transform:uppercase}.mh-routine__row-head{display:flex;align-items:center;gap:16px}.mh-routine__row-title{font-family:var(--mh-font-body);font-size:26px;font-weight:500;letter-spacing:-.01em;color:var(--mh-text);margin:0;transition:color var(--mh-transition-fast)}.mh-routine__thumb{width:80px;height:52px;border-radius:var(--mh-radius-pill);overflow:hidden;flex-shrink:0;background:var(--mh-surface);transition:transform .35s ease}.mh-routine__row:not(.is-active) .mh-routine__thumb{transform:scale(.92)}.mh-routine__thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2);transition:filter .35s ease}.mh-routine__row.is-active .mh-routine__thumb img{filter:none}.mh-routine__content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s ease,opacity .35s ease;pointer-events:none}.mh-routine__content>.mh-routine__content-inner{overflow:hidden;min-height:0}.mh-routine__row.is-active .mh-routine__content{grid-template-rows:1fr;opacity:1;pointer-events:auto}.mh-routine__desc{padding:10px 0 14px;color:var(--mh-text-muted);font-family:var(--mh-font-body);font-size:14px;line-height:1.55;max-width:360px;margin:0}.mh-routine__cta{display:inline-block;background:var(--mh-btn-primary-bg);color:var(--mh-btn-primary-text);border-radius:var(--mh-radius-pill);padding:12px 28px;font-family:var(--mh-font-body);font-size:13px;font-weight:500;margin-bottom:6px;text-decoration:none;position:relative;overflow:hidden;isolation:isolate;border:none;cursor:pointer;transition:color var(--mh-transition-fast)}.mh-routine__cta:before{content:"";position:absolute;left:0;right:0;bottom:0;height:0;background:var(--mh-btn-primary-hover);transition:height .55s ease;z-index:-1}.mh-routine__cta:hover:before{height:100%}@media(max-width:980px){.mh-routine{padding-top:var(--mob-pt, 40px)!important;padding-bottom:var(--mob-pb, 40px)!important;padding-left:var(--mob-pl, 16px)!important;padding-right:var(--mob-pr, 16px)!important}.mh-routine__grid{grid-template-columns:1fr;gap:32px;padding:0 20px}.mh-routine__image{position:relative;top:auto;aspect-ratio:4 / 3;border-radius:14px}.mh-routine__row-title{font-size:20px}.mh-routine__thumb{width:64px;height:40px}.mh-routine__desc{font-size:13px}}@media(max-width:480px){.mh-routine__grid{padding:0 16px;gap:24px}.mh-routine__image{border-radius:10px}.mh-routine__row-title{font-size:18px}.mh-routine__thumb{width:56px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/mh-routine-steps.css.map */