body.template-product .galix-how--pdp{position:relative;isolation:isolate;display:grid;width:100%;height:auto;min-height:560px;grid-template-columns:minmax(0,330px) minmax(0,1fr);align-items:center;gap:44px;padding:72px max(40px,calc((100vw - 1440px)/2 + 64px));overflow:hidden;background:#191a24;color:#fff}body.template-product .galix-how--pdp .galix-how__intro{position:relative;padding:0}body.template-product .galix-how--pdp .galix-how__intro h2{width:auto;max-width:330px;margin:24px 0 28px}body.template-product .galix-how--pdp .galix-how__title-emphasis{display:block;color:#a7b5ff;font-weight:600}body.template-product .galix-how--pdp .galix-how__intro .galix-button{width:min(100%,279px);min-height:52px}body.template-product .galix-how--pdp .galix-how__steps{position:relative;inset:auto;display:grid;width:100%;height:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;overflow:visible}body.template-product .galix-how--pdp [data-how-step]{display:flex;width:auto;height:auto;min-height:344px;flex-direction:column;overflow:hidden;border:1px solid rgba(167,181,255,.48);border-radius:20px;background:#f8f8fc;color:#20235c;transform:none;transition:border-color .22s ease,transform .22s cubic-bezier(.23,1,.32,1)}body.template-product .galix-how--pdp [data-how-step] img{width:100%;height:205px;flex:0 0 205px;object-fit:cover;scale:1;transition:none}body.template-product .galix-how--pdp [data-how-step]>div{display:flex;min-height:138px;flex:1;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px 18px;background:#f8f8fc}body.template-product .galix-how--pdp [data-how-step] span{color:#6d55d9;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;line-height:16px;letter-spacing:1.1px;text-transform:uppercase}body.template-product .galix-how--pdp [data-how-step] strong{color:#20235c;font-size:21px;line-height:24px}body.template-product .galix-how--pdp [data-how-step] p{margin-top:3px;color:#5e6782;font-size:12px;line-height:17px}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){body.template-product .galix-how--pdp [data-how-step]:hover{transform:translateY(-4px);border-color:#a7b5ff}}@media(max-width:1199px){body.template-product .galix-how--pdp{display:block;min-height:0;padding:64px 32px}body.template-product .galix-how--pdp .galix-how__intro h2{max-width:620px}body.template-product .galix-how--pdp .galix-how__steps{margin-top:34px}body.template-product .galix-how--pdp [data-how-step]{min-height:270px}body.template-product .galix-how--pdp [data-how-step] img{height:auto;flex:none;aspect-ratio:4 / 3}}@media(max-width:700px){body.template-product .galix-how--pdp{padding:56px 20px 64px}body.template-product .galix-how--pdp .galix-how__intro{text-align:left}body.template-product .galix-how--pdp .galix-how__intro h2{max-width:100%;margin:18px 0 24px}body.template-product .galix-how--pdp .galix-how__intro .galix-button{width:100%;height:48px;min-height:48px}body.template-product .galix-how--pdp .galix-how__steps{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}body.template-product .galix-how--pdp [data-how-step]{min-height:0;border-radius:16px;transform:none!important;transition:none!important;animation:none!important}body.template-product .galix-how--pdp [data-how-step] img{height:auto;flex:none;aspect-ratio:16 / 9;transform:none!important;transition:none!important;animation:none!important}body.template-product .galix-how--pdp [data-how-step]>div{min-height:0;padding:15px 16px 17px}body.template-product .galix-how--pdp [data-how-step] strong{font-size:18px;line-height:21px}body.template-product .galix-how--pdp [data-how-step] p{font-size:11px;line-height:15px}}@media(max-width:989px){body.template-product .galix-how--pdp,body.template-product .galix-how--pdp *{animation:none!important;transition:none!important}}@media(prefers-reduced-motion:reduce){body.template-product .galix-how--pdp [data-how-step],body.template-product .galix-how--pdp [data-how-step] *{animation:none!important;transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/galix-pdp-how.css.map */
