.wyt-how-it-works{overflow:hidden}.section-wyt-how-it-works-padding{padding-top:60px;padding-bottom:60px}.wyt-how-it-works__header{text-align:center;max-width:800px;margin:0 auto 4rem}.wyt-how-it-works__title{margin-bottom:1.5rem}.wyt-how-it-works__description{font-size:1.8rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}.wyt-how-it-works__steps{display:flex;flex-direction:column;gap:6rem}@media screen and (max-width: 749px){.wyt-how-it-works__steps{gap:4rem}}.wyt-how-it-works__step{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media screen and (max-width: 989px){.wyt-how-it-works__step{grid-template-columns:1fr;gap:2.5rem}}@media screen and (min-width: 990px){.wyt-how-it-works__step--reverse{direction:rtl}.wyt-how-it-works__step--reverse .wyt-how-it-works__step-content{direction:ltr}}.wyt-how-it-works__step-media{position:relative}.wyt-how-it-works__image-wrapper{position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.wyt-how-it-works__step:hover .wyt-how-it-works__image-wrapper{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.wyt-how-it-works__image{width:100%;height:auto;display:block}.wyt-how-it-works__placeholder{aspect-ratio:4/3;background-color:rgba(var(--color-foreground),.04);border-radius:12px;display:flex;align-items:center;justify-content:center}.wyt-how-it-works__placeholder svg{width:50%;height:auto;opacity:.2}.wyt-how-it-works__step-content{display:flex;flex-direction:column;gap:1.5rem}.wyt-how-it-works__step-number{margin-bottom:.5rem}.wyt-step-circle{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--color-wyt-red) 0%,#EF4444 100%);color:#fff;font-size:2.4rem;font-weight:700;box-shadow:0 4px 12px #dc262640;transition:transform .2s ease,box-shadow .2s ease}.wyt-how-it-works__step:hover .wyt-step-circle{transform:scale(1.05);box-shadow:0 6px 16px #dc262659}.wyt-how-it-works__step--reverse .wyt-step-circle{background:linear-gradient(135deg,var(--color-wyt-blue) 0%,#38BDF8 100%);box-shadow:0 4px 12px #0ea5e940}.wyt-how-it-works__step--reverse:hover .wyt-step-circle{box-shadow:0 6px 16px #0ea5e959}.wyt-how-it-works__step-heading{margin:0;font-weight:600;line-height:1.3}.wyt-how-it-works__step-text{font-size:1.6rem;line-height:1.7;color:rgba(var(--color-foreground),.8)}.wyt-how-it-works__step-text p{margin:0 0 1rem}.wyt-how-it-works__step-text p:last-child{margin-bottom:0}@media screen and (max-width: 749px){.wyt-how-it-works__header{margin-bottom:3rem}.wyt-how-it-works__step-heading{font-size:2.4rem}.wyt-step-circle{width:50px;height:50px;font-size:2rem}.wyt-how-it-works__step-text{font-size:1.5rem}}@media (prefers-reduced-motion: no-preference){.wyt-how-it-works__step{animation:wyt-fade-up .8s ease-out forwards;opacity:0}.wyt-how-it-works__step:nth-child(1){animation-delay:.1s}.wyt-how-it-works__step:nth-child(2){animation-delay:.3s}.wyt-how-it-works__step:nth-child(3){animation-delay:.5s}.wyt-how-it-works__step:nth-child(4){animation-delay:.7s}@keyframes wyt-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion: reduce){.wyt-how-it-works__step{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-wyt-how-it-works.css.map */