.sm-routine{padding-top:72px;padding-bottom:72px;background:linear-gradient(180deg,#fffcf9,#fdf3ec)}.sm-routine__header{text-align:center;max-width:60rem;margin:0 auto 4.4rem}.sm-routine__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(2.4rem,3.4vw,3.8rem);color:#1a0a10;margin:0 0 1.2rem;letter-spacing:.01em}.sm-routine__subheading{font-family:var(--font-body-family);font-size:1.6rem;color:#1a0a109e;margin:0;line-height:1.6}.sm-routine__layout{display:grid;grid-template-columns:34rem 1fr;gap:3.2rem;align-items:start}@media screen and (max-width:989px){.sm-routine__layout{grid-template-columns:1fr;gap:2.4rem}}.sm-routine__selector{display:flex;flex-direction:column;gap:1.4rem;position:sticky;top:2rem}@media screen and (max-width:989px){.sm-routine__selector{flex-direction:row;position:static;gap:1.2rem}}@media screen and (max-width:520px){.sm-routine__selector{flex-direction:column}}.sm-routine__tab{display:flex;align-items:center;gap:1.4rem;width:100%;padding:1.8rem 2rem;background:#fff;border:1.5px solid rgba(107,31,62,.12);border-radius:14px;cursor:pointer;text-align:left;font-family:var(--font-body-family);box-shadow:0 2px 10px #6b1f3e0a;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease,transform .2s ease}.sm-routine__tab:hover{border-color:#6b1f3e4d;transform:translateY(-2px);box-shadow:0 8px 20px #6b1f3e1a}.sm-routine__tab.is-active{background:linear-gradient(135deg,#6b1f3e,#4a1530);border-color:#6b1f3e;box-shadow:0 10px 26px #6b1f3e47}.sm-routine__tab-icon{font-size:2.6rem;line-height:1;flex-shrink:0}.sm-routine__tab-text{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0}.sm-routine__tab-title{font-size:1.6rem;font-weight:700;color:#1a0a10;letter-spacing:.01em;transition:color .25s ease}.sm-routine__tab-hint{font-size:1.2rem;color:#1a0a1080;transition:color .25s ease}.sm-routine__tab.is-active .sm-routine__tab-title{color:#fff}.sm-routine__tab.is-active .sm-routine__tab-hint{color:#ffffffb8}.sm-routine__tab-arrow{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:#6b1f3e59;opacity:0;transform:translate(-4px);transition:opacity .25s ease,transform .25s ease,color .25s ease}.sm-routine__tab-arrow svg{width:100%;height:100%}.sm-routine__tab.is-active .sm-routine__tab-arrow{opacity:1;transform:translate(0);color:#e8c98a}.sm-routine__progress{display:flex;gap:.6rem;padding:.4rem .4rem 0;justify-content:center}@media screen and (max-width:989px){.sm-routine__progress{display:none}}.sm-routine__progress-dot{width:.7rem;height:.7rem;border-radius:50%;background:#6b1f3e2e;transition:background .25s ease,transform .25s ease}.sm-routine__progress-dot.is-active{background:#6b1f3e;transform:scale(1.3)}.sm-routine__stage{position:relative;min-height:46rem}.sm-routine__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;gap:3.2rem;align-items:center;background:#fff;border:1px solid rgba(107,31,62,.08);border-radius:20px;padding:3.2rem;box-shadow:0 12px 40px #6b1f3e14;opacity:0;transform:translate(16px);visibility:hidden;pointer-events:none;transition:opacity .4s ease,transform .4s ease,visibility .4s}.sm-routine__panel.is-active{position:relative;opacity:1;transform:translate(0);visibility:visible;pointer-events:auto}@media screen and (max-width:749px){.sm-routine__panel{grid-template-columns:1fr;padding:2rem;gap:2rem}.sm-routine__stage{min-height:auto}}.sm-routine__image-wrap{display:flex;align-items:center;justify-content:center}.sm-routine__image-float{width:100%;max-width:32rem;animation:sm-routine-float 4.5s ease-in-out infinite}@keyframes sm-routine-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sm-routine__img{width:100%;height:auto;border-radius:16px;display:block;box-shadow:0 16px 36px #6b1f3e24}.sm-routine__img-placeholder{width:100%;aspect-ratio:1;max-width:26rem;margin:0 auto;border-radius:16px;background:linear-gradient(135deg,#fdf0f4,#f5e0e9);display:flex;align-items:center;justify-content:center;font-size:6rem}@media(prefers-reduced-motion:reduce){.sm-routine__image-float{animation:none}}.sm-routine__content{display:flex;flex-direction:column;gap:1.4rem}.sm-routine__eyebrow{display:inline-flex;align-items:center;gap:.6rem;align-self:flex-start;font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b1f3e;background:#fdf0f4;border-radius:999px;padding:.5rem 1.4rem}.sm-routine__desc{font-family:var(--font-body-family);font-size:1.45rem;line-height:1.7;color:#1a0a10b8;margin:0}.sm-routine__benefits{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.9rem}.sm-routine__benefits li{display:flex;align-items:flex-start;gap:1rem;font-size:1.32rem;color:#1a0a10;line-height:1.5}.sm-routine__check{flex-shrink:0;width:2.2rem;height:2.2rem;border-radius:50%;background:linear-gradient(135deg,#e8c98a,#d4af37);display:flex;align-items:center;justify-content:center;color:#fff;margin-top:.1rem}.sm-routine__check svg{width:1.2rem;height:1.2rem}.sm-routine__cta{display:inline-flex;align-items:center;gap:.8rem;align-self:flex-start;margin-top:.8rem;padding:1.3rem 2.8rem;background:#6b1f3e;color:#fff!important;text-decoration:none;font-size:1.25rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:0 6px 18px #6b1f3e38}.sm-routine__cta:hover{background:#4a1530;color:#fff!important;transform:translateY(-2px);box-shadow:0 10px 26px #6b1f3e4d}.sm-routine__cta span{transition:transform .25s ease}.sm-routine__cta:hover span{transform:translate(3px)}@media screen and (max-width:749px){.sm-routine{padding-top:48px;padding-bottom:48px}.sm-routine__header{margin-bottom:2.8rem}.sm-routine__tab{padding:1.4rem 1.6rem}.sm-routine__tab-icon{font-size:2.2rem}.sm-routine__cta{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.sm-routine__panel,.sm-routine__tab,.sm-routine__cta{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/sm-beauty-routine.css.map */