.confirmation{display:none;position:fixed;inset:0;z-index:120;align-items:center;justify-content:center;padding:20px;background:rgba(7,39,33,.64);backdrop-filter:blur(8px);font-family:'Hind Siliguri',sans-serif}
.confirmation.open{display:flex;animation:confirmOverlay .3s ease both}
.confirmation .confirmation-card{position:relative;isolation:isolate;width:min(610px,92vw);max-height:calc(100vh - 40px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(155deg,#fff 0%,#fff9f2 62%,#f9efe3 100%);border:1px solid rgba(248,74,0,.2);border-radius:30px;padding:34px 36px 30px;box-shadow:0 32px 100px rgba(2,25,20,.42),0 0 0 6px rgba(255,249,242,.1);color:#073d34;animation:confirmCard .48s cubic-bezier(.2,.8,.2,1) both}
.confirmation .confirmation-card::before,.confirmation .confirmation-card::after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid rgba(248,74,0,.12);border-radius:50% 48% 52% 46%}
.confirmation .confirmation-card::before{width:220px;height:150px;right:-92px;top:-58px;transform:rotate(-22deg)}.confirmation .confirmation-card::after{width:150px;height:90px;left:-76px;bottom:110px;transform:rotate(28deg)}
.confirmation .confirmation-close{position:absolute;z-index:4;right:17px;top:17px;width:40px;height:40px;border:1px solid rgba(7,61,52,.12);border-radius:50%;background:rgba(255,255,255,.78);color:#577068;font-size:23px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 18px rgba(7,61,52,.07);transition:transform .2s,color .2s,background .2s,border-color .2s}
.confirmation .confirmation-close:hover,.confirmation .confirmation-close:focus-visible{color:#fff;background:#f84a00;border-color:#f84a00;transform:rotate(8deg)}
.success-head{position:relative;text-align:center;padding:3px 40px 0}.success-head::before,.success-head::after{position:absolute;color:#f84a00;opacity:.55;font-size:17px;animation:sparkle 1.7s ease-in-out both}.success-head::before{content:"✦";left:20%;top:24px}.success-head::after{content:"✧";right:18%;top:4px;font-size:22px;animation-delay:.18s}
.success-icon{position:relative;width:82px;height:82px;margin:0 auto 16px;border:1px solid rgba(248,74,0,.3);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 37%,#fff1e8 39%,#ffdcc8 66%,#fff6ef 67%);color:#f84a00;font-size:0;font-weight:700;box-shadow:0 0 0 8px rgba(248,74,0,.055),0 14px 32px rgba(248,74,0,.16)}
.success-icon::after{content:"";position:absolute;inset:17px 21px 23px 20px;border:solid #f84a00;border-width:0 4px 4px 0;transform:rotate(45deg) scale(0);animation:checkDraw .48s .18s cubic-bezier(.2,.9,.3,1.3) forwards}
.confirmation .success-head h2{margin:0;color:#073d34!important;font-size:30px;line-height:1.18;font-weight:700;letter-spacing:-.015em}.success-head p{max-width:420px;margin:8px auto 0;color:#64766f;font-size:15px;line-height:1.55;font-weight:400}
.order-number-card{position:relative;width:min(330px,100%);margin:23px auto 19px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px 22px;border:1px dashed rgba(248,74,0,.4);border-radius:17px;background:linear-gradient(135deg,#fff1e8,#fff9f2);box-shadow:0 9px 24px rgba(248,74,0,.08)}
.order-number-card::before,.order-number-card::after{content:"";position:absolute;top:50%;width:14px;height:28px;background:#fffaf4;border:1px solid rgba(248,74,0,.2);border-radius:50%}.order-number-card::before{left:-8px;border-left:0}.order-number-card::after{right:-8px;border-right:0}
.order-number-card>.ui-icon{grid-row:1/3;width:34px;height:34px;padding:8px;border-radius:11px;background:#f84a00;color:#fff;stroke-width:1.8}.order-number-card span{align-self:end;color:#866b60;font-size:12px;font-weight:500}.order-number-card strong{align-self:start;color:#f84a00;font-family:Arial,sans-serif;font-size:21px;line-height:1.15;letter-spacing:.05em}
.receipt-section{position:relative;margin-top:14px;padding:18px 19px;border:1px solid rgba(7,61,52,.11);border-radius:19px;background:rgba(255,255,255,.82);box-shadow:0 10px 30px rgba(7,61,52,.045)}.receipt-section h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:16px;font-weight:600;color:#073d34}.receipt-section h3>.ui-icon{width:18px;height:18px;color:#f84a00}
.customer-receipt dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.customer-receipt dl>div{min-width:0;padding:11px 12px;border:1px solid rgba(7,61,52,.07);border-radius:13px;background:#fffaf5}.customer-receipt dl>div:first-child{grid-column:1/-1}.customer-receipt dt{display:flex;align-items:center;gap:7px;color:#78877f;font-size:12px;font-weight:500}.customer-receipt dt>.ui-icon{width:14px;height:14px;color:#f84a00}.customer-receipt dd{margin:5px 0 0;padding-left:21px;color:#073d34;font-size:14px;font-weight:500;overflow-wrap:anywhere}
.product-receipt{background:linear-gradient(135deg,#fffdf9,#f9eee0)}.receipt-product{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center}.receipt-product img{width:96px;height:108px;border:1px solid rgba(248,74,0,.14);border-radius:14px;background:#fff;object-fit:contain;box-shadow:0 8px 20px rgba(7,61,52,.08)}.receipt-product strong{display:block;color:#073d34;font-size:15px;line-height:1.4;font-weight:600}.receipt-product p{display:inline-flex;align-items:center;margin:8px 7px 0 0;padding:5px 9px;border-radius:999px;background:#fff;color:#74827d;font-size:12px}.receipt-product p:first-of-type{color:#f84a00;background:#fff0e7;font-weight:600}.receipt-product p b{margin-left:4px;color:#073d34;font-weight:600}
.payment-receipt{margin-top:14px;padding:17px 19px;border:1px solid rgba(7,61,52,.08);border-radius:19px;background:#f6ebdd}.payment-receipt>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0;color:#64746e;font-size:14px}.payment-receipt b{color:#073d34;font-weight:600}.payment-receipt .receipt-total{align-items:flex-end;margin-top:8px;padding-top:13px;border-top:1px dashed rgba(7,61,52,.21);color:#073d34;font-size:15px;font-weight:600}.payment-receipt .receipt-total>.ui-icon{width:19px;height:19px;margin-right:auto;color:#f84a00}.payment-receipt .receipt-total strong{color:#f84a00;font-size:30px;line-height:1;font-weight:700;letter-spacing:-.02em}
.confirmation-note{display:grid;grid-template-columns:1.2fr .9fr;gap:10px;margin:14px 0 17px;text-align:left}.confirmation-note p{position:relative;margin:0;padding:13px 14px;border-radius:14px;color:#596d65;font-size:12px;line-height:1.5}.confirmation-note p:first-child{padding-top:34px;border:1px solid rgba(248,74,0,.13);background:#fff8f3}.confirmation-note p:first-child::before{content:"পরবর্তী ধাপ";position:absolute;left:14px;top:11px;color:#073d34;font-size:14px;font-weight:600}html[lang="en"] .confirmation-note p:first-child::before{content:"Next step"}
.confirmation-note p:last-child{display:flex;flex-wrap:wrap;align-content:center;gap:6px 8px;background:#073d34;color:#fff9f2;font-weight:500}.confirmation-note p:last-child::before{content:"ক্যাশ অন ডেলিভারি";width:calc(100% - 27px);color:#fff;font-size:13px;font-weight:600}html[lang="en"] .confirmation-note p:last-child::before{content:"Cash on Delivery"}.confirmation-note p:last-child>.ui-icon{width:18px;height:18px;color:#f84a00;order:-1}
.confirmation-actions{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px}.confirmation-actions button,.confirmation-actions a{position:static;width:auto;height:auto;min-height:48px;border-radius:13px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s}.confirmation-actions .ui-icon{width:18px;height:18px}.confirmation-actions .confirm-primary{border:1px solid #f84a00;background:#f84a00;color:#fff;box-shadow:0 12px 24px rgba(248,74,0,.2)}.confirmation-actions .confirm-primary:hover{background:#db4100;transform:translateY(-1px);box-shadow:0 15px 28px rgba(248,74,0,.26)}.confirmation-actions .confirm-whatsapp{border:1px solid rgba(7,61,52,.22);background:#fff;color:#073d34}.confirmation-actions .confirm-whatsapp:hover{border-color:#073d34;background:#073d34;color:#fff;transform:translateY(-1px)}
@keyframes confirmOverlay{from{opacity:0}to{opacity:1}}@keyframes confirmCard{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes checkDraw{to{transform:rotate(45deg) scale(1)}}@keyframes sparkle{0%{opacity:0;transform:scale(.6) rotate(-10deg)}55%{opacity:.8;transform:scale(1.15) rotate(4deg)}100%{opacity:.5;transform:scale(1)}}
@media(max-width:600px){.confirmation{padding:12px}.confirmation .confirmation-card{width:calc(100vw - 24px);max-height:calc(100vh - 24px);border-radius:23px;padding:27px 17px 19px}.confirmation .confirmation-close{right:11px;top:11px;width:40px;height:40px}.success-head{padding:2px 24px 0}.success-icon{width:68px;height:68px;margin-bottom:13px}.confirmation .success-head h2{font-size:25px}.success-head p{font-size:14px}.order-number-card{margin:19px auto 15px;padding:12px 17px}.receipt-section{padding:15px}.customer-receipt dl{grid-template-columns:1fr}.customer-receipt dl>div:first-child{grid-column:auto}.receipt-product{grid-template-columns:82px 1fr;gap:12px}.receipt-product img{width:82px;height:94px}.payment-receipt .receipt-total strong{font-size:27px}.confirmation-note{grid-template-columns:1fr}.confirmation-actions{grid-template-columns:1fr}.confirmation-actions .confirm-primary{order:0}.confirmation-actions .confirm-whatsapp{order:1}}
@media(max-width:380px){.confirmation .confirmation-card{padding-inline:13px}.success-head{padding-inline:18px}.confirmation .success-head h2{font-size:23px}.receipt-product{grid-template-columns:74px 1fr}.receipt-product img{width:74px;height:86px}}
@media(prefers-reduced-motion:reduce){.confirmation.open,.confirmation .confirmation-card,.success-icon::after,.success-head::before,.success-head::after{animation:none!important}.confirmation *{scroll-behavior:auto!important;transition:none!important}}