.ctr-creatine-steps{padding:var(--ctr-pt) 0 var(--ctr-pb);background:var(--ctr-bg);font-family:DM Sans,sans-serif;color:var(--ctr-heading)}@media screen and (min-width:768px){.ctr-creatine-steps{padding:var(--ctr-pt-desktop) 20px var(--ctr-pb-desktop)}}.ctr-creatine-steps *,.ctr-creatine-steps *:before,.ctr-creatine-steps *:after{box-sizing:border-box}.ctr-creatine-steps__inner{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1280px;margin:0 auto}@media screen and (min-width:768px){.ctr-creatine-steps__inner{flex-direction:row;align-items:center;gap:40px}}.ctr-creatine-steps__media{position:relative;width:100%;height:332px;overflow:hidden;background:#531d240f}@media screen and (min-width:768px){.ctr-creatine-steps__media{flex:0 0 auto;width:49.5%;max-width:634px;height:625px;border-radius:16px}}.ctr-creatine-steps__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.ctr-creatine-steps__image--desktop{display:none}@media screen and (min-width:768px){.ctr-creatine-steps__image--desktop{display:block}}.ctr-creatine-steps__image--mobile{display:block}@media screen and (min-width:768px){.ctr-creatine-steps__image--mobile{display:none}}.ctr-creatine-steps__content{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:0 20px}@media screen and (min-width:768px){.ctr-creatine-steps__content{flex:1 1 0;min-width:0;max-width:612px;padding:0}}.ctr-creatine-steps__heading{margin:0;color:var(--ctr-heading);font-family:DM Sans,sans-serif;font-size:30px;font-weight:600;line-height:1.44;text-align:center}@media screen and (min-width:768px){.ctr-creatine-steps__heading{font-size:36px;line-height:1.2;text-align:left}}.ctr-creatine-steps__heading p{margin:0;font:inherit;color:inherit}.ctr-creatine-steps__list{display:flex;flex-direction:column;gap:12px;width:100%;margin:24px 0 0;padding:0;list-style:none;counter-reset:none}@media screen and (min-width:768px){.ctr-creatine-steps__list{gap:24px;margin-top:32px}}.ctr-creatine-steps__card{display:flex;gap:16px;align-items:center;width:100%;margin:0;padding:14px;border:1px solid var(--ctr-card-border);border-radius:16px;background:var(--ctr-card-bg)}@media screen and (min-width:768px){.ctr-creatine-steps__card{padding:24px}}.ctr-creatine-steps__number{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:var(--ctr-number-bg);color:var(--ctr-number-text);font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;line-height:1.2}.ctr-creatine-steps__card-body{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;min-width:0}.ctr-creatine-steps__card-title{margin:0;color:var(--ctr-card-title);font-family:DM Sans,sans-serif;font-size:18px;font-weight:800;line-height:27px}.ctr-creatine-steps__card-title p{margin:0;font:inherit;color:inherit}.ctr-creatine-steps__card-text{margin:4px 0 0;color:var(--ctr-card-text);font-family:DM Sans,sans-serif;font-size:15px;font-weight:400;line-height:22.5px}.ctr-creatine-steps__card-text p{margin:0;font:inherit;color:inherit}.ctr-creatine-steps__note{margin:16px 0 0;color:var(--ctr-note);font-family:DM Sans,sans-serif;font-size:15px;font-weight:400;line-height:22.5px;text-align:center}@media screen and (min-width:768px){.ctr-creatine-steps__note{margin-top:28px;text-align:left}}.ctr-creatine-steps__note p{margin:0;font:inherit;color:inherit}.ctr-creatine-steps__cta{margin-top:20px;width:100%}@media screen and (min-width:768px){.ctr-creatine-steps__cta{width:auto}}.ctr-creatine-steps__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:13px 32px;border-radius:100px;background:var(--ctr-button-bg);color:var(--ctr-button-text);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;line-height:16px;letter-spacing:0;text-align:center;text-decoration:none;text-transform:uppercase;transition:filter .2s ease}@media screen and (min-width:768px){.ctr-creatine-steps__button{width:auto;padding:18px 40px;font-size:20px}}.ctr-creatine-steps__button:hover{color:var(--ctr-button-text);filter:brightness(.94)}.ctr-creatine-steps__button:focus-visible{outline:2px solid var(--ctr-heading);outline-offset:3px}.ctr-creatine-steps__cart{flex:0 0 auto;width:22px;height:22px}@media screen and (min-width:768px){.ctr-creatine-steps__cart{width:28px;height:28px}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/ctr-creatine-steps.css.map */