.kc-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.kc-step{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px 12px 18px;border-radius:22px;background:#fff}.kc-step>.kc-ring{top:6px;right:6px;bottom:6px;left:6px;border-color:var(--kc-line);border-radius:17px}.kc-step__n{position:absolute;left:2px;top:0;z-index:2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--kc-gold);color:var(--kc-plum);font:700 17px/1 var(--kc-font-display);box-shadow:0 0 0 4px #fff;transform:rotate(-8deg)}.kc-step__art{position:relative;height:112px;margin-bottom:4px;overflow:hidden;border-radius:14px;background:var(--kc-petal)}.kc-step h3{margin:0;padding:0 4px;color:var(--kc-plum);font:700 18px/1.1 var(--kc-font-display)}.kc-step p{margin:0;padding:0 4px;color:var(--kc-muted);font-weight:600;font-size:13px;line-height:1.5}.kc-step__mbox{position:absolute;display:grid;place-items:center;width:25%;aspect-ratio:1 / 1;border-radius:9px;color:var(--kc-plum);font:700 19px/1 var(--kc-font-display);box-shadow:inset 0 10px #ffffff80,0 8px 14px -8px #4a153080;transition:transform .3s cubic-bezier(.3,1.5,.5,1)}.kc-step__mbox--1{left:18%;top:34%;background:#e6defe;transform:rotate(-8deg)}.kc-step__mbox--2{left:40%;top:22%;background:var(--kc-blush);transform:rotate(4deg)}.kc-step__mbox--3{left:62%;top:36%;background:#d8f5f2;transform:rotate(10deg)}.kc-step:hover .kc-step__mbox{transform:translateY(-6px) rotate(0)}.kc-step__obox{position:absolute;left:50%;bottom:16%;width:96px;height:76px;margin-left:-48px;border-radius:12px;background:var(--kc-pink);box-shadow:0 10px 16px -10px #4a153080;transform:scale(.72);transform-origin:50% 100%}.kc-step__lid{position:absolute;left:-6px;right:-6px;top:-14px;height:22px;border-radius:8px;background:#ff76ae;transform-origin:10% 100%;transition:transform .45s cubic-bezier(.3,1.5,.5,1)}.kc-step__q{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font:700 34px/1 var(--kc-font-display)}.kc-step__pop{position:absolute;left:50%;top:-10px;margin-left:-15px;color:var(--kc-gold);opacity:0;transform:translateY(10px) scale(.4);transition:opacity .45s cubic-bezier(.3,1.5,.5,1) .05s,transform .45s cubic-bezier(.3,1.5,.5,1) .05s}.kc-step__pop .kc-ico{width:30px;height:30px}.kc-step:hover .kc-step__lid{transform:rotate(-28deg) translateY(-8px)}.kc-step:hover .kc-step__pop{opacity:1;transform:translateY(-34px) scale(1)}.kc-step__caph{position:absolute;left:50%;width:64px;height:32px;margin-left:-32px;border:4px solid #6e5a66;transition:transform .45s cubic-bezier(.3,1.5,.5,1)}.kc-step__caph--t{top:22%;border-bottom:0;border-radius:42px 42px 0 0;background:var(--kc-lavender);transform:translateY(-6px) rotate(-10deg)}.kc-step__caph--b{top:calc(22% + 32px);border-top:0;border-radius:0 0 42px 42px;background:#fff;transform:translateY(6px)}.kc-step:hover .kc-step__caph--t{transform:translateY(-16px) rotate(-22deg)}.kc-step__sec{position:absolute;left:50%;bottom:12%;padding:4px 12px;border-radius:999px;background:var(--kc-gold);color:var(--kc-plum);font:700 13px/1.2 var(--kc-font-display);letter-spacing:.06em;white-space:nowrap;transform:translate(-50%) rotate(-3deg)}.kc-step__burst{position:absolute;right:18%;top:14%;color:var(--kc-gold);transition:transform .6s}.kc-step__burst .kc-ico{width:26px;height:26px}.kc-step:hover .kc-step__burst{transform:rotate(180deg) scale(1.3)}.kc-step__tr{position:absolute;top:50%;width:56px;height:56px;margin-top:-28px;padding:4px;border-radius:50%;background:#fff;box-shadow:0 8px 16px -10px #4a153080;transition:transform .45s cubic-bezier(.3,1.5,.5,1)}.kc-step__tr img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.kc-step__tr--a{left:12%}.kc-step__tr--b{right:12%}.kc-step__arr{position:absolute;left:50%;top:50%;color:var(--kc-berry);font:700 22px/1 var(--kc-font-display);transform:translate(-50%,-50%)}.kc-step:hover .kc-step__tr--a{transform:translate(16px) rotate(-8deg)}.kc-step:hover .kc-step__tr--b{transform:translate(-16px) rotate(8deg)}@media screen and (min-width:750px){.kc-steps{gap:20px}}@media screen and (min-width:990px){.kc-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.kc-step{gap:10px;padding:18px 18px 26px;border-radius:26px}.kc-step>.kc-ring{top:7px;right:7px;bottom:7px;left:7px;border-radius:20px}.kc-step__n{left:6px;top:4px;width:46px;height:46px;font-size:22px}.kc-step__art{height:170px;margin-bottom:8px;border-radius:18px}.kc-step h3{padding:0 6px;font-size:24px}.kc-step p{padding:0 6px;font-size:15px}.kc-step__mbox{border-radius:12px;font-size:26px}.kc-step__obox{transform:none}.kc-step__caph{width:84px;height:42px;margin-left:-42px;border-width:5px}.kc-step__caph--b{top:calc(22% + 42px)}.kc-step__tr{width:76px;height:76px;margin-top:-38px}.kc-step__arr{font-size:28px}}@media(prefers-reduced-motion:reduce){.kc-step__mbox,.kc-step__lid,.kc-step__pop,.kc-step__caph,.kc-step__burst,.kc-step__tr{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-kc-steps.css.map */