.pdp-how-to-steps{background-color:var(--section-bg, #fffced);padding-top:var(--padding-top, 120px);padding-bottom:var(--padding-bottom, 120px)}.pdp-how-to-steps__inner{max-width:var(--theme-max-width);margin:0 auto;padding-left:var(--gutter-container);padding-right:var(--gutter-container);display:flex;flex-direction:column;align-items:center;gap:32px}.pdp-how-to-steps__header{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;width:100%}.pdp-how-to-steps__heading{font-family:Marlide Display Trial,Marlide Display,serif;font-weight:500;font-size:clamp(36px,5vw,64px);line-height:1;color:var(--heading-color, #009fc5);margin:0;text-align:center}.pdp-how-to-steps__subheading{font-family:Gellix,Gellix-TRIAL,sans-serif;font-weight:400;font-size:18px;line-height:1.4;color:var(--subheading-color, #000000);max-width:770px;margin:0;text-align:center}.pdp-how-to-steps__grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;width:100%}.pdp-how-to-steps__card{height:600px;border:1px solid #009fc5;border-radius:20px;box-shadow:0 4px 4px #00000040;overflow:hidden;position:relative;display:flex;flex-direction:column}.pdp-how-to-steps__card-image{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;overflow:hidden}.pdp-how-to-steps__img{width:100%;height:100%;object-fit:cover;object-position:center bottom!important;display:block;pointer-events:none}.pdp-how-to-steps__card:nth-child(1) .pdp-how-to-steps__card-image,.pdp-how-to-steps__card:nth-child(2) .pdp-how-to-steps__card-image{bottom:175px}.pdp-how-to-steps__placeholder{width:100%;height:100%;background-color:#e8f6fa;display:flex;align-items:center;justify-content:center;color:#009fc5}.pdp-how-to-steps__placeholder svg{width:64px;height:64px;opacity:.4}.pdp-how-to-steps__card-body{position:absolute;left:0;right:0;bottom:0;top:397px;background-color:#eff9fb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:12px 24px 24px;overflow:hidden;word-break:break-word}.pdp-how-to-steps__step-number{background-color:#fff;border:1px solid #c7eef7;border-radius:500px;padding:13px 24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pdp-how-to-steps__step-number span{font-family:Marlide Display Trial,Marlide Display,serif;font-weight:500;font-size:32px;line-height:1;color:#009fc5;display:block}.pdp-how-to-steps__step-title{font-family:Marlide Display Trial,Marlide Display,serif;font-weight:500;font-size:28px;line-height:1.1;color:#009fc5;text-align:center;margin:0;word-break:break-word}.pdp-how-to-steps__step-description{font-family:Gellix,Gellix-TRIAL,sans-serif;font-weight:400;font-size:16px;line-height:1.4;color:#000;text-align:center;margin:0}.pdp-how-to-steps__tip{background-color:#eff9fb;border:1px solid #c7eef7;border-radius:10px;padding:8px 14px;display:flex;flex-direction:row;align-items:center;gap:10px;flex-shrink:0;box-sizing:border-box}.pdp-how-to-steps__tip-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.pdp-how-to-steps__tip-icon svg,.pdp-how-to-steps__tip-icon-img{display:block;width:24px;height:24px;object-fit:contain}.pdp-how-to-steps__tip-text{font-family:Gellix,Gellix-TRIAL,sans-serif;font-weight:400;font-size:16px;line-height:1.4;color:#000;text-align:left;margin:0;word-break:break-word;flex:1 1 auto;min-width:0}@media screen and (min-width:768px)and (max-width:1023px){.pdp-how-to-steps__grid{grid-template-columns:repeat(2,1fr)}.pdp-how-to-steps__card{height:520px}.pdp-how-to-steps__card-body{top:300px}.pdp-how-to-steps__step-title{font-size:24px}}@media screen and (max-width:767px){.pdp-how-to-steps{padding:60px 20px}.pdp-how-to-steps__inner{padding:0}.pdp-how-to-steps__heading{font-size:28px}.pdp-how-to-steps__grid{display:flex;flex-direction:column;gap:20px;width:100%}.pdp-how-to-steps__card{width:100%;height:510px}.pdp-how-to-steps__card-body{top:280px}.pdp-how-to-steps__step-title{font-size:22px}.pdp-how-to-steps__tip-text{white-space:normal;font-size:14px;line-height:normal}.pdp-how-to-steps__subheading{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/pdp-how-to-steps.css.map */