.how-it-works{padding-block:var(--section-py-sm);padding-inline:var(--gutter, 16px);background-color:var(--color-bg-secondary)}@media(min-width:768px){.how-it-works{padding-block:var(--section-py-md);padding-inline:0}}@media(min-width:1024px){.how-it-works{padding-block:var(--section-py-lg)}}.how-it-works__header{text-align:center;max-width:600px;margin:0 auto var(--spacing-12)}.how-it-works__subheading{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin:0 0 var(--spacing-2)}.how-it-works__heading{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0}.how-it-works__grid{display:flex;flex-direction:column;gap:var(--spacing-8);max-width:1000px;margin:0 auto}@media(min-width:768px){.how-it-works__grid{flex-direction:row;align-items:flex-start;justify-content:center;gap:var(--spacing-4)}}.how-it-works__step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;max-width:300px;margin:0 auto}@media(min-width:768px){.how-it-works__step{margin:0}}.how-it-works__icon-wrapper{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent-light, rgba(74, 93, 74, .15));border-radius:50%;margin-bottom:var(--spacing-4);color:var(--color-accent, var(--color-secondary, #4a5d4a));transition:transform var(--transition-base),box-shadow var(--transition-base),background-color .2s ease}.how-it-works__step:hover .how-it-works__icon-wrapper{transform:scale(1.05);background-color:var(--color-accent, var(--color-secondary, #4a5d4a));color:#fff;box-shadow:0 8px 24px #4a5d4a40}.how-it-works__icon svg{width:28px;height:28px}.how-it-works__number{font-size:var(--text-2xl);font-weight:var(--font-bold);font-family:var(--font-heading)}.how-it-works__image{width:100%;max-width:200px;margin-bottom:var(--spacing-4);border-radius:var(--radius-lg);overflow:hidden}.how-it-works__image img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.how-it-works__content{flex:1}.how-it-works__title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-2)}.how-it-works__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin:0}.how-it-works__connector{display:none;align-items:center;justify-content:center;color:var(--color-border);padding:0 var(--spacing-2);flex-shrink:0}@media(min-width:768px){.how-it-works__connector{display:flex;padding-top:28px}}.how-it-works__connector svg{width:24px;height:24px}.how-it-works__footer{text-align:center;margin-top:var(--spacing-10)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-how-it-works.css.map */