.product-how-to-use-section{background:linear-gradient(90deg,#ebedf6 0% 100%),linear-gradient(90deg,#fafaf9 0% 100%)}.product-how-to-use__container{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:64px;padding:80px}.product-how-to-use__heading{text-align:center;color:#171512}.product-how-to-use__title{font-family:Helvetica Neue,sans-serif;font-weight:700;font-size:48px;line-height:1.2;margin:0 0 28px}.product-how-to-use__subtitle{font-family:Helvetica Neue,sans-serif;font-weight:400;font-size:20px;line-height:1.2;margin:0}.product-how-to-use__content{display:flex;gap:24px;align-items:stretch}.product-how-to-use__image-wrapper{flex-shrink:0;width:545px;position:relative;display:flex;flex-direction:column}.product-how-to-use__image-container{border:1px solid #672666;border-radius:20px;overflow:hidden;background:#fff;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .4s ease;display:flex;flex-direction:column}.product-how-to-use__image-container.is-active{opacity:1}.product-how-to-use__image{width:100%;height:100%;display:block;object-fit:cover}.product-how-to-use__decorative-icon{position:absolute;top:10px;width:150px;height:150px;opacity:.3;pointer-events:none}.product-how-to-use__decorative-icon--left{left:10px;right:auto}.product-how-to-use__decorative-icon--right{left:auto;right:10px}.product-how-to-use__decorative-icon svg{width:100%;height:100%}.product-how-to-use__steps{flex:1;display:flex;flex-direction:column;gap:24px;min-width:0}.product-how-to-use__step{background:#ffffff80;border:1px solid transparent;border-radius:20px;overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.product-how-to-use__step.is-active{background:#fff;border-color:#672666}.product-how-to-use__step-header{width:100%;padding:30px;background:transparent;border:none;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px}.product-how-to-use__step-title{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #672666;border-radius:9999px;font-family:Helvetica Neue,sans-serif;font-weight:700;font-size:20px;line-height:1.4;color:#222;white-space:nowrap}.product-how-to-use__step-name{font-weight:inherit}.product-how-to-use__step-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.product-how-to-use__step-icon svg{width:100%;height:100%}.product-how-to-use__step-content{padding:0 30px 30px;max-height:1000px;overflow:hidden;opacity:1;transition:max-height .4s ease,opacity .3s ease,padding .4s ease}.product-how-to-use__step-content[hidden]{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.product-how-to-use__step-description{font-family:Helvetica Neue,sans-serif;font-weight:400;font-size:16px;line-height:1.7;color:#111;margin-bottom:24px}.product-how-to-use__divider{height:1px;background:#111;opacity:.2;margin-bottom:28px}.product-how-to-use__tips{display:flex;gap:28px}.product-how-to-use__tips--two-column{display:grid;grid-template-columns:1fr 1fr}.product-how-to-use__tip{display:flex;flex-direction:column;gap:18px}.product-how-to-use__tip-label{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#9e9e9e33;border-radius:9999px;width:fit-content}.product-how-to-use__tip-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.product-how-to-use__tip-icon svg{width:100%;height:100%}.product-how-to-use__tip-title{font-family:Helvetica Neue LT Pro,Helvetica Neue,sans-serif;font-weight:500;font-size:16px;line-height:1.7;color:#111}.product-how-to-use__tip-description{font-family:Helvetica Neue,sans-serif;font-weight:400;font-size:14px;line-height:1.7;color:#111;margin:0}@media screen and (max-width: 1200px) and (min-width: 768px){.product-how-to-use__container{padding:64px 48px}.product-how-to-use__content{align-items:center;gap:32px}.product-how-to-use__image-wrapper{width:50%;height:auto;aspect-ratio:400 / 427}.product-how-to-use__image-container{aspect-ratio:400 / 427}}@media screen and (max-width: 767px){.product-how-to-use-section{padding:64px 24px}.product-how-to-use__container{gap:50px;padding:0}.product-how-to-use__title{font-size:40px}.product-how-to-use__subtitle{font-size:18px}.product-how-to-use__content{flex-direction:column}.product-how-to-use__image-wrapper{width:100%;max-width:600px;margin:0 auto;aspect-ratio:400 / 427}.product-how-to-use__image-container{aspect-ratio:400 / 427}.product-how-to-use__decorative-icon{width:100px;height:100px}.product-how-to-use__decorative-icon--left{left:30px}.product-how-to-use__decorative-icon--right{right:30px}.product-how-to-use__tips--two-column{grid-template-columns:1fr}}@media screen and (max-width: 600px){.product-how-to-use-section{padding:64px 24px}.product-how-to-use__container{gap:50px}.product-how-to-use__title{font-size:32px}.product-how-to-use__subtitle{font-size:18px}.product-how-to-use__content{flex-direction:column;gap:20px}.product-how-to-use__image-wrapper{width:100%;aspect-ratio:400 / 427}.product-how-to-use__image-container{aspect-ratio:400 / 427}.product-how-to-use__decorative-icon{width:80px;height:80px}.product-how-to-use__decorative-icon--left{left:16px}.product-how-to-use__decorative-icon--right{right:16px}.product-how-to-use__steps{gap:24px}.product-how-to-use__step-header{padding:28px 24px}.product-how-to-use__step-title{font-size:18px;padding:10px 16px}.product-how-to-use__step-content{padding:0 24px 28px}.product-how-to-use__step-content[hidden]{padding-top:0;padding-bottom:0}.product-how-to-use__step-description{font-size:14px;margin-bottom:24px}.product-how-to-use__tips{flex-direction:column;gap:24px}.product-how-to-use__tips--two-column{grid-template-columns:1fr}.product-how-to-use__tip{gap:14px}.product-how-to-use__tip-icon{width:16px;height:16px}.product-how-to-use__tip-title{font-size:13px}.product-how-to-use__tip-description{font-size:12px}.product-how-to-use__divider{margin-bottom:24px}}
/*# sourceMappingURL=/cdn/shop/t/183/assets/product-how-to-use.css.map */