.product-how-it-works-section{padding:4rem 0;margin-top:2rem}.product-how-it-works-header{text-align:center;margin-bottom:3rem}.product-how-it-works-title{font-size:2rem;font-weight:600;margin:0 0 1rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.product-how-it-works-title .title-white{color:var(--color-foreground)}.product-how-it-works-title .title-green{color:var(--color-primary)}.product-how-it-works-description{color:var(--color-muted-foreground);font-size:1.1rem;max-width:600px;margin:0 auto}.product-how-it-works-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.product-how-it-works-step{display:flex;gap:1.5rem;padding:1.5rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;transition:transform .2s,box-shadow .2s}.product-how-it-works-step:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.step-number{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.step-content{flex:1}.step-title{font-size:1.2rem;font-weight:600;color:var(--color-foreground);margin:0 0 .5rem}.step-description{color:var(--color-muted-foreground);margin:0;line-height:1.6}@media(max-width:768px){.product-how-it-works-section{padding:2rem 0}.product-how-it-works-title{font-size:1.5rem}.product-how-it-works-steps{grid-template-columns:1fr;gap:1.5rem}.product-how-it-works-step{padding:1rem}.step-number{width:40px;height:40px;font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-product-how-it-works.css.map */