/* ===========================================================
   Choco Pop v2 — Payment result (success / failed)
   Templates: payments/templates/payments/{success,failed}.html + defaults/
   Behaviour: js/choco-motion.js ([data-cp-celebrate] confetti waves)
   =========================================================== */
main.cp-result{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 18% 22%, rgba(237,155,51,.1) 0 2.5px, transparent 3px) 0 0/120px 90px,
    radial-gradient(ellipse at 50% 0%, #FFF1DE, transparent 60%),
    linear-gradient(180deg,#FFFBF6,var(--cp-milk));
}
.cp-result__hero{animation:cpRiseIn .7s var(--cp-ease-out) both .3s;}
.cp-result__badge{position:relative;width:118px;height:118px;margin:0 auto 22px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:cpPopInT .8s var(--cp-ease-jelly) both;}
.cp-result__badge svg{width:84px;height:84px;overflow:visible;}
.cp-result__ring{fill:none;stroke-width:4;stroke-dasharray:146;stroke-dashoffset:146;animation:cpDraw .8s ease-out forwards .25s;}
.cp-result__mark{fill:none;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:cpDraw .5s var(--cp-ease-out) forwards .9s;}
.cp-result__mark--2{animation-delay:1.15s;}
@keyframes cpDraw{to{stroke-dashoffset:0;}}
.cp-result__badge--ok{background:radial-gradient(circle at 32% 26%, #F3FBF4, #CDEFD5 60%, #9ED8AC 100%);box-shadow:0 8px 0 rgba(47,138,67,.35), 0 18px 30px rgba(47,138,67,.25), inset 0 3px 0 #fff;}
.cp-result__badge--ok .cp-result__ring,.cp-result__badge--ok .cp-result__mark{stroke:#2f8a43;}
.cp-result__badge--ok::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:3px solid rgba(47,138,67,.25);animation:cpRipplePulse 2s ease-out infinite 1.4s;}
.cp-result__badge--fail{background:radial-gradient(circle at 32% 26%, #fff, var(--clay-cream) 60%, var(--clay-cream-gold) 100%);box-shadow:0 8px 0 rgba(130,17,35,.3), 0 18px 30px rgba(130,17,35,.2), inset 0 3px 0 #fff;animation:cpPopInT .8s var(--cp-ease-jelly) both, cpShakeSoft .6s ease 1.4s;}
.cp-result__badge--fail .cp-result__ring,.cp-result__badge--fail .cp-result__mark{stroke:var(--clay-wine);}
@keyframes cpRipplePulse{from{transform:scale(.9);opacity:1;}to{transform:scale(1.35);opacity:0;}}
@keyframes cpShakeSoft{20%{transform:rotate(-8deg);}40%{transform:rotate(7deg);}60%{transform:rotate(-4deg);}80%{transform:rotate(2deg);}}
.cp-result h1{font-weight:900 !important;}
.cp-result .rounded-full.border{border-radius:999px;}
.cp-result nav a{transition:transform .45s var(--cp-ease-jelly) !important;}
.cp-result nav a:hover{transform:translateY(-3px);}
.cp-result nav > *{animation:cpRiseIn .5s var(--cp-ease-out) both;}
.cp-result nav > *:nth-child(1){animation-delay:1.2s;}
.cp-result nav > *:nth-child(2){animation-delay:1.3s;}
.cp-result nav > *:nth-child(3){animation-delay:1.4s;}
.cp-result .dk-section,.cp-result [class*="rounded-2xl"][class*="border"]{border-radius:28px !important;}
@media (prefers-reduced-motion: reduce){
  .cp-result__hero,.cp-result__badge,.cp-result__badge--ok::after,.cp-result nav > *{animation:none !important;}
  .cp-result__ring,.cp-result__mark{animation:none !important;stroke-dashoffset:0;}
}