.routine-builder{color:#271710}.routine-builder h2{margin-bottom:7px;font-family:"Mont Light",helvetica,arial,sans-serif;font-size:2.4rem;letter-spacing:-0.05rem;line-height:3.2rem}@media screen and (min-width: 750px){.routine-builder h2{margin-bottom:8px;font-size:2.6rem;letter-spacing:0;line-height:3.4rem}}.routine-builder__steps{padding:0 24px;margin-bottom:54px}@media screen and (min-width: 750px){.routine-builder__steps{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:96px;gap:32px}.routine-builder__steps--quantity-3 .routine-builder__step-image{height:calc(33.3333333333vw - 36px)}.routine-builder__steps--quantity-4{max-width:1200px;margin:0 auto 96px}.routine-builder__steps--quantity-4 .routine-builder__step{width:calc(50% - 24px);flex:auto}}.routine-builder__step{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}.routine-builder__step:not(:last-child){margin-bottom:32px}@media screen and (min-width: 750px){.routine-builder__step:not(:last-child){margin-bottom:0}}.routine-builder__step-content:not(.active){display:none}.routine-builder__step-image{position:relative;width:100%;height:calc(100vw - 48px);margin-bottom:7px}.routine-builder__step-image img{width:100%;height:100%;border-radius:16px;-o-object-fit:cover;object-fit:cover}.routine-builder__step-image .hover-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden}.routine-builder__step-image.has-hover:hover .hover-image{opacity:1;visibility:visible}@media screen and (min-width: 750px){.routine-builder__step-image{max-width:512px;height:calc(50vw - 40px);max-height:512px;margin-bottom:4px}}.routine-builder__step-badge{position:absolute;top:12px;left:12px;padding:7px 14px 5px;background-color:#271710;border-radius:32px;color:#fff;font-family:"Mont Semi Bold",helvetica,arial,sans-serif;font-size:1.4rem;letter-spacing:.12rem;line-height:2.2rem;text-transform:uppercase}@media screen and (min-width: 750px){.routine-builder__step-badge{top:10px;left:8px;padding:7px 10px 5px;font-size:1.6rem;letter-spacing:.07rem;line-height:2.4rem}}.routine-builder__step-title{margin-bottom:8px;font-family:"Mont Bold",helvetica,arial,sans-serif;font-size:1.6rem;letter-spacing:-0.03rem;line-height:2.4rem}@media screen and (min-width: 750px){.routine-builder__step-title{margin-bottom:4px;font-size:1.8rem;letter-spacing:-0.03rem;line-height:2.8rem}}.routine-builder__step-copy{margin:0;font-size:1.4rem;letter-spacing:-0.03rem;line-height:1.8rem}@media screen and (min-width: 750px){.routine-builder__step-copy{font-size:1.6rem;line-height:2rem}}.routine-builder__step-select{width:100%;max-width:306px;padding:9px 22px 7px;border:2px solid #271710;margin-top:16px;border-radius:32px;color:#271710;font-family:"Mont Semi Bold",helvetica,arial,sans-serif;font-size:1.4rem;letter-spacing:.11rem;line-height:2.2rem;text-transform:uppercase}@media screen and (min-width: 750px){.routine-builder__step-select{max-width:none;padding:8px 22px 6px;margin-top:14px}}@media screen and (min-width: 750px){.routine-builder__step{max-width:512px;flex:1}}.routine-builder__upsells{padding:0 24px;margin-bottom:64px}.routine-builder__upsells-header{padding-top:33px;border-top:2px solid rgba(39,23,16,.1);margin-bottom:32px;text-align:center}.routine-builder__upsells-header p{margin:0;font-family:"Mont Book",helvetica,arial,sans-serif}@media screen and (min-width: 750px){.routine-builder__upsells-header p{max-width:420px;margin:0 auto;font-size:1.8rem;line-height:2.8rem}}@media screen and (min-width: 750px){.routine-builder__upsells-header{padding-top:0;border-top:none;margin-bottom:40px}}.routine-builder__upsells-list{width:100%}@media screen and (min-width: 750px){.routine-builder__upsells-list{width:327px;margin:0 auto}}@media screen and (min-width: 750px){.routine-builder__upsells{margin-bottom:96px}}.routine-builder__upsell{display:flex}.routine-builder__upsell.active .routine-builder__upsell-add{display:none}.routine-builder__upsell.active .routine-builder__upsell-remove,.routine-builder__upsell.active .icon-circle-checked{display:block}.routine-builder__upsell:not(:last-child){margin-bottom:16px}.routine-builder__upsell-image-wrapper{position:relative;width:122px;height:122px;flex-shrink:0;margin-right:16px}.routine-builder__upsell-image-wrapper .icon-circle-checked{position:absolute;top:9px;left:9px;display:none}@media screen and (max-width: 320px){.routine-builder__upsell-image-wrapper{width:80px;height:80px}}.routine-builder__upsell-image{width:100%;height:100%}.routine-builder__upsell-image img{width:100%;height:100%;border-radius:16px;-o-object-fit:cover;object-fit:cover}.routine-builder__upsell-content{position:relative;flex-grow:1}.routine-builder__upsell-title{padding-right:32px;margin-bottom:4px;font-family:"Mont Bold",helvetica,arial,sans-serif;font-size:1.6rem;letter-spacing:-0.03rem;line-height:2.4rem;transform:translateY(-1px)}@media screen and (min-width: 750px){.routine-builder__upsell-title{margin-bottom:1px;font-size:1.8rem;line-height:2.8rem;transform:initial}}.routine-builder__upsell-copy{margin:0;font-size:1.4rem;letter-spacing:-0.03rem;line-height:1.8rem}@media screen and (min-width: 750px){.routine-builder__upsell-copy{font-size:1.6rem;line-height:2rem}}.routine-builder__upsell-price{position:absolute;top:0;right:1px;font-family:"Mont Bold",helvetica,arial,sans-serif;font-size:1.6rem;letter-spacing:-0.03rem;line-height:2.4rem}@media screen and (min-width: 750px){.routine-builder__upsell-price{right:-3px;font-size:1.8rem;line-height:2.8rem}}.routine-builder__upsell-add{margin-top:8px}.routine-builder__upsell-remove{display:none;margin-top:8px}.routine-builder__upsell-remove:hover .icon-close-small path,.routine-builder__upsell-remove:active .icon-close-small path,.routine-builder__upsell-remove:focus .icon-close-small path{stroke:#fff}.routine-builder__upsell-remove .icon-close-small{margin-left:10px;transform:translateY(3px)}.routine-builder__upsell-remove .icon-close-small path{transition:stroke .2s cubic-bezier(0.46, 0.01, 0.32, 1)}.routine-builder__summary-container{max-width:785px;padding:33px 24px 32px;margin:0 auto;background-color:#f8e2c9}@media screen and (min-width: 750px){.routine-builder__summary-container{padding:62px 138px 64px;border-radius:16px}}.routine-builder__summary-header{padding-bottom:14px;border-bottom:2px solid rgba(39,23,16,.1);text-align:center}.routine-builder__summary-header p{margin:0;font-family:"Mont Book",helvetica,arial,sans-serif}@media screen and (min-width: 750px){.routine-builder__summary-header p{font-size:1.8rem;line-height:2.8rem}}@media screen and (min-width: 750px){.routine-builder__summary-header{padding-bottom:23px}}.routine-builder__summary-list{padding:16px 0 0;border-bottom:2px solid rgba(39,23,16,.1)}@media screen and (min-width: 750px){.routine-builder__summary-list{padding:23px 0 0}}.routine-builder__summary-item{display:flex;margin-bottom:16px}.routine-builder__summary-item:not(.active){display:none}.routine-builder__summary-item p{margin-bottom:0}@media screen and (min-width: 750px){.routine-builder__summary-item{margin-bottom:24px}}.routine-builder__summary-image{width:104px;height:104px;flex-shrink:0;margin-right:24px}.routine-builder__summary-image img{width:100%;height:100%;border-radius:16px;-o-object-fit:cover;object-fit:cover}.routine-builder__summary-info{flex-grow:1}@media screen and (min-width: 750px){.routine-builder__summary-info{display:flex;flex-direction:column;justify-content:center}}.routine-builder__summary-step{font-family:"Mont Bold",helvetica,arial,sans-serif;font-size:1.6rem;line-height:2.4rem}@media screen and (min-width: 750px){.routine-builder__summary-step{font-size:1.8rem;letter-spacing:-0.03rem;line-height:2.8rem}}.routine-builder__summary-title{padding-right:20px;font-family:"Mont Book",helvetica,arial,sans-serif;font-size:1.6rem;line-height:2.4rem}@media screen and (min-width: 750px){.routine-builder__summary-title{max-width:240px;margin-top:4px;letter-spacing:-0.03rem;line-height:2rem}}.routine-builder__summary-subtotal p{font-family:"Mont Bold",helvetica,arial,sans-serif}@media screen and (min-width: 750px){.routine-builder__summary-subtotal p{font-size:1.8rem;letter-spacing:-0.03rem;line-height:2.8rem}}.routine-builder__summary-subtotal span{margin-left:3px;font-family:"Mont Regular",helvetica,arial,sans-serif;text-decoration:line-through}@media screen and (min-width: 750px){.routine-builder__summary-subtotal span{margin-left:4px}}.routine-builder__total{margin:14px 0 0}.routine-builder__total p{margin:0;font-family:"Mont Bold",helvetica,arial,sans-serif}@media screen and (min-width: 750px){.routine-builder__total p{font-size:1.8rem;letter-spacing:-0.03rem;line-height:2.8rem}}.routine-builder__total-line{display:flex;justify-content:space-between;margin-bottom:16px}.routine-builder__total-line span+span{font-family:"Mont Regular",helvetica,arial,sans-serif;text-decoration:line-through}@media screen and (min-width: 750px){.routine-builder__total-line{margin-bottom:23px}}@media screen and (min-width: 750px){.routine-builder__total{margin:23px 0 0}}.routine-builder__sticky{position:fixed;z-index:1;top:0;left:0;width:100%;height:auto;padding:16px 24px 12px;background-color:#fff}.routine-builder__sticky:not(.active){display:none}