/* Medishop BD checkout and payment UI */
.checkout-body{margin:0;background:linear-gradient(180deg,#f1fbfa 0,#f7f8fc 280px,#f7f8fc 100%);font-family:'Hind Siliguri',sans-serif;color:#20243d}
.checkout-body input,.checkout-body select,.checkout-body textarea,.checkout-body button{font-family:inherit}
.checkout-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(213,224,226,.9);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
.checkout-header .head{min-height:76px}.checkout-header .brand img{width:150px;max-width:38vw;height:auto}.checkout-header .brand>span{display:none}.checkout-back{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid #d9e4e5;border-radius:12px;color:#335b5d;font-weight:700;text-decoration:none;background:#fff}
.checkout-page{padding-top:34px;padding-bottom:65px}.checkout-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.checkout-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:#dff7f4;color:#08766f;font-size:12px;font-weight:700;letter-spacing:.5px}.checkout-hero h1{margin:10px 0 3px;color:#192242;font-size:clamp(30px,4vw,44px);line-height:1.08}.checkout-hero p{margin:0;color:#667085;font-size:16px}.checkout-trust{display:grid;grid-template-columns:38px 1fr;align-items:center;min-width:240px;padding:13px 16px;border:1px solid #cce7e3;border-radius:16px;background:#fff;box-shadow:0 12px 35px rgba(26,85,84,.08)}.checkout-trust>span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e8f8f6}.checkout-trust b{font-size:14px}.checkout-trust small{color:#718096;font-size:11px}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:24px;align-items:start}.checkout-grid .panel{border:1px solid #e3e8ee;border-radius:24px;background:#fff;box-shadow:0 18px 55px rgba(27,39,68,.08)}.checkout-form{padding:28px}.checkout-form>label,.checkout-form .two>label{display:block;margin-top:17px;color:#343950;font-size:14px;font-weight:700}.checkout-form input,.checkout-form select,.checkout-form textarea{width:100%;min-height:50px;margin-top:7px;border:1px solid #d9dfe8;border-radius:12px;background:#fbfcfd;color:#20243d;font-size:15px;outline:none;transition:.18s}.checkout-form input,.checkout-form select{padding:0 14px}.checkout-form textarea{min-height:92px;padding:12px 14px;resize:vertical}.checkout-form input:focus,.checkout-form select:focus,.checkout-form textarea:focus{border-color:#159a91;background:#fff;box-shadow:0 0 0 4px rgba(21,154,145,.1)}.checkout-form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.optional{margin-left:4px;color:#8a92a3;font-size:11px;font-weight:500}
.checkout-section{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-number{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#0d8a83,#13aaa0);color:#fff;font-size:18px;font-weight:700;box-shadow:0 8px 18px rgba(13,138,131,.2)}.section-copy h2{margin:0;color:#202848;font-size:21px}.section-copy p{margin:1px 0 0;color:#7b8396;font-size:13px}
.payment-selector{margin:28px -4px 20px;padding:22px;border:1px solid #dce8e8;border-radius:20px;background:linear-gradient(145deg,#f6fcfb,#fff)}.payment-heading{margin-bottom:16px}.payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.payment-option{position:relative;display:flex!important;align-items:center;gap:11px;min-width:0;min-height:72px;margin:0!important;padding:12px;border:1px solid #dfe4eb;border-radius:15px;background:#fff;cursor:pointer;transition:.18s}.payment-option:hover{transform:translateY(-1px);border-color:#b8d9d5}.payment-option.active{border-color:#0e958c;box-shadow:0 0 0 3px rgba(14,149,140,.11)}.payment-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.payment-option:focus-within{outline:3px solid rgba(14,149,140,.16);outline-offset:2px}.payment-option>span:last-of-type{display:flex;min-width:0;flex-direction:column;line-height:1.28}.payment-option b{color:#282d48;font-size:14px}.payment-option small{margin-top:3px;color:#747d90;font-size:11px;font-weight:500}.payment-option>i{position:absolute;top:-8px;right:9px;padding:3px 7px;border-radius:999px;background:#e2136e;color:#fff;font-size:9px;font-style:normal;font-weight:700}.payment-mark{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;color:#fff;font-size:12px;font-weight:800}.payment-mark.cod{background:linear-gradient(145deg,#25236f,#4d4b9d)}.payment-mark.bkash,.payment-mark.nagad,.payment-mark.orabae{overflow:hidden;border:1px solid #e3e6ed;background:#fff}.payment-mark.orabae img{padding:3px}.payment-mark img{display:block;width:100%;height:100%;object-fit:contain}
.payment-instructions{margin-top:15px;padding:15px 16px;border:1px solid #d7e7e5;border-radius:14px;background:#fff;color:#3d4962}.payment-instructions h3{margin:0 0 6px;color:#183f46;font-size:16px}.payment-instructions p{margin:4px 0;font-size:13px;line-height:1.55}.payment-instructions p:has(span){display:flex;justify-content:space-between;gap:12px}.payment-instructions p span{color:#737d8f}.payment-instructions p b{text-align:right;overflow-wrap:anywhere}.payment-instructions .payment-note{display:block;margin-top:9px;padding-top:9px;border-top:1px dashed #dbe4e5;color:#6f788a;font-size:12px}.payment-reference{display:block;margin-top:14px!important}.payment-reference input{margin-top:7px}.payment-reference small{display:block;margin-top:6px;color:#9b235c;font-weight:600}.hidden{display:none!important}
.submit-order{width:100%;min-height:54px;border:0;border-radius:14px;background:linear-gradient(135deg,#e2136e,#bd0f5b);box-shadow:0 12px 25px rgba(226,19,110,.22);font-size:16px;font-weight:700}.submit-order:hover{transform:translateY(-1px);filter:brightness(1.03)}.submit-order:disabled{cursor:not-allowed;opacity:.55;transform:none}.checkout-form #checkoutMsg{min-height:22px;margin:11px 0 0;text-align:center;font-size:13px;font-weight:600}.checkout-assurance{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:9px;color:#64748b;font-size:11px}
.checkout-summary{position:sticky;top:100px;padding:24px}.summary-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:17px}.summary-head span{color:#0e8d85;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.summary-head h2{margin:3px 0 0;color:#202848;font-size:22px}.summary-head a{color:#207a76;font-size:12px;font-weight:700}.summary-line{display:grid;grid-template-columns:54px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4}.summary-line img{width:54px;height:54px;border-radius:11px;object-fit:cover;background:#f3f5f7}.summary-product-info{min-width:0}.summary-product-info h4{margin:0;color:#30364d;font-size:13px}.summary-product-info small{display:block;margin-top:3px;color:#7a8394;font-size:11px}.summary-line>b{font-size:13px}.checkout-remove{margin-top:4px;padding:0;border:0;background:none;color:#b42358;font-size:11px}.coupon-box{margin:18px 0;padding:14px;border:1px dashed #cfdadd;border-radius:14px;background:#f8fbfb}.coupon-box label{display:block;margin-bottom:7px;color:#435067;font-size:12px;font-weight:700}.coupon-box>div{display:grid;grid-template-columns:1fr auto;gap:8px}.coupon-box input{min-width:0;height:43px;border:1px solid #d7dfe6;border-radius:10px;padding:0 11px}.coupon-box button{min-width:70px;border:0;border-radius:10px;background:#25236f;color:#fff;font-weight:700}.coupon-box p{margin:7px 0 0;font-size:11px}.sum-row{display:flex;justify-content:space-between;gap:15px;padding:7px 0;color:#667085;font-size:13px}.sum-row b{color:#30364d}.sum-row.grand{margin-top:8px;padding-top:15px;border-top:1px solid #dfe5ea;color:#202848;font-size:17px}.sum-row.grand b{color:#0a8179;font-size:21px}.discount-row b{color:#14805e}.summary-secure{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px;border-radius:13px;background:#fff4f8}.summary-secure img{width:34px;height:34px}.summary-secure span{display:flex;flex-direction:column}.summary-secure b{color:#772044;font-size:12px}.summary-secure small{color:#93607a;font-size:10px}
.success-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:rgba(19,25,48,.58);backdrop-filter:blur(5px)}.success-modal.show{display:grid}.success-modal>div{width:min(100%,420px);padding:30px;border-radius:24px;background:#fff;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.24)}.success-icon{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:50%;background:#dcfce7;color:#15803d;font-size:28px}.success-modal h2{margin:16px 0 6px}.success-modal strong{display:block;margin:8px 0;font-size:20px}.success-modal .primary{display:inline-flex;margin-top:10px;text-decoration:none}
.track-payment{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;padding:13px;border:1px solid #e0e2ec;border-radius:14px;background:#fafafe}.track-payment small{display:block;margin-bottom:4px;color:#6d7285;font-size:11px;font-weight:700;text-transform:uppercase}.track-payment b{display:block;overflow-wrap:anywhere;color:#272650;font-size:13px}.payment-status{display:inline-flex!important;width:max-content;max-width:100%;padding:6px 9px;border-radius:999px;font-size:11px!important}.payment-status.pending-verification,.payment-status.awaiting-orabae-pay{background:#fff3cd;color:#8a5a00}.payment-status.paid{background:#dcfce7;color:#166534}.payment-status.rejected,.payment-status.payment-failed,.payment-status.payment-expired{background:#fee2e2;color:#991b1b}.payment-status.refunded{background:#e0e7ff;color:#3730a3}.payment-status.cash-on-delivery{background:#e8e7f6;color:#373575}
@media(max-width:860px){.checkout-hero{align-items:flex-start}.checkout-trust{display:none}.checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static;order:-1}.checkout-summary #summaryItems{max-height:240px;overflow:auto}}
@media(max-width:640px){.checkout-header .head{min-height:66px}.checkout-header .brand img{width:125px;max-width:42vw}.checkout-header .brand small{display:block}.checkout-back{min-height:38px;padding:0 11px;font-size:12px}.checkout-page{padding:22px 14px 40px}.checkout-hero{margin-bottom:17px}.checkout-hero h1{font-size:31px}.checkout-hero p{font-size:14px}.checkout-grid{gap:15px}.checkout-grid .panel{border-radius:19px}.checkout-form,.checkout-summary{padding:18px}.checkout-summary{order:0}.checkout-form .two{grid-template-columns:1fr;gap:0}.checkout-section{margin-bottom:12px}.section-number{flex-basis:36px;height:36px;border-radius:11px}.section-copy h2{font-size:19px}.payment-selector{margin:24px -3px 18px;padding:15px;border-radius:17px}.payment-options{grid-template-columns:1fr}.payment-option{min-height:66px;padding:11px}.payment-instructions p:has(span){display:block}.payment-instructions p b{display:block;margin-top:2px;text-align:left}.submit-order{min-height:52px}.checkout-assurance{gap:8px}.track-payment{grid-template-columns:1fr}.summary-head h2{font-size:20px}}
