.routine-builder{--rb-radius: 16px;--rb-gap: 24px;--rb-accent: var(--color-button, #2d4a3e);--rb-accent-text: var(--color-button-text, #fff);--rb-border: rgba(0, 0, 0, .1);--rb-muted: rgba(0, 0, 0, .55);--rb-star: #f5a623;display:block;padding-top:var(--PT, 40px);padding-bottom:var(--PB, 40px)}.routine-builder *,.routine-builder *:before,.routine-builder *:after{box-sizing:border-box}.rb-wrap{max-width:1280px;margin:0 auto;padding:0 20px}[hidden]{display:none!important}.rb-head{text-align:center;max-width:720px;margin:0 auto 32px}.rb-head__eyebrow{display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:10px}.rb-head__title{font-size:clamp(26px,4vw,40px);line-height:1.1;margin:0 0 12px}.rb-head__text{font-size:16px;color:var(--rb-muted);margin:0}.rb-profile__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--rb-gap);margin-top:8px}.rb-profile__card{-webkit-appearance:none;appearance:none;border:2px solid var(--rb-border);background:var(--color-bg, #fff);border-radius:var(--rb-radius);padding:0;cursor:pointer;overflow:hidden;text-align:center;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;flex-direction:column}.rb-profile__card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014;border-color:var(--rb-accent)}.rb-profile__media{aspect-ratio:3 / 4;background:#f3f1ee;overflow:hidden}.rb-profile__media img{width:100%;height:100%;object-fit:cover;display:block}.rb-profile__label{padding:16px 10px;font-size:17px;font-weight:600}.rb-profile__sub{display:block;font-size:13px;font-weight:400;color:var(--rb-muted);margin-top:2px}.rb-builder__inner{display:grid;grid-template-columns:360px 1fr;gap:40px;align-items:start}.rb-summary{position:sticky;top:90px;border:1px solid var(--rb-border);border-radius:var(--rb-radius);background:var(--color-bg, #fff);padding:22px;box-shadow:0 10px 40px #0000000d}.rb-summary__back{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-size:13px;color:var(--rb-muted);padding:0 0 12px;display:inline-flex;gap:6px;align-items:center}.rb-summary__back:hover{color:var(--rb-accent)}.rb-summary__title{font-size:20px;margin:0 0 4px}.rb-summary__profile{font-size:14px;color:var(--rb-muted);margin:0 0 18px}.rb-summary__profile strong{color:inherit}.rb-slots{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.rb-slot{display:flex;align-items:center;gap:12px;border:1px dashed var(--rb-border);border-radius:12px;padding:10px;min-height:64px;transition:border-color .2s,background .2s}.rb-slot__thumb{width:44px;height:44px;border-radius:8px;flex:0 0 44px;background:#f3f1ee center/cover no-repeat;position:relative;overflow:hidden}.rb-slot__thumb svg{width:100%;height:100%;opacity:.25}.rb-slot__thumb--ph{opacity:.55}.rb-slot__body{flex:1 1 auto;min-width:0}.rb-slot__step{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--rb-muted)}.rb-slot__name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rb-slot__empty{font-size:13.5px;color:var(--rb-muted)}.rb-slot__remove{-webkit-appearance:none;appearance:none;border:none;background:none;cursor:pointer;font-size:18px;line-height:1;color:var(--rb-muted);padding:4px}.rb-slot__remove:hover{color:#c0392b}.rb-slot.is-filled{border-style:solid;border-color:var(--rb-accent);background:#00000004}.rb-tier{margin-bottom:18px}.rb-tier__bar{height:8px;border-radius:99px;background:#eceae6;overflow:hidden}.rb-tier__fill{height:100%;width:0;background:var(--rb-accent);border-radius:99px;transition:width .35s ease}.rb-tier__ticks{display:flex;justify-content:space-between;margin-top:8px}.rb-tier__tick{font-size:11.5px;color:var(--rb-muted);text-align:center;flex:1}.rb-tier__tick.is-reached{color:var(--rb-accent);font-weight:700}.rb-tier__msg{font-size:13.5px;margin:12px 0 0;text-align:center;font-weight:600;color:var(--rb-accent);min-height:1.2em}.rb-totals{border-top:1px solid var(--rb-border);padding-top:14px;margin-top:4px}.rb-totals__row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.rb-totals__row--saving{color:#c0392b;font-weight:600}.rb-totals__row--total{font-size:18px;font-weight:700;border-top:1px solid var(--rb-border);padding-top:10px;margin-top:8px}.rb-strike{text-decoration:line-through;opacity:.55;margin-right:6px;font-weight:400}.rb-cta{-webkit-appearance:none;appearance:none;width:100%;margin-top:16px;cursor:pointer;background:var(--rb-accent);color:var(--rb-accent-text);border:none;border-radius:0;padding:16px 24px;font-size:16px;font-weight:700;letter-spacing:.01em;transition:opacity .2s,transform .1s}.rb-cta:hover:not(:disabled){opacity:.9}.rb-cta:active:not(:disabled){transform:scale(.99)}.rb-cta:disabled{opacity:.4;cursor:not-allowed}.rb-cta.is-loading{pointer-events:none;opacity:.7}.rb-hint{font-size:12.5px;color:var(--rb-muted);text-align:center;margin:10px 0 0}.rb-steps__nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;position:static;background:var(--color-bg, #fff);padding:6px 0}.rb-steps__navbtn{-webkit-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--rb-border);background:transparent;border-radius:0;padding:9px 14px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all .2s;text-transform:uppercase;letter-spacing:.02em}.rb-steps__navbtn .rb-navnum{font-weight:700;opacity:.65}.rb-steps__navbtn.is-active .rb-navnum{opacity:1}.rb-steps__navbtn.is-active{background:var(--rb-accent);color:var(--rb-accent-text);border-color:var(--rb-accent)}.rb-step{display:none}.rb-step.is-active{display:block;animation:rb-fade .3s ease}@keyframes rb-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rb-step__head{margin-bottom:18px}.rb-step__title{font-size:clamp(24px,3vw,32px);margin:0 0 6px;text-transform:uppercase;letter-spacing:.01em}.rb-step__sub{color:var(--rb-muted);margin:0;font-size:16px}.rb-step__badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:1.6;color:var(--rb-accent-text);background:var(--rb-accent);vertical-align:middle}.rb-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rb-product{border:2px solid var(--rb-border);border-radius:var(--rb-radius);background:var(--color-bg, #fff);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.rb-product:hover{box-shadow:0 10px 26px #00000012}.rb-product.is-selected{border-color:var(--rb-accent)}.rb-product__media{aspect-ratio:1 / 1;background:#f3f1ee;position:relative;overflow:hidden}.rb-product__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.rb-product:hover .rb-product__media img{transform:scale(1.04)}.rb-product__check{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:var(--rb-accent);color:#fff;display:none;align-items:center;justify-content:center;font-size:15px}.rb-product.is-selected .rb-product__check{display:flex}.rb-product__info{padding:14px;display:flex;flex-direction:column;flex:1;gap:6px}.rb-product__name{font-size:15.5px;font-weight:600;margin:0;line-height:1.25}.rb-stars{display:inline-flex;align-items:center;gap:6px;font-size:13px}.rb-stars__base{position:relative;display:inline-block;color:#d9d4cc;letter-spacing:1px;font-size:14px}.rb-stars__fill{position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden;color:var(--rb-star)}.rb-stars__count,.rb-stars--empty{color:var(--rb-muted);font-size:12.5px}.rb-product__desc{font-size:13px;color:var(--rb-muted);margin:0;line-height:1.4;flex:1}.rb-product__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.rb-product__price{font-size:15px;font-weight:700}.rb-product__add{-webkit-appearance:none;appearance:none;cursor:pointer;border:1.5px solid var(--rb-accent);background:transparent;color:var(--rb-accent);border-radius:0;padding:9px 16px;font-size:13.5px;font-weight:700;transition:all .2s;white-space:nowrap}.rb-product__add:hover,.rb-product.is-selected .rb-product__add{background:var(--rb-accent);color:var(--rb-accent-text)}.rb-empty{grid-column:1 / -1;padding:40px;text-align:center;color:var(--rb-muted);border:1px dashed var(--rb-border);border-radius:var(--rb-radius)}.rb-mobilebar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--color-bg, #fff);border-top:1px solid var(--rb-border);padding:12px 16px;box-shadow:0 -6px 24px #00000014;align-items:center;justify-content:space-between;gap:12px}.rb-mobilebar__info{font-size:13px}.rb-mobilebar__total{font-size:17px;font-weight:700}.rb-mobilebar .rb-cta{width:auto;margin:0;padding:13px 22px}.rb-teaser{position:relative;border-radius:var(--rb-radius);overflow:hidden}.rb-teaser__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;background:var(--color-bg, #faf8f5)}.rb-teaser__media{aspect-ratio:4 / 3;background:#f3f1ee}.rb-teaser__media img{width:100%;height:100%;object-fit:cover;display:block}.rb-teaser__body{padding:clamp(28px,5vw,64px)}.rb-teaser__eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin:0 0 12px}.rb-teaser__title{font-size:clamp(26px,4vw,40px);line-height:1.1;margin:0 0 14px}.rb-teaser__text{font-size:16px;color:var(--rb-muted);margin:0 0 24px;max-width:46ch}.rb-teaser__cta{display:inline-flex;align-items:center;gap:10px;background:var(--rb-accent);color:var(--rb-accent-text);text-decoration:none;border-radius:0;padding:15px 30px;font-size:16px;font-weight:700;transition:opacity .2s}.rb-teaser__cta:hover{opacity:.9}.rb-teaser__steps{display:flex;gap:18px;margin:0 0 24px;padding:0;list-style:none;flex-wrap:wrap}.rb-teaser__step{font-size:13.5px;display:flex;align-items:center;gap:8px;color:var(--rb-muted)}.rb-teaser__step b{color:var(--rb-accent)}@media(max-width:990px){.rb-builder__inner{grid-template-columns:1fr}.rb-summary{position:relative;top:0}.rb-products{grid-template-columns:repeat(2,1fr)}.rb-teaser__inner{grid-template-columns:1fr}.rb-teaser__media{order:-1;aspect-ratio:16 / 10}}@media(max-width:749px){.rb-profile__grid{grid-template-columns:repeat(2,1fr);gap:14px}.rb-products{grid-template-columns:repeat(2,1fr);gap:12px}.rb-product__info{padding:11px}.rb-product__add{padding:7px 12px}.rb-summary .rb-cta,.rb-summary .rb-hint{display:none}.rb-mobilebar.is-visible{display:flex}.routine-builder.rb--builder-active{padding-bottom:90px}}@media(max-width:430px){.rb-products{grid-template-columns:1fr 1fr}.rb-step__title{font-size:19px}}@media(max-width:749px){.rb-summary{position:sticky;top:0;z-index:20;background:var(--color-bg, #fff);padding-top:8px;margin-bottom:10px}.rb-summary__title,.rb-summary__profile,.rb-totals{display:none}.rb-summary__back{margin-bottom:8px}.rb-slots{flex-direction:row;overflow-x:auto;min-width:0;max-width:100%;gap:8px;margin-bottom:12px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.rb-slots::-webkit-scrollbar{height:3px}.rb-slots::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.rb-slot{flex:0 0 auto;flex-direction:column;align-items:center;width:74px;min-height:0;padding:8px 6px;gap:5px;text-align:center;position:relative}.rb-slot__thumb{width:46px;height:46px;flex:0 0 46px}.rb-slot__body{width:100%;min-width:0}.rb-slot__step{font-size:9px;letter-spacing:.03em;line-height:1.15;white-space:normal;overflow:visible}.rb-slot__name,.rb-slot__empty{font-size:10px}.rb-slot__remove{position:absolute;top:1px;right:2px;padding:0;font-size:15px}.rb-tier{margin-bottom:8px}.rb-builder__inner{gap:12px}.rb-summary,.rb-steps{min-width:0}.routine-builder{padding-top:8px!important}.rb-head{margin-bottom:10px}.rb-head__eyebrow{display:none}.rb-head__title{font-size:15px;line-height:1.2;margin:0 0 4px}.rb-head__text{font-size:12px;line-height:1.3}.rb-steps__nav{position:static;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-bottom:14px;padding:4px 0;-webkit-overflow-scrolling:touch}.rb-steps__nav::-webkit-scrollbar{display:none}.rb-steps__navbtn{flex:0 0 auto;padding:6px 9px;font-size:11px;gap:4px}.rb-step__title{font-size:18px}.rb-step__sub{font-size:13px}}.rb-cta,.rb-product__add,.rb-teaser__cta{text-transform:uppercase;letter-spacing:.02em}
/*# sourceMappingURL=/cdn/shop/t/45/assets/routine-builder.css.map */