.mm-product-routine{padding-top:var(--mm-product-routine-pt-mobile, 40px);padding-bottom:var(--mm-product-routine-pb-mobile, 40px)}.mm-product-routine__outer{width:100%;margin:0 auto;padding:0;box-sizing:border-box}.mm-product-routine__panel{position:relative;min-height:717px;border-radius:32px;overflow:hidden}.mm-product-routine__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--mm-product-routine-placeholder, #d9d9d9)}.mm-product-routine__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.mm-product-routine__bg-image--desktop{display:none}.mm-product-routine__bg-image--mobile{display:block}.mm-product-routine__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mm-product-routine__bg-overlay--desktop{display:none;background-color:var(--mm-product-routine-overlay-desktop, rgba(0, 0, 0, .37))}.mm-product-routine__bg-overlay--mobile{display:block;background-color:var(--mm-product-routine-overlay-desktop, rgba(0, 0, 0, .37))}.mm-product-routine__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px;min-height:717px;padding:40px 24px 32px;box-sizing:border-box}.mm-product-routine__intro{display:flex;flex-direction:column;gap:16px;max-width:342px}.mm-product-routine__heading{margin:0;font-family:var(--font-h2--family, Raleway, sans-serif);font-weight:500;font-size:24px;line-height:normal;color:var(--mm-product-routine-heading-color, #ffffff);word-break:break-word}.mm-product-routine__heading-main{font-family:inherit;font-weight:inherit;color:inherit}.mm-product-routine__heading-accent{font-family:"Silk Serif",serif;font-style:italic;font-weight:700;color:var(--mm-product-routine-accent, #ff7221)}.mm-product-routine__body{margin:0;font-family:Calibri,sans-serif;font-size:14px;font-weight:400;line-height:normal;color:var(--mm-product-routine-body-color, #ffffff)}.mm-product-routine__steps{display:flex;flex-direction:column;gap:12px;margin-top:0}.mm-product-routine__step{display:flex;flex-direction:row;align-items:flex-start;gap:24px;padding:17px 18px;border:1px solid var(--mm-product-routine-card-border, #eaeaea);border-radius:8px;background-color:var(--mm-product-routine-card-bg, rgba(250, 252, 252, .92))}.mm-product-routine__step-badge{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background-color:var(--mm-product-routine-badge-bg, #fafcfc);box-shadow:inset 0 0 0 1px #0000000f}.mm-product-routine__step-number{font-family:Calibri,sans-serif;font-size:26px;font-weight:700;line-height:1;color:var(--mm-product-routine-accent, #ff7221)}.mm-product-routine__step-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-width:0}.mm-product-routine__step-title{margin:0;font-family:Calibri,sans-serif;font-size:16px;font-weight:700;line-height:normal;text-transform:capitalize;color:var(--mm-product-routine-card-title, #3b3c42)}.mm-product-routine__step-text{margin:0;font-family:Calibri,sans-serif;font-size:12px;font-weight:400;line-height:normal;color:var(--mm-product-routine-card-muted, #67686c)}@media screen and (min-width:768px){.mm-product-routine{padding-top:var(--mm-product-routine-pt-desktop, 80px);padding-bottom:var(--mm-product-routine-pb-desktop, 80px)}.mm-product-routine__panel{min-height:764px;margin:0 auto}.mm-product-routine__bg-image--mobile{display:none}.mm-product-routine__bg-image--desktop,.mm-product-routine__bg-overlay--desktop{display:block}.mm-product-routine__bg-overlay--mobile{display:none}.mm-product-routine__content{justify-content:flex-end;gap:48px;max-width:1160px;min-height:764px;margin:0 auto;padding:80px 0}.mm-product-routine__intro{max-width:819px}.mm-product-routine__heading{font-size:40px}.mm-product-routine__body{font-size:24px}.mm-product-routine__steps{flex-direction:row;gap:20px}.mm-product-routine__step{flex:1 1 0;flex-direction:column;justify-content:space-between;min-width:0;max-width:366px;height:199px;padding:24px 25px;box-sizing:border-box}.mm-product-routine__step-badge{width:51px;height:51px}.mm-product-routine__step-number{font-size:32px}.mm-product-routine__step-title{font-size:22px}.mm-product-routine__step-text{font-size:16px}}@media screen and (min-width:768px)and (max-width:1199px){.mm-product-routine__content{padding-left:16px;padding-right:16px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mm-product-routine.css.map */
