.routine-showcase{--color-primary: #2c4043;--color-secondary: #535252;--color-tertiary: #9d9d9c;--color-quaternary: #0a0908;background-color:#f2f2f2;padding:90px 0}.routine-showcase--mobile-only{display:block}.routine-showcase--desktop-only{display:none}@media (min-width: 769px){.routine-showcase--mobile-only{display:none}.routine-showcase--desktop-only{display:block}}.routine-showcase__container{max-width:1200px;margin:0 auto;padding:0 100px}.routine-showcase__header{text-align:center;margin-bottom:45px}.routine-showcase__title{font-family:"IBM Plex Serif",serif;font-size:40px;font-weight:500;color:var(--color-quaternary);line-height:120%;letter-spacing:-1.6px;margin-bottom:28px}.routine-showcase__subtitle{font-family:IBM Plex Sans,sans-serif;font-size:20px;font-weight:400;color:var(--color-secondary);max-width:650px;margin:0 auto;line-height:140%}.routine-showcase__progress{position:relative;margin-bottom:40px}.routine-showcase__progress-line{height:4px;background-color:#d7d7d7;position:relative;margin-top:20px;width:100%;overflow:hidden}.routine-showcase__progress-line:before{content:"";position:absolute;top:0;left:0;height:100%;background-color:var(--color-primary);border-radius:2px;transition:left .3s ease}.routine-showcase__progress-steps{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%}.routine-showcase__progress-step{background:none;border:none;font-family:IBM Plex Sans,sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:var(--color-tertiary);cursor:pointer;padding:0;position:relative;transition:color .3s ease;z-index:2;flex:1;text-align:center}.routine-showcase__progress-step.active{color:var(--color-primary)}.routine-showcase__content{position:relative}.routine-showcase__step{display:none!important;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.routine-showcase__step.active{display:block!important;opacity:1;visibility:visible}.routine-showcase__step-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.routine-showcase__step-image-column{position:relative}.routine-showcase__step-image{position:relative;border-radius:4px;overflow:hidden}.routine-showcase__step-product-image{width:100%;height:auto;display:block}.routine-showcase__step-text-column{padding-top:30px}.routine-showcase__step-header{margin-bottom:40px}.routine-showcase__step-title{font-family:IBM Plex Sans,sans-serif;font-size:20px;font-weight:600;color:var(--color-primary);margin-bottom:24px;line-height:140%}.routine-showcase__step-product-name{font-family:IBM Plex Sans,sans-serif;font-size:32px;font-weight:400;line-height:1;color:var(--color-quaternary);margin-bottom:32px;letter-spacing:-1px}@media (min-width: 768px){.routine-showcase__step-product-name:after{content:"";display:block;width:67px;height:2px;background-color:#0c5352;margin-top:32px}}.routine-showcase__step-separator{width:60px;height:2px;background-color:#0c5352}.routine-showcase__step-description{margin-bottom:40px;font-weight:400;font-size:16px;color:var(--color-secondary);line-height:1.6}.routine-showcase__step-description p{margin-bottom:15px}.routine-showcase__step-benefits{margin-bottom:30px}.routine-showcase__step-benefits-list{list-style:none;padding:0;margin:0}.routine-showcase__step-benefits-list li{display:flex;align-items:flex-start;margin-bottom:16px;color:var(--color-secondary);line-height:140%;letter-spacing:-.16px;font-family:IBM Plex Sans,sans-serif;font-size:16px;font-weight:500}.routine-showcase__checkmark{color:var(--color-primary);background:#e3ebe6;font-weight:700;margin-right:10px;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%}.routine-showcase__step-accordions{margin-top:30px;margin-bottom:46px}.routine-showcase__accordion{border-bottom:1px solid #d7d7d7;border-top:1px solid #d7d7d7;margin-bottom:15px}.routine-showcase__accordion-summary{display:flex;justify-content:space-between;align-items:center;padding:20px 0;cursor:pointer;font-weight:600;text-transform:uppercase;color:#333}.routine-showcase__accordion-title{font-family:IBM Plex Sans,sans-serif;font-size:20px;font-weight:600;line-height:100%}.routine-showcase__accordion-icon{font-size:1.2rem;color:#333;font-weight:700}.routine-showcase__accordion-content{padding:0 20px 20px;color:var(--color-quaternary);line-height:1.6}.routine-showcase__accordion-content>p{margin-bottom:15px}.routine-showcase__step-text-column .metafield-rich_text_field{font-size:16px;font-weight:400;line-height:150%}.routine-showcase__step-text-column .metafield-rich_text_field ul li{font-size:16px;font-weight:500;line-height:140%;letter-spacing:-.16px}@media (max-width: 768px){.routine-showcase__scroll-down{display:block;margin:24px auto 0}.routine-showcase__step-content{grid-template-columns:1fr;gap:32px}.routine-showcase__step-description{margin-bottom:32px}.routine-showcase__title{font-size:2rem}.routine-showcase__progress-steps{gap:30px}.routine-showcase__step-product-name{font-size:1.5rem}.routine-showcase__header{margin-bottom:40px}.routine-showcase__progress-step{font-size:16px}.routine-showcase__progress-line{margin-top:16px}.routine-showcase__step-title{font-size:17px;text-align:center;margin-bottom:12px}.routine-showcase__step-product-name{font-size:28px;text-align:center;margin-bottom:0}.routine-showcase__step-header{margin-bottom:0}.routine-showcase__step-product-image{aspect-ratio:1 / 1;object-fit:cover}.routine-showcase__step-text-column{padding-top:10px}}@media (max-width: 480px){.routine-showcase{padding:40px 0;background-color:#fff}.routine-showcase__container{padding:0 15px}.routine-showcase__title{font-size:1.8rem;margin-bottom:20px}.routine-showcase__subtitle{font-size:1rem}.routine-showcase__step-text-column{padding-top:0}.routine-showcase__progress{margin-left:calc(max(var(--container-gutter),50% - var(--container-max-width) / 2)*-1);width:100vw;margin-bottom:32px;position:sticky;top:0;z-index:2;padding:16px 15px 0;background-color:#fff}}.routine-showcase__accordion-list{display:flex;flex-direction:column;gap:35px;margin:0;padding:0;list-style:none}.routine-showcase__accordion-item{display:grid;grid-template-columns:12px 1fr;gap:12px;align-items:start;padding-inline-start:.25rem;margin-block-start:0!important}.routine-showcase__bullet{width:6px;height:6px;border-radius:50%;background:rgb(var(--text-color));margin-top:7px}.routine-showcase__item-title{font-family:var(--text-font-family),sans-serif;font-weight:600;font-style:normal;font-size:20px;line-height:100%;letter-spacing:0;color:#0a0908;margin:0 0 8px}.routine-showcase__item-description{color:#3a3838;font-family:var(--text-font-family),sans-serif;font-weight:400;font-size:16px;line-height:150%;letter-spacing:0}@media (max-width: 999px){.routine-showcase__item-title{font-family:var(--text-font-family),sans-serif;font-weight:600;font-style:normal;font-size:18px;line-height:100%;letter-spacing:0}.routine-showcase__item-description{font-weight:400;font-size:16px;line-height:150%}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/routine-showcase.css.map */