.htu-section{font-family:var(--font-body--family, "DM Sans", sans-serif);background:#fff;padding:var(--htu-pt, 60px) var(--htu-px, 40px) var(--htu-pb, 60px)}.htu-section__heading{text-align:center;margin-bottom:48px;font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-1px;color:#1a1a1a}.htu-section__heading strong{font-weight:900}.htu-section__heading span{font-weight:400}.htu-section__body{display:flex;align-items:flex-start;gap:48px;max-width:1200px;margin:0 auto}.htu-section__left{flex:0 0 50%;max-width:50%}.htu-section__img-wrap{position:relative;width:100%;aspect-ratio:632/490;border-radius:10px;overflow:hidden}.htu-section__img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.htu-section__img-placeholder{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.htu-section__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .2s;text-decoration:none}.htu-section__play-btn:hover{background:#fff;transform:translate(-50%,-50%) scale(1.08)}.htu-section__play-btn svg{width:22px;height:22px;fill:#1a6b3c;margin-left:3px}.htu-section__step-labels{display:flex;justify-content:space-around;margin-top:16px}.htu-section__step-label{font-size:clamp(14px,2vw,20px);font-weight:900;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}.htu-section__right{flex:1;display:flex;flex-direction:column;gap:0}.htu-section__step{padding:20px 0;border-bottom:1px solid #c97b5a;display:flex;flex-direction:column;gap:10px}.htu-section__step:first-child{padding-top:0}.htu-section__step-title{font-size:clamp(15px,2vw,20px);font-weight:700;color:#3a6b2a;line-height:1;letter-spacing:-.3px;margin:0}.htu-section__step-desc{font-size:clamp(13px,1.5vw,17px);font-weight:400;color:#1a1a1a;line-height:1.5;margin:0}@media(max-width:900px){.htu-section__body{gap:32px}.htu-section__left{flex:0 0 48%;max-width:48%}}@media(max-width:640px){.htu-section{padding:36px 16px}.htu-section__body{flex-direction:column;gap:24px}.htu-section__left{flex:none;max-width:100%;width:100%}.htu-section__heading{font-size:28px;margin-bottom:28px}.htu-section__step-title{font-size:15px}.htu-section__step-desc{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/how-to-use-section.css.map */