.total_body:has(.total_body__header){padding:var(--space-3xl) 0}@media(min-width:390px)and (max-width:639px){.total_body:has(.total_body__header){grid-template-columns:1fr 21.5rem 1fr}}.total_body__header{margin-bottom:var(--space-2xl);max-width:18.5em}@media(min-width:640px){.total_body__header{max-width:none;text-align:center;text-wrap:balance}}@media(min-width:768px){.total_body__header{margin-bottom:var(--space-3xl)}}.total_body__title{font-size:32px;margin-bottom:var(--space-lg)}@media(min-width:768px){.total_body__title{font-size:40px;margin-bottom:var(--space-xl)}}.total_body__subtitle{font-size:14px}@media(min-width:768px){.total_body__subtitle{font-size:16px}}.total_body__grid{display:grid;grid-template-columns:1fr;gap:var(--space-xxl);margin-bottom:var(--space-3xl)}@media(min-width:640px){.total_body__grid{margin-left:auto;margin-right:auto;max-width:800px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2xl)}}@media(min-width:1024px){.total_body__grid{max-width:none;justify-content:space-between;gap:clamp(1.25rem,.019rem + 1.923vw,2rem)}}.total_body__grid .system{display:flex;gap:.75rem}@media(min-width:768px){.total_body__grid .system{flex-direction:column;align-items:center;text-align:center}}@media(min-width:1024px){.total_body__grid .system{max-width:clamp(13.125rem,12.202rem + 1.442vw,13.5rem)}}.total_body__grid .system__icon-wrapper{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(72% 72% at 65% 70%,#db9262,#da9062 44.5%,#d2795c 75%,#cf6f59 88%,#ce6a58 95.7% 100%)}.total_body__grid .system__icon-wrapper svg{color:#fff;width:72%;height:72%}.total_body__grid .system__details{font-size:18px}.total_body__grid .system__details h3{margin-bottom:var(--space-md)}@media(min-width:768px){.total_body__grid .system__details h3{margin:0;font-size:inherit}}.total_body__grid .system__details h3:after{content:"";width:50px;display:block;height:3px;background:var(--color-text-primary);margin-top:14px}@media(min-width:768px){.total_body__grid .system__details h3:after{content:none}}@media(min-width:640px){.total_body__grid .system__details p{max-width:17em}}.total_body__cta{text-align:center}
/*# sourceMappingURL=/cdn/shop/t/203/assets/collagen-total-body.css.map */