.kc-ds-hiw{--kc-orange: #F3654A;--kc-orange-dark: #e0502f;--kc-orange-light: rgba(243, 101, 74, .1);--kc-teal: #0D9488;--kc-teal-light: rgba(13, 148, 136, .1);--kc-text: #0F0A0A;--kc-text-secondary: #4B4B4B;--kc-text-muted: #888888;--kc-bg: #FFFFFF;--kc-surface: #FAFAF8;--kc-border: #E5E5E5;--kc-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--kc-font);background:var(--kc-bg);color:var(--kc-text);padding-top:var(--kc-pt, 80px);padding-bottom:var(--kc-pb, 80px)}.kc-ds-hiw__container{max-width:1200px;margin:0 auto;padding:0 24px}.kc-ds-hiw__header{text-align:center;max-width:640px;margin:0 auto 56px}.kc-ds-hiw__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--kc-orange);margin-bottom:14px}.kc-ds-hiw__eyebrow-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--kc-orange);flex-shrink:0}.kc-ds-hiw__heading{font-size:clamp(26px,3vw,40px);font-weight:600;color:var(--kc-text);line-height:1.2;letter-spacing:-.02em;margin:0 0 14px}.kc-ds-hiw__subheading{font-size:16px;color:var(--kc-text-secondary);line-height:1.7;margin:0}.kc-ds-hiw__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;position:relative}.kc-ds-hiw__steps:before{content:"";position:absolute;top:36px;left:calc(16.66% + 12px);right:calc(16.66% + 12px);height:2px;background:linear-gradient(to right,var(--kc-orange-light),var(--kc-orange-light));border-top:2px dashed var(--kc-border);pointer-events:none;z-index:0}.kc-ds-hiw__step{background:var(--kc-surface);border:1.5px solid var(--kc-border);border-radius:16px;padding:32px 28px;display:flex;flex-direction:column;gap:0;position:relative;z-index:1;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.kc-ds-hiw__step:hover{box-shadow:0 8px 32px #00000012;border-color:var(--kc-orange);transform:translateY(-3px)}.kc-ds-hiw__step-num{width:48px;height:48px;border-radius:50%;background:var(--kc-orange);color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0;letter-spacing:-.02em}.kc-ds-hiw__step-title{font-size:18px;font-weight:600;color:var(--kc-text);margin:0 0 10px;line-height:1.3}.kc-ds-hiw__step-body{font-size:14px;color:var(--kc-text-secondary);line-height:1.7;margin:0 0 20px;flex:1}.kc-ds-hiw__step-details{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.kc-ds-hiw__step-detail{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--kc-text-secondary)}.kc-ds-hiw__step-detail:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--kc-orange);flex-shrink:0}.kc-ds-hiw__callout{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--kc-surface);border:1.5px solid var(--kc-border);border-radius:16px;overflow:hidden}.kc-ds-hiw__callout-item{padding:28px 24px;text-align:center;border-right:1px solid var(--kc-border);display:flex;flex-direction:column;align-items:center;gap:6px}.kc-ds-hiw__callout-item:last-child{border-right:none}.kc-ds-hiw__callout-num{font-size:clamp(28px,3vw,40px);font-weight:800;color:var(--kc-orange);letter-spacing:-.03em;line-height:1}.kc-ds-hiw__callout-label{font-size:12px;font-weight:600;color:var(--kc-text-secondary);text-transform:uppercase;letter-spacing:.06em;line-height:1.4;max-width:120px;text-align:center}.kc-ds-hiw .kc-ds-fade-up{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.kc-ds-hiw .kc-ds-fade-up.is-visible{opacity:1;transform:translateY(0)}.kc-ds-hiw__step:nth-child(2){transition-delay:.1s}.kc-ds-hiw__step:nth-child(3){transition-delay:.2s}@media(max-width:900px){.kc-ds-hiw__steps{grid-template-columns:1fr}.kc-ds-hiw__steps:before{display:none}.kc-ds-hiw__callout{grid-template-columns:repeat(2,1fr)}.kc-ds-hiw__callout-item:nth-child(2){border-right:none}.kc-ds-hiw__callout-item:nth-child(3){border-top:1px solid var(--kc-border)}.kc-ds-hiw__callout-item:nth-child(4){border-top:1px solid var(--kc-border)}}@media(max-width:600px){.kc-ds-hiw__container{padding:0 16px}.kc-ds-hiw__callout{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/section-kc-dropship-s2-how-it-works.css.map */