.routine-builder{--rb-sage: #8fa38b;--rb-dark-sage: #6f8578;--rb-gold: #c8a96a;--rb-charcoal: #2f2f2f;--rb-ivory: #f8f5f0}.routine-builder__inner{display:flex;flex-direction:column;gap:3.2rem}.routine-builder__header{max-width:64rem;margin:0 auto}.routine-builder__header--left{margin-left:0;text-align:left}.routine-builder__header--center{text-align:center}.routine-builder__header--right{margin-right:0;text-align:right}.routine-builder__eyebrow{margin:0 0 1.2rem;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rb-dark-sage)}.routine-builder__heading{margin:0 0 1.2rem}.routine-builder__subheading{margin:0;font-size:1.6rem;line-height:1.6;opacity:.88}.routine-builder__steps{list-style:none;margin:0;padding:0;display:grid;gap:2.4rem}.routine-builder__steps--horizontal{grid-template-columns:1fr}.routine-builder__step{position:relative;display:flex;flex-direction:column;gap:1.6rem;height:100%;padding:2.4rem 2rem;border:1px solid rgba(47,47,47,.08);border-radius:.4rem;background:#f8f5f08c}.routine-builder__media{width:5.6rem;height:5.6rem;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#8fa38b24;flex-shrink:0}.routine-builder__media img{width:100%;height:100%;object-fit:cover}.routine-builder__icon-fallback{width:1.2rem;height:1.2rem;border-radius:50%;background:var(--rb-sage);box-shadow:0 0 0 4px #c8a96a59}.routine-builder__meta{display:flex;flex-direction:column;gap:.8rem;flex:1}.routine-builder__number{display:inline-flex;align-items:center;gap:.8rem;margin:0;font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rb-gold);font-weight:500}.routine-builder__number:before{content:"";width:1.6rem;height:1px;background:var(--rb-gold)}.routine-builder__title{margin:0;font-size:clamp(2rem,2.2vw,2.6rem);line-height:1.25;color:var(--rb-charcoal)}.routine-builder__description{margin:0;font-size:1.5rem;line-height:1.65;color:#2f2f2fdb}.routine-builder__description p{margin:0}.routine-builder__link{margin-top:auto;display:inline-flex;align-items:center;gap:.6rem;font-size:1.3rem;letter-spacing:.04em;text-decoration:none;color:var(--rb-dark-sage);border-bottom:1px solid transparent;width:fit-content;transition:border-color .2s ease,color .2s ease}.routine-builder__link:hover{color:var(--rb-charcoal);border-bottom-color:var(--rb-sage)}.routine-builder__footer{display:flex;justify-content:center}.routine-builder__footer--left{justify-content:flex-start}.routine-builder__footer--right{justify-content:flex-end}.routine-builder__cta{min-width:18rem}@media screen and (min-width:750px){.routine-builder__steps--horizontal{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.8rem}.routine-builder__step{padding:3.2rem 2.8rem}}@media screen and (min-width:990px){.routine-builder__steps--horizontal{grid-template-columns:repeat(var(--rb-columns, 4),minmax(0,1fr));gap:2rem}.routine-builder__steps--horizontal.routine-builder__steps--connectors{gap:0}.routine-builder__steps--connectors .routine-builder__step:not(:last-child):after{content:"";position:absolute;top:5.2rem;right:-1.1rem;width:2.2rem;height:1px;background:linear-gradient(90deg,var(--rb-sage),rgba(200,169,106,.7));z-index:1}.routine-builder__steps--stack{grid-template-columns:1fr;max-width:72rem;margin:0 auto}.routine-builder__steps--stack .routine-builder__step{flex-direction:row;align-items:flex-start;gap:2.4rem}}@media screen and (max-width:749px){.routine-builder__step{padding:2rem 1.6rem}.routine-builder__cta{width:100%}}.routine-builder--timeline .routine-builder__header{max-width:56rem}.routine-builder__steps--timeline{position:relative;display:flex;flex-direction:column;gap:0;max-width:64rem;margin:0 auto;list-style:none}.routine-builder__steps--timeline .routine-builder__step{display:grid;grid-template-columns:4.8rem 1fr;gap:1.6rem;align-items:stretch;padding:0 0 2.4rem;border:0;border-radius:0;background:transparent;height:auto}.routine-builder__timeline-rail{position:relative;display:flex;justify-content:center}.routine-builder__timeline-rail:before{content:"";position:absolute;top:2.8rem;bottom:-.4rem;left:50%;width:1px;transform:translate(-50%);background:linear-gradient(180deg,var(--rb-sage),rgba(143,163,139,.2))}.routine-builder__steps--timeline .routine-builder__step:last-child .routine-builder__timeline-rail:before{display:none}.routine-builder__timeline-number{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid var(--rb-sage);background:var(--rb-ivory);color:var(--rb-dark-sage);font-size:1.2rem;letter-spacing:.06em;font-weight:600}.routine-builder__step--active .routine-builder__timeline-number{background:var(--rb-sage);color:var(--rb-charcoal);border-color:var(--rb-sage)}.routine-builder__timeline-body{padding:.2rem 0 .4rem;display:flex;flex-direction:column;gap:.6rem}.routine-builder__steps--timeline .routine-builder__title{font-size:clamp(1.9rem,2vw,2.3rem)}.routine-builder__product-name{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.8rem 1.2rem;font-size:1.45rem}.routine-builder__product-name a{color:var(--rb-charcoal);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.routine-builder__product-name a:hover{border-bottom-color:var(--rb-sage)}.routine-builder__price{margin:0;font-size:1.35rem;color:var(--rb-dark-sage);font-weight:500}.routine-builder__steps--timeline .routine-builder__description{font-size:1.4rem;max-width:46rem}.routine-builder__step--active .routine-builder__timeline-body{padding:1.2rem 1.4rem;background:#f8f5f0d9;border:1px solid rgba(143,163,139,.35);border-radius:.4rem}@media screen and (min-width:750px){.routine-builder__steps--timeline .routine-builder__step{grid-template-columns:5.6rem 1fr;gap:2.4rem;padding-bottom:2.8rem}.routine-builder__timeline-number{width:3.6rem;height:3.6rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/routine-builder.css.map */