.routine-journey{display:grid;gap:4rem;grid-template-columns:1fr}@media screen and (min-width:900px){.routine-journey{grid-template-columns:1fr 1.2fr;align-items:start}.routine-journey__side{position:sticky;top:2rem}}.routine-journey__image-wrapper{border-radius:12px;overflow:hidden;margin-bottom:2rem}.routine-journey__image{width:100%;height:auto;display:block}.routine-journey__heading{margin:0 0 1.2rem}.routine-journey__text{opacity:.85;margin:0 0 2rem}.routine-journey__cta{display:inline-flex;align-items:center;justify-content:center;padding:1.5rem 3.2rem;border-radius:999px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease}.routine-journey__cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #15241c38}.routine-journey__guarantee{margin:1.2rem 0 0;font-size:1.3rem;opacity:.75}.routine-journey__timeline{list-style:none;margin:0;padding:0}.routine-journey__step{position:relative;padding:0 0 3.2rem 3.2rem}.routine-journey__step:before{content:"";position:absolute;left:.5rem;top:.4rem;bottom:-.4rem;width:2px;background:var(--guttiful-sage);transition:background .5s ease}.routine-journey__step:last-child:before{bottom:auto;height:1.6rem}.routine-journey__step.is-active:before{background:var(--guttiful-terracotta)}.routine-journey__step-dot{position:absolute;left:0;top:.4rem;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--guttiful-sage);border:3px solid var(--guttiful-cream);box-shadow:0 0 0 2px var(--guttiful-sage);transition:background .4s ease,box-shadow .4s ease,transform .4s ease}.routine-journey__step.is-active .routine-journey__step-dot{background:var(--guttiful-terracotta);box-shadow:0 0 0 2px var(--guttiful-terracotta),0 0 14px #d97e608c;transform:scale(1.2)}@media(prefers-reduced-motion:reduce){.routine-journey__step-dot,.routine-journey__step:before{transition:none}.routine-journey__step.is-active .routine-journey__step-dot{transform:none}}.routine-journey__step-label{display:inline-block;background:var(--guttiful-forest);color:var(--guttiful-cream);font-weight:700;font-size:1.4rem;padding:.8rem 1.6rem;border-radius:999px;margin-bottom:1.4rem}.routine-journey__step-list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}.routine-journey__step-list li{display:flex;align-items:flex-start;gap:.8rem}.routine-journey__check{color:var(--guttiful-terracotta);font-weight:700;flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-routine-journey.css.map */