.how-it-works{padding:4rem 0}.how-it-works__title{text-align:center;font-size:1.75rem;font-weight:800;margin-bottom:.4rem}.how-it-works__subtitle{text-align:center;color:var(--color-text-light);font-size:.95rem;max-width:520px;margin:0 auto 2.5rem}.how-it-works__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.how-it-works__step{position:relative;text-align:center}.how-it-works__step-number-badge{position:absolute;top:.75rem;left:.75rem;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.85rem;font-weight:800;box-shadow:var(--shadow-sm)}.how-it-works__image-wrapper{position:relative;aspect-ratio:3 / 2;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1rem;background:var(--color-surface)}.how-it-works__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.how-it-works__step:hover .how-it-works__image{transform:scale(1.04)}.how-it-works__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-surface)}.how-it-works__step-number-large{font-size:3rem;font-weight:900;color:var(--color-border)}.how-it-works__step-title{font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.how-it-works__step-desc{font-size:.88rem;color:var(--color-text-light);line-height:1.5;max-width:300px;margin:0 auto}@media(max-width:768px){.how-it-works__steps{grid-template-columns:1fr;max-width:400px;margin:0 auto;gap:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-how-it-works.css.map */