@layer theme,base,components,utilities;@layer forge{.ff-success{--gradient-start:var(--ff-color-primary,#2563eb);--gradient-mid:var(--ff-color-buy-500,#00b3b3);--gradient-end:var(--ff-color-success-500,#28a745);background:linear-gradient(135deg,var(--ff-color-primary-50,#e6effc) 0,var(--ff-color-neutral-50,#fff) 50%,var(--ff-color-success-50,#eaf6ec) 100%);min-block-size:100dvh;position:relative;overflow-x:hidden}.ff-success__confetti{pointer-events:none;z-index:9999;position:fixed;inset:0}.ff-success__fireworks{pointer-events:none;z-index:99;position:fixed;inset:0;overflow:hidden}.ff-success__particle{--size:8px;animation:ff-particle-burst var(--duration,2s) var(--delay,0s) ease-out forwards;background:hsl(var(--hue,200) 70% 50%);block-size:var(--size);box-shadow:0 0 10px hsl(var(--hue,200) 70% 50%);inline-size:var(--size);opacity:0;border-radius:50%;position:absolute;top:30%;left:50%}@keyframes ff-particle-burst{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(var(--distance,100px))}}.ff-success__container{--ff-container-max:56rem;gap:var(--ff-spacing-8,2rem);padding-block:var(--ff-spacing-8,2rem);z-index:10;flex-direction:column;display:flex;position:relative}@container (width>=768px){.ff-success__container{padding-block:var(--ff-spacing-12,3rem)}}.ff-success__hero{padding-block:var(--ff-spacing-8,2rem);text-align:center;flex-direction:column;align-items:center;display:flex}.ff-success__icon-wrapper{cursor:pointer;block-size:120px;inline-size:120px;margin-block-end:var(--ff-spacing-6,1.5rem);transition:transform .2s;position:relative}.ff-success__icon-wrapper:hover{transform:scale(1.05)}.ff-success__icon-wrapper:active{transform:scale(.95)}.ff-success__icon-ring{border:3px solid var(--ff-color-success-500,#28a745);opacity:0;border-radius:50%;block-size:100%;inline-size:100%;animation:2s ease-out infinite ff-ring-pulse;position:absolute;top:0;left:0}.ff-success__icon-ring--delayed{animation-delay:1s}@keyframes ff-ring-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.ff-success__icon-circle{background:linear-gradient(135deg,var(--ff-color-success-500,#28a745),var(--ff-color-buy-500,#00b3b3));border-radius:50%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;animation:.6s cubic-bezier(.175,.885,.32,1.275) .2s backwards ff-icon-pop;display:flex;position:relative;box-shadow:0 10px 40px -10px #28a74580,0 4px 20px -5px #00b3b366}@keyframes ff-icon-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.ff-success__checkmark{block-size:60px;inline-size:60px}.ff-success__checkmark-check{stroke:#fff;stroke-dasharray:50;stroke-dashoffset:50px;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;animation:.5s ease-out .5s forwards ff-checkmark-draw}@keyframes ff-checkmark-draw{to{stroke-dashoffset:0}}.ff-success__title{background:linear-gradient(135deg,var(--ff-color-primary,#2563eb),var(--ff-color-buy-500,#00b3b3));color:#0000;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:calc(clamp(2.5rem,8vw,4rem));font-weight:800;line-height:1.1;animation:.6s ease-out .3s backwards ff-slide-up}.ff-success__subtitle{color:var(--ff-color-neutral-600,#555);font-size:var(--ff-font-size-xl,1.25rem);margin-block-start:var(--ff-spacing-2,.5rem);animation:.6s ease-out .4s backwards ff-slide-up}@keyframes ff-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ff-success__order-badge{border-radius:var(--ff-radius-full,9999px);align-items:center;gap:var(--ff-spacing-3,.75rem);padding:var(--ff-spacing-2,.5rem) var(--ff-spacing-4,1rem);background:#fff;margin-block-start:var(--ff-spacing-6,1.5rem);animation:.6s ease-out .5s backwards ff-slide-up;display:inline-flex;box-shadow:0 4px 20px -5px #0000001a,0 0 0 1px #0000000d}.ff-success__order-label{color:var(--ff-color-neutral-500,#777);font-size:var(--ff-font-size-sm,.875rem)}.ff-success__order-number{background:linear-gradient(135deg,var(--ff-color-primary,#2563eb),var(--ff-color-buy-500,#00b3b3));color:#0000;font-size:var(--ff-font-size-lg,1.125rem);-webkit-background-clip:text;background-clip:text;font-weight:700}.ff-success__email-info{color:var(--ff-color-neutral-500,#777);font-size:var(--ff-font-size-sm,.875rem);margin-block-start:var(--ff-spacing-4,1rem);animation:.6s ease-out .6s backwards ff-slide-up}.ff-success__actions{gap:var(--ff-spacing-3,.75rem);flex-wrap:wrap;justify-content:center;margin-block-start:var(--ff-spacing-8,2rem);animation:.6s ease-out .7s backwards ff-slide-up;display:flex}.ff-success__summary-card{animation:.8s ease-out .5s backwards ff-card-appear}@keyframes ff-card-appear{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.ff-success__summary-title{color:var(--ff-color-neutral-900,#000);font-size:var(--ff-font-size-xl,1.25rem);margin:0 0 var(--ff-spacing-6,1.5rem);font-weight:700}.ff-success__products{flex-direction:column}.ff-success__product,.ff-success__products{gap:var(--ff-spacing-3,.75rem);display:flex}.ff-success__product{background:var(--ff-color-neutral-50,#fff);border:1px solid var(--ff-color-neutral-100,#eee);border-radius:var(--ff-radius-lg,.5rem);padding:var(--ff-spacing-3,.75rem);align-items:center;transition:transform .2s,box-shadow .2s;animation:.5s ease-out backwards ff-product-slide}.ff-success__product:hover{transform:translate(4px);box-shadow:0 4px 12px -2px #0000001a}@keyframes ff-product-slide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.ff-success__product-image{border-radius:var(--ff-radius-md,.375rem);flex-shrink:0;block-size:60px;inline-size:60px;overflow:hidden}.ff-success__product-image img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%}.ff-success__product-placeholder{background:linear-gradient(135deg,var(--ff-color-neutral-200,#ddd),var(--ff-color-neutral-100,#eee));block-size:100%;inline-size:100%}.ff-success__product-info{gap:var(--ff-spacing-1,.25rem);flex-direction:column;flex:1;min-inline-size:0;display:flex}.ff-success__product-name{color:var(--ff-color-neutral-900,#000);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.ff-success__product-qty{color:var(--ff-color-neutral-500,#777);font-size:var(--ff-font-size-sm,.875rem)}.ff-success__product-price{color:var(--ff-color-neutral-900,#000);flex-shrink:0;font-weight:600}.ff-success__totals{border-block-start:1px solid var(--ff-color-neutral-200,#ddd);gap:var(--ff-spacing-2,.5rem);flex-direction:column;margin-block-start:var(--ff-spacing-6,1.5rem);padding-block-start:var(--ff-spacing-4,1rem);display:flex}.ff-success__total-row{color:var(--ff-color-neutral-600,#555);font-size:var(--ff-font-size-sm,.875rem);justify-content:space-between;display:flex}.ff-success__total-row--grand{border-block-start:2px solid var(--ff-color-neutral-900,#000);color:var(--ff-color-neutral-900,#000);font-size:var(--ff-font-size-lg,1.125rem);margin-block-start:var(--ff-spacing-2,.5rem);padding-block-start:var(--ff-spacing-3,.75rem);font-weight:700}.ff-success__delivery-info{gap:var(--ff-spacing-4,1rem);margin-block-start:var(--ff-spacing-6,1.5rem);display:grid}@container (width>=640px){.ff-success__delivery-info{grid-template-columns:repeat(3,minmax(0,1fr))}}.ff-success__info-block{background:linear-gradient(135deg,color-mix(in srgb,var(--ff-color-primary,#2563eb) 5%,transparent),color-mix(in srgb,var(--ff-color-buy-500,#00b3b3) 5%,transparent));border-radius:var(--ff-radius-lg,.5rem);align-items:flex-start;gap:var(--ff-spacing-3,.75rem);min-inline-size:0;padding:var(--ff-spacing-4,1rem);display:flex}.ff-success__info-icon{background:linear-gradient(135deg,var(--ff-color-primary,#2563eb),var(--ff-color-primary-700,#1d4ed8));border-radius:var(--ff-radius-md,.375rem);color:#fff;padding:var(--ff-spacing-2,.5rem);flex-shrink:0}.ff-success__info-icon svg{block-size:20px;inline-size:20px;display:block}.ff-success__info-content{gap:var(--ff-spacing-1,.25rem);flex-direction:column;min-inline-size:0;display:flex}.ff-success__info-label{color:var(--ff-color-neutral-500,#777);font-size:var(--ff-font-size-xs,.75rem);letter-spacing:.05em;text-transform:uppercase}.ff-success__info-value{color:var(--ff-color-neutral-900,#000);font-weight:600}.ff-success__info-detail{color:var(--ff-color-neutral-600,#555);font-size:var(--ff-font-size-sm,.875rem);overflow-wrap:break-word}.ff-success:not(.is-loaded) .ff-success__hero,.ff-success:not(.is-loaded) .ff-success__summary-card{opacity:0}}
