.rk-how-it-works{padding:80px 0;background:var(--rk-background, #FEFEFE)}.rk-how-it-works__container{max-width:1200px;margin:0 auto;padding:0 20px}.rk-how-it-works__header{text-align:center;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto}.rk-how-it-works__heading{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:var(--rk-text-primary, #2D3436);margin:0 0 16px;line-height:1.2}.rk-how-it-works__description{font-size:18px;color:var(--rk-text-secondary, #636E72);line-height:1.6}.rk-how-it-works__description p{margin:0}.rk-how-it-works--timeline .rk-how-it-works__steps{display:flex;justify-content:space-between;position:relative;margin-bottom:48px}.rk-how-it-works--timeline .rk-how-it-works__step{flex:1;text-align:center;position:relative;opacity:0;transform:translateY(20px);transition:all .5s ease}.rk-how-it-works--timeline .rk-how-it-works__step--visible{opacity:1;transform:translateY(0)}.rk-how-it-works--cards .rk-how-it-works__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:48px}.rk-how-it-works--cards .rk-how-it-works__step{background:#fff;border-radius:var(--rk-border-radius, 16px);padding:32px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.rk-how-it-works--cards .rk-how-it-works__step:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.rk-how-it-works--vertical .rk-how-it-works__steps{max-width:600px;margin:0 auto 48px}.rk-how-it-works--vertical .rk-how-it-works__step{display:flex;gap:24px;margin-bottom:48px;position:relative;opacity:0;transform:translate(-20px);transition:all .5s ease}.rk-how-it-works--vertical .rk-how-it-works__step--visible{opacity:1;transform:translate(0)}.rk-how-it-works__step-number{margin-bottom:20px}.rk-how-it-works--vertical .rk-how-it-works__step-number{flex-shrink:0;margin-bottom:0}.rk-how-it-works__number-circle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--rk-primary, #EB4C2E) 0%,var(--rk-accent, #4ECDC4) 100%);color:#fff;border-radius:50%;font-size:20px;font-weight:700;box-shadow:0 4px 12px #eb4c2e4d}.rk-how-it-works__icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:#eb4c2e1a;border-radius:var(--rk-border-radius-sm, 8px);font-size:32px}.rk-how-it-works__number-text{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--rk-primary, #EB4C2E);background:#eb4c2e1a;padding:4px 12px;border-radius:20px;display:inline-block}.rk-how-it-works__step-content{flex:1}.rk-how-it-works__step-title{font-size:20px;font-weight:600;color:var(--rk-text-primary, #2D3436);margin:0 0 12px;line-height:1.3}.rk-how-it-works__step-description{font-size:15px;color:var(--rk-text-secondary, #636E72);line-height:1.6;margin:0}.rk-how-it-works__step-image{margin-top:16px;border-radius:var(--rk-border-radius-sm, 8px);overflow:hidden}.rk-how-it-works__image{width:100%;height:auto;display:block}.rk-how-it-works__connector{position:absolute;top:24px;left:calc(100% - 20px);width:calc(100% - 40px);pointer-events:none}.rk-how-it-works--vertical .rk-how-it-works__connector{display:none}.rk-how-it-works__connector-line{width:100%;height:2px;color:var(--rk-accent, #4ECDC4);opacity:.3}.rk-how-it-works__cta{text-align:center;margin-top:48px}.rk-how-it-works__button{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;background:var(--rk-primary, #EB4C2E);color:#fff;border-radius:var(--rk-border-radius-sm, 8px);font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 14px #eb4c2e4d}.rk-how-it-works__button:hover{background:var(--rk-primary-hover, #EB2912);transform:translateY(-2px);box-shadow:0 6px 20px #eb4c2e66}@media (max-width: 991px){.rk-how-it-works--timeline .rk-how-it-works__steps{flex-direction:column;gap:40px}.rk-how-it-works--timeline .rk-how-it-works__connector{display:none}}@media (max-width: 749px){.rk-how-it-works{padding:60px 0}.rk-how-it-works__header{margin-bottom:40px}.rk-how-it-works__heading{font-size:clamp(1.75rem,5vw,2rem)}.rk-how-it-works__description{font-size:16px}.rk-how-it-works--cards .rk-how-it-works__steps{grid-template-columns:1fr}.rk-how-it-works--vertical .rk-how-it-works__step{flex-direction:column;text-align:center}.rk-how-it-works--vertical .rk-how-it-works__step-number{margin-bottom:16px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/rk-how-it-works.css.map */