.peptide-how{width:100%;background:#fff;border-bottom:1px solid var(--color-border-light, #e8eef4);overflow:hidden}.peptide-how,.peptide-how *{box-sizing:border-box}.peptide-how__inner{width:100%;max-width:var(--container-2xl, 1480px);margin:0 auto;padding:12px 40px 18px}.peptide-how__title{margin:0 0 12px;text-align:center;color:#1f5f88;font-size:13px;line-height:1.2;font-weight:900;letter-spacing:3.2px;text-transform:uppercase;opacity:0;transform:translateY(12px)}.peptide-how.is-visible .peptide-how__title{animation:peptideHowTitlePopup .65s ease forwards}.peptide-how__carousel{width:100%;overflow:visible}.peptide-how__track{width:100%;display:flex;align-items:center;justify-content:center;gap:24px;animation:none!important;transform:none!important}.peptide-how__step{display:flex;align-items:center;gap:18px;min-width:270px;opacity:0;transform:translateY(22px) scale(.92)}.peptide-how.is-visible .peptide-how__step{animation:peptideHowStepPopup .7s cubic-bezier(.2,.8,.2,1.2) forwards}.peptide-how.is-visible .peptide-how__step:nth-child(1){animation-delay:.12s}.peptide-how.is-visible .peptide-how__step:nth-child(3){animation-delay:.28s}.peptide-how.is-visible .peptide-how__step:nth-child(5){animation-delay:.44s}.peptide-how__icon{width:66px;height:66px;border-radius:50%;background:#eef6fb;color:var(--color-primary, #006eb7);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 24px #006eb71f}.peptide-how.is-visible .peptide-how__icon{animation:peptideHowIconPulse 2.2s ease-in-out infinite}.peptide-how__icon svg{width:35px;height:35px;display:block}.peptide-how__content h3{margin:0 0 7px;color:var(--color-heading, #071b3a);font-size:12px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}.peptide-how__content p{margin:0;color:var(--color-text, #1d3148);font-size:12px;font-weight:600;line-height:1.45;max-width:240px}.peptide-how__arrow{width:46px;height:28px;color:#1f5f88;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transform:translate(-10px)}.peptide-how.is-visible .peptide-how__arrow{animation:peptideHowArrowFade .55s ease forwards}.peptide-how.is-visible .peptide-how__arrow:nth-child(2){animation-delay:.24s}.peptide-how.is-visible .peptide-how__arrow:nth-child(4){animation-delay:.4s}.peptide-how__arrow svg{width:100%;height:100%;display:block}.peptide-how__step--duplicate,.peptide-how__arrow--duplicate{display:none!important}@media(max-width:1200px){.peptide-how__inner{padding-left:24px;padding-right:24px}.peptide-how__track{gap:18px}.peptide-how__step{min-width:240px;gap:14px}.peptide-how__icon{width:58px;height:58px}.peptide-how__icon svg{width:31px;height:31px}}@media(max-width:900px){.peptide-how__inner{padding:18px 16px 22px}.peptide-how__title{padding:0;font-size:12px;letter-spacing:2.6px;margin-bottom:18px}.peptide-how__carousel{overflow:visible}.peptide-how__track{width:100%;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;animation:none!important;transform:none!important}.peptide-how__step{width:100%;max-width:520px;min-width:0;padding:16px 18px;gap:14px;background:#fff;border:1px solid var(--color-border-light, #e8eef4);border-radius:16px;box-shadow:0 8px 18px #0a28500a}.peptide-how.is-visible .peptide-how__step:nth-child(1){animation-delay:.12s}.peptide-how.is-visible .peptide-how__step:nth-child(3){animation-delay:.26s}.peptide-how.is-visible .peptide-how__step:nth-child(5){animation-delay:.4s}.peptide-how__arrow{width:36px;height:24px;transform:rotate(90deg)}.peptide-how.is-visible .peptide-how__arrow{animation:peptideHowMobileArrowFade .55s ease forwards}.peptide-how__step--duplicate,.peptide-how__arrow--duplicate{display:none!important}}@media(max-width:600px){.peptide-how__inner{padding:16px 12px 20px}.peptide-how__title{font-size:11px;letter-spacing:2.2px}.peptide-how__step{max-width:100%;padding:15px 14px;gap:12px}.peptide-how__icon{width:54px;height:54px}.peptide-how__icon svg{width:29px;height:29px}.peptide-how__content h3{font-size:11px}.peptide-how__content p{font-size:11px;max-width:100%}.peptide-how__arrow{width:34px}}@media(max-width:380px){.peptide-how__inner{padding-left:10px;padding-right:10px}.peptide-how__step{padding:14px 12px}.peptide-how__icon{width:48px;height:48px}.peptide-how__icon svg{width:26px;height:26px}.peptide-how__content p{font-size:10.5px}}@keyframes peptideHowTitlePopup{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes peptideHowStepPopup{0%{opacity:0;transform:translateY(22px) scale(.92)}60%{opacity:1;transform:translateY(-4px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes peptideHowArrowFade{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes peptideHowMobileArrowFade{0%{opacity:0;transform:rotate(90deg) translate(-8px)}to{opacity:1;transform:rotate(90deg) translate(0)}}@keyframes peptideHowIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes peptideHowMarquee{0%{transform:translate(0)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.peptide-how__title,.peptide-how__step,.peptide-how__arrow,.peptide-how__icon{animation:none!important;opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/peptide-how-it-works.css.map */