.cura-htu{background-color:rgb(var(--color-background));padding-top:var(--cura-htu-pt, 64px);padding-bottom:var(--cura-htu-pb, 64px)}.cura-htu__inner{max-width:1200px;margin:0 auto;padding:0 3.2rem;display:flex;flex-direction:column;align-items:center;gap:4rem}.cura-htu__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.cura-htu__eyebrow{font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#4a7c2f;margin:0}.cura-htu__heading{font-family:var(--font-heading-family);font-size:clamp(2.4rem,2vw + 1rem,3.6rem);font-weight:800;color:rgb(var(--color-foreground));margin:0;line-height:1.2}.cura-htu__steps{display:grid;grid-template-columns:repeat(var(--cura-htu-cols, 4),1fr);gap:2rem;width:100%;position:relative}.cura-htu__step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4rem;position:relative}.cura-htu__connector{position:absolute;top:3.6rem;left:calc(50% + 4rem);right:calc(-50% + 4rem);width:calc(100% - 8rem);border-top:1.5px dashed rgba(var(--color-foreground),.2);pointer-events:none;z-index:0}.cura-htu__icon-outer{position:relative;display:inline-flex;flex-shrink:0;z-index:1}.cura-htu__icon-wrap{width:7.2rem;height:7.2rem;border-radius:50%;background:#e6efd8;display:flex;align-items:center;justify-content:center;color:#4a7c2f}.cura-htu__icon-img{width:3.2rem;height:3.2rem;object-fit:contain}.cura-htu__step-num{position:absolute;bottom:0;right:0;width:2rem;height:2rem;border-radius:50%;background:#1e3d1a;color:#fff;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.cura-htu__step-title{font-family:var(--font-heading-family);font-size:1.6rem;font-weight:700;color:rgb(var(--color-foreground));margin:0;line-height:1.3}.cura-htu__step-desc{font-size:1.3rem;line-height:1.6;color:rgb(var(--color-foreground));opacity:.65;margin:0}.cura-htu__empty{text-align:center;padding:3rem;opacity:.6;font-size:1.4rem}@media(min-width:750px)and (max-width:989px){.cura-htu__steps{grid-template-columns:repeat(2,1fr);gap:2.4rem}.cura-htu__connector{display:none}}@media(max-width:749px){.cura-htu__inner{padding:0 2rem;gap:2.8rem}.cura-htu__steps{grid-template-columns:repeat(2,1fr);gap:2.4rem 1.6rem}.cura-htu__connector{display:none}.cura-htu__icon-wrap{width:6rem;height:6rem}.cura-htu__step-title{font-size:1.4rem}.cura-htu__step-desc{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cura-how-to-use.css.map */