.block__pdp-step-main{display:flex;flex-direction:column;gap:48px}.block__pdp-step-header{display:flex;flex-direction:column;gap:12px;align-items:center}.block__pdp-step-header .subhead{font-size:12px;font-family:var(--font-family-base)!important;font-weight:600;text-transform:uppercase;letter-spacing:.4px;line-height:1.35;color:#0e583d;margin:0}.block__pdp-step-header .title{font-size:36px;line-height:1.12;margin:0;color:#0a291f}.block__pdp-step-header .desc{font-size:14px;line-height:1.43;color:#4c7668;max-width:512px;text-align:center}.block__pdp-step-nav{list-style:none;white-space:nowrap;display:flex;flex-wrap:nowrap;overflow:auto;gap:12px;margin:0;justify-content:center;padding-bottom:5px}.block__pdp-step-nav li{border-radius:12px;margin:0;display:flex;align-items:center;font-size:16px;line-height:1.5;color:#4c7668;border:2px solid #c9dbbd;padding:12px 16px;gap:8px;cursor:pointer}.block__pdp-step-nav li:hover{border-color:#4c7668;color:#4c7668}.block__pdp-step-nav li svg{width:16px;height:auto;display:block}.block__pdp-step-nav li.active{color:#0e583d;border-color:#0e583d;background:#0e583d0d}.block__pdp-step-content{max-width:1152px;margin:0 auto}.block__pdp-step-content-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:flex-start}.block__pdp-step-content-image{aspect-ratio:1/1;border-radius:16px;overflow:hidden;position:sticky;top:100px}.block__pdp-step-content-image img{width:100%;height:100%;object-fit:cover}.block__pdp-step-content-text{display:flex;flex-direction:column;gap:32px}.block__pdp-step-content-text .title{font-size:30px;font-family:"DM Serif Display",sans-serif;color:#0a291f;line-height:1.2;display:block;width:max-content;margin:0 0 8px}.block__pdp-step-content-text .desc{font-size:16px;color:#4c7668;line-height:1.5;margin:0}.block__pdp-step-content-text .inner-title{color:#0a291f;font-size:12px;text-transform:uppercase;font-family:Inter,sans-serif;margin:0 0 12px;line-height:1;letter-spacing:1.2px;font-weight:700}.key-benefits-list{display:flex;flex-direction:column;margin:0;list-style:none;gap:8px}.key-benefits-item{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:14px;line-height:1.43;color:#4c7668}.key-benefits-item:before{content:"\2022";display:block;color:#0e583d}.key-ingredients-list{list-style:none;display:flex;flex-wrap:wrap;margin:0;gap:8px}.key-ingredients-item{margin:0;font-size:12px;color:#0e583d;background:#0e583d1a;border-radius:50px;padding:6px 12px;font-weight:500;font-family:Inter,sans-serif;line-height:1.34}.block__pdp-step-content-text .how-to-use p{font-size:14px;color:#4c7668;line-height:1.43;font-family:Inter,sans-serif}.block__pdp-step-content-text .the-science{border:1px solid rgba(14,88,61,.2);background:#0e583d0d;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.block__pdp-step-content-text .the-science .inner-title{margin:0;color:#0e583d}.block__pdp-step-content-text .the-science p{font-size:14px;color:#4c7668;line-height:1.43}.block__pdp-step-content-item.active{display:block}.block__pdp-step-content-item{display:none}@media(max-width:1199px){.block__pdp-step-content-row{gap:30px}}@media(max-width:991px){.block__pdp-step-content-row{gap:30px}.block__pdp-step-content-text .desc{font-size:14px}.block__pdp-step-content-text .title{font-size:26px}.block__pdp-step-main{gap:35px}.block__pdp-step-nav li{font-size:14px;padding:10px 14px;line-height:1}}@media(max-width:749px){.block__pdp-step-header .subhead{font-size:9px}.block__pdp-step-header .title{font-size:24px}.block__pdp-step-header .desc{font-size:12px}.block__pdp-step-header{gap:8px}.block__pdp-step-nav{margin:0 -17px;padding:0 18px 5px;justify-content:flex-start}.block__pdp-step-content-row{grid-template-columns:1fr}.block__pdp-step-content-image{position:unset}.block__pdp-step-content-text .title{font-size:24px}.block__pdp-step-content-text{gap:24px}.block__pdp-step-content-text .inner-title{font-size:10px;margin-bottom:8px}.key-benefits-list{gap:6px}.key-benefits-item{gap:6px;font-size:12px}.key-ingredients-item{font-size:10px;padding:4px 10px}.key-ingredients-list{gap:6px}.block__pdp-step-content-text .how-to-use p{font-size:12px}.block__pdp-step-content-text .the-science{padding:12px}.block__pdp-step-content-text .the-science p{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/pdp-step.css.map */