/* EKANNTO PAY V3 checkout. Two screens, true responsive sizing, merchant themes + per-method identity. */
.checkout-outer.ek3{font-family:"Hind Siliguri","Noto Sans Bengali",system-ui,sans-serif;--ek-blue:var(--primary);background:radial-gradient(ellipse at 10% 5%,#dcecff 0%,transparent 44%),radial-gradient(ellipse at 90% 95%,#ecf3ff 0%,transparent 48%),#f6f9ff;min-height:100dvh;gap:clamp(24px,5vw,95px);grid-template-columns:minmax(0,1fr) minmax(390px,590px);padding:34px max(28px,4vw)}
.checkout-outer.ek3 .checkout-decor h1{color:#11284c;font-size:clamp(38px,4.1vw,60px)}
.checkout-outer.ek3 .checkout-decor p{font-size:15px}.checkout-outer.ek3 .checkout-decor .eyebrow{color:var(--primary)}
.checkout-outer.ek3 .checkout-card{max-width:590px;box-shadow:0 24px 76px #0f3d801b;border-radius:25px;background:#fff;color:#0f2140;overflow:hidden}
.ek3-header{padding:19px 23px;display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:12px}
.ek3-header-logo{display:flex;align-items:center;gap:10px;color:#173c73;font-size:16px;font-weight:900;letter-spacing:-.25px}
.ek3-header-logo em{font-style:normal;color:var(--primary)}.ek3-header-logo small{display:block;font-size:10px;color:#70829c;letter-spacing:0}
.ek3-mark{width:38px;height:38px;border-radius:12px;background:var(--primary);color:var(--on-primary);display:grid;place-items:center}
.ek3-iconbtn{width:38px;height:38px;flex:none;border:0;background:transparent;color:#12284d;display:grid;place-items:center;border-radius:11px}
.ek3-iconbtn:hover,.ek3-iconbtn:focus-visible{background:#edf4ff}.ek3-top-title{flex:1;text-align:center;font-size:14px;color:#172d59;letter-spacing:1px}
.ek3-content{padding:0 20px 22px}.ek3-footer{font-size:10px;text-align:center;color:#8493ad;padding:11px 14px 19px}.ek3-footer b{color:var(--primary)}
.ek3-footer span{margin-left:9px;display:inline-flex;align-items:center;gap:5px}
.ek3-order{background:linear-gradient(120deg,var(--primary),color-mix(in srgb,var(--primary) 86%,#0472ff));padding:20px;border-radius:19px;color:var(--on-primary);box-shadow:0 10px 27px color-mix(in srgb,var(--primary) 19%,transparent);overflow:hidden;position:relative}
.ek3-order-top{display:flex;align-items:center;gap:13px;position:relative}.ek3-store-icon{display:grid;place-items:center;width:49px;height:49px;flex:none;background:#fff;color:var(--primary);border-radius:50%}
.ek3-order-name{display:grid;gap:3px;min-width:0;position:relative;z-index:1}.ek3-order-name b{font-weight:850;font-size:16px;overflow-wrap:anywhere}.ek3-order-name small{opacity:.78;font-size:12px}
.ek3-watermark{margin-left:auto;opacity:.12;transform:rotate(-13deg)}
.ek3-order-bottom{border-top:1px solid #ffffff3b;margin-top:18px;padding-top:18px;display:flex;align-items:end;gap:12px;justify-content:space-between}
.ek3-order-bottom>div:first-child>small{font-size:12px;display:block;margin-bottom:4px;opacity:.9}.ek3-order-bottom strong{font-weight:900;font-size:clamp(26px,5.5vw,37px);line-height:1.12;white-space:nowrap;letter-spacing:-.8px}
.ek3-time{min-width:98px;display:flex;align-items:center;gap:9px;background:#ffffff1d;padding:9px;border-radius:13px;font-size:10px}.ek3-time b{font-size:17px;white-space:nowrap}
.ek3-order-details{margin-top:13px;background:#fff;border:1px solid #e9eef5;border-radius:14px;box-shadow:0 5px 13px #153e6f09;overflow:hidden}
.ek3-order-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:800}.ek3-order-details summary::-webkit-details-marker{display:none}
.ek3-order-details summary svg:last-child{margin-left:auto;transform:rotate(-90deg)}.ek3-order-details[open] summary svg:last-child{transform:rotate(90deg)}.ek3-order-details p{padding:0 15px 14px;margin:0;color:#657894;font-size:12px;line-height:1.8}
.ek3-section-title{margin:20px 0 15px}.ek3-section-title h1{font-size:21px;line-height:1.4;color:#0a1c40;margin:0 0 4px;font-weight:900}.ek3-section-title p{margin:0;color:#8796af;font-size:11.5px}
.ek3-tabs{display:grid;grid-template-columns:1.35fr .8fr .8fr;align-items:center;border:1px solid #e1e9f2;padding:4px;gap:2px;border-radius:15px;margin-bottom:12px;min-width:0}
.ek3-tabs span{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:37px;border-radius:12px;font-size:11px;color:#71819b;white-space:nowrap;font-weight:800}
.ek3-tabs span.active{background:var(--primary);color:var(--on-primary);box-shadow:0 3px 11px #1256ae25}
.ek3-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ek3-method{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:104px;padding:8px 9px;border:1.5px solid #e4ebf4;border-radius:16px;background:#fff;color:#223452;box-shadow:0 4px 17px #153f7510;transition:background .15s,border-color .15s,box-shadow .15s}
.ek3-method.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 3%,#fff);box-shadow:0 0 0 1px var(--primary),0 5px 17px #16447d13}
.ek3-method:focus-visible{outline:3px solid #83caff}.ek3-method .ek3-radio{position:absolute;right:10px;top:9px;width:19px;height:19px;border-radius:50%;border:1.5px solid #b5c1d2;color:white;display:grid;place-items:center}
.ek3-method.selected .ek3-radio{background:var(--primary);border-color:var(--primary)}
.ek3-logo-frame{width:100%;height:56px;display:grid;place-items:center;padding:0 16px}
.ek3-logo-img{display:block;max-height:52px;max-width:92%;height:auto;width:auto;object-fit:contain;mix-blend-mode:multiply}
.ek3-method small{font-size:11px;color:#4d6079;font-weight:850}
.ek3-fallback-logo{font-size:21px;font-weight:950;letter-spacing:-.5px;overflow-wrap:anywhere;text-align:center}
.ek3-empty{grid-column:1/-1;text-align:center;border:1px dashed #bccae1;color:#647791;font-size:13px;padding:22px;border-radius:12px}
.ek3-info{display:flex;align-items:center;gap:9px;margin:13px 0 12px;border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,white);padding:10px 12px;font-size:11px;color:#446489}
.ek3-info svg{flex:none;color:var(--primary)}
.ek3-totals{border:1px solid #edf1f7;border-radius:15px;background:#fff;padding:14px 15px;display:grid;gap:8px}
.ek3-totals>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#79879d}.ek3-totals b{color:#536783}.ek3-totals .ek3-total{border-top:1px solid #e6edf4;padding-top:11px;color:#10244a;font-size:16px}.ek3-totals .ek3-total strong:last-child{color:var(--primary);font-weight:950;font-size:21px}
.ek3-primary,.ek3-verify-btn{margin-top:12px;width:100%;background:var(--primary);color:var(--on-primary);border:0;border-radius:14px;display:flex;gap:9px;justify-content:center;align-items:center;padding:14px 15px;min-height:53px;font-size:16px;font-weight:900;box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 20%,transparent)}
.ek3-primary svg:last-child,.ek3-verify-btn svg:last-child{margin-left:auto}.ek3-primary svg:first-child,.ek3-verify-btn svg:first-child{margin-right:auto}
.ek3-provider-banner{display:grid;place-items:center;border-radius:17px;border:1px solid color-mix(in srgb,var(--pay-color) 25%,#fff);background:color-mix(in srgb,var(--pay-color) 5%,#fff);min-height:116px;margin-bottom:14px;padding:12px}
.ek3-provider-banner .ek3-logo-img{max-height:84px;max-width:75%;width:auto}.ek3-provider-banner .ek3-fallback-logo{font-size:35px}
.ek3-compact-card{border:1px solid #e9eef6;background:#fff;border-radius:15px;padding:14px;display:flex;align-items:center;gap:14px;margin-bottom:11px;min-height:70px;box-shadow:0 6px 20px #20457b08}
.ek3-circle-icon{width:45px;height:45px;flex:none;border-radius:50%;background:#f2f7ff;border:1px solid #d9e7f9;color:#1b477e;display:grid;place-items:center}.ek3-compact-card>b{font-size:16px;overflow-wrap:anywhere}
.ek3-compact-card>div{display:grid;gap:2px}.ek3-compact-card small{font-size:12px;color:#677995}.ek3-amount{font-size:27px;color:var(--pay-color);font-weight:950;line-height:1.1}
.ek3-state{border:1px solid #e7eaf1;border-radius:13px;padding:12px 13px;display:flex;align-items:center;gap:11px;margin-bottom:12px;line-height:1.4}.ek3-state>span{display:grid;gap:4px;flex:1}.ek3-state b{font-size:13px}.ek3-state small{font-size:11px}.ek3-state.pending{border-color:#f6d89b;background:#fff9e9;color:#8b5617}.ek3-state.success{border-color:#abdfc6;background:#ecfff5;color:#047b52}.ek3-state.error{border-color:#fac3c7;background:#fff1f1;color:#ba2636}.ek3-state button{border:1px solid currentColor;border-radius:9px;background:transparent;padding:6px;color:inherit;font-weight:800;font-size:10px}
.ek3-instruction{background:linear-gradient(145deg,color-mix(in srgb,var(--pay-color) 89%,#fa5d9c),var(--pay-color));border-radius:17px;padding:19px 17px 13px;box-shadow:0 11px 25px color-mix(in srgb,var(--pay-color) 20%,transparent);color:#fff}
.ek3-instruction h2{display:flex;align-items:center;justify-content:center;gap:11px;font-size:22px;line-height:1.4;margin:0 0 14px;font-weight:900;color:#fff}
.ek3-instruction input{width:100%;height:53px;border:2px solid #ffffff9d;background:#fff;border-radius:11px;padding:13px;color:#142647;text-align:center;text-transform:uppercase;letter-spacing:.45px;font-weight:850;font-size:14px}
.ek3-instruction input:focus{outline:3px solid #fff7fbbd}.ek3-instruction input::placeholder{text-transform:none;letter-spacing:0;color:#8a96aa;font-weight:500}
.ek3-require{display:flex;align-items:center;justify-content:center;gap:7px;background:#ffffff24;border:1px solid #ffffff2a;border-radius:9px;padding:9px 7px;margin:10px 0 9px;font-size:10px;line-height:1.45;text-align:center}
.ek3-steps{margin:0;padding:0;list-style:none;display:grid;gap:0}.ek3-steps li{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid #ffffff2b;padding:10px 0;font-size:12px;line-height:1.6}
.ek3-steps li>span{display:grid;place-items:center;border-radius:50%;width:22px;height:22px;flex:none;background:#ffeff3;color:var(--pay-color);font-weight:900}.ek3-steps li>div{min-width:0;flex:1}
.ek3-step-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between}.ek3-step-line span{min-width:0;overflow-wrap:anywhere}.ek3-step-line b{font-size:13px;font-weight:950;white-space:nowrap}.ek3-step-line button{display:flex;align-items:center;gap:5px;border:0;background:#ffffff26;border-radius:8px;padding:6px 8px;color:white;font-size:11px;font-weight:900;flex:none}
.ek3-pin{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:11px;margin:13px 0 0}.ek3-verify-btn{background:color-mix(in srgb,var(--pay-color) 85%,#6f0031);color:white;box-shadow:0 7px 18px color-mix(in srgb,var(--pay-color) 20%,transparent);font-size:18px}
.ek3-demo{background:#eaf5ff;color:#165a97;font-size:11px;padding:9px;text-align:center;margin:0;display:flex;align-items:center;justify-content:center;gap:7px}
.ek3-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ek3-toast{z-index:10000;position:fixed;top:calc(16px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(94%,455px);display:flex;align-items:center;gap:10px;background:#fff;color:#9e1f29;padding:13px 13px;min-height:52px;border:1px solid #f0a4a9;border-left:4px solid #ec3240;border-radius:14px;box-shadow:0 14px 45px #1a2c4640;font-size:12px;line-height:1.55;font-weight:800}
.ek3-toast.warning{border-color:#f8dfa6;border-left-color:#d99118;color:#855410;background:#fff8e9}.ek3-toast.info{border-color:#b8d9ff;border-left-color:#2374d1;color:#22548c;background:#f0f7ff}.ek3-toast.success{border-color:#a4e6c7;border-left-color:#0ca16f;color:#036548;background:#e9fff3}
.ek3-toast>span:nth-child(2){flex:1}.ek3-toast button{border:0;background:transparent;color:inherit;display:grid;place-items:center;padding:3px}
.checkout-outer.ek3.embed{grid-template-columns:1fr;padding:0}.checkout-outer.ek3.embed .checkout-card{max-width:none;min-height:100dvh;border-radius:0}
@media(max-width:980px){.checkout-outer.ek3{grid-template-columns:minmax(0,1fr) minmax(350px,540px);gap:22px;padding:18px}.checkout-outer.ek3 .checkout-decor h1{font-size:35px}}
@media(max-width:800px){.checkout-outer.ek3{display:block;min-height:100dvh;padding:18px}.checkout-outer.ek3 .checkout-decor{display:none}.checkout-outer.ek3 .checkout-card{margin:auto;max-width:570px}}
@media(max-width:520px){.checkout-outer.ek3{padding:0;background:#f6f9ff}.checkout-outer.ek3 .checkout-card{border:none;border-radius:0;min-height:100dvh;max-width:none;box-shadow:none}.ek3-header{padding:12px 16px;min-height:65px}.ek3-content{padding:0 15px 12px}.ek3-order{padding:16px}.ek3-order-top{gap:10px}.ek3-order-name b{font-size:14px}.ek3-store-icon{width:43px;height:43px}.ek3-order-bottom strong{font-size:clamp(22px,6vw,33px)}.ek3-time{min-width:91px;padding:6px;font-size:9px}.ek3-section-title h1{font-size:19px}.ek3-method{min-height:96px;padding:7px}.ek3-logo-frame{height:50px}.ek3-logo-img{max-height:47px}.ek3-compact-card{min-height:68px;padding:11px}.ek3-provider-banner{min-height:98px}.ek3-provider-banner .ek3-logo-img{max-height:72px}.ek3-instruction{padding:15px 13px}.ek3-instruction h2{font-size:19px}.ek3-steps li{font-size:11.2px;padding:9px 0}.ek3-total strong:last-child{font-size:19px}}
@media(max-width:355px){.ek3-content{padding:0 11px 11px}.ek3-tabs span{font-size:9.2px;gap:3px}.ek3-header-logo{font-size:13px}.ek3-order-bottom strong{font-size:22px}.ek3-method{min-height:85px}.ek3-logo-frame{height:42px}.ek3-logo-img{max-height:40px}.ek3-steps li{font-size:10.3px}}
@media(prefers-reduced-motion:reduce){.ek3 *{transition:none!important}}

/* V5 — fast tappable logo tiles; no fake timer or inert payment category tabs. */
.ek5-secure-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;background:#ffffff24;border-radius:12px;font-size:11px;white-space:nowrap;font-weight:800}
.ek3-order-bottom{align-items:center}.ek3-tabs{grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr) minmax(0,.75fr)}
.ek3-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:42px;border-radius:12px;font-size:11px;border:0;background:transparent;color:#657996;white-space:nowrap;font-weight:850;cursor:pointer}
.ek3-tabs button.active{background:var(--primary);color:var(--on-primary);box-shadow:0 3px 11px #1256ae25}
.ek3-tabs button:focus-visible{outline:3px solid #79adfc;outline-offset:2px}
.ek5-compact-grid{gap:8px;align-items:stretch}
.ek3-method.ek5-logo-tile{height:69px;min-height:69px;padding:7px 26px 7px 9px;display:grid;place-items:center;border-radius:13px;position:relative;cursor:pointer}
.ek5-logo-tile .ek3-logo-frame{height:53px;padding:0 7px;display:grid;place-items:center}
.ek5-logo-tile .ek3-logo-img{max-height:49px;max-width:100%;object-fit:contain}
.ek5-logo-tile .ek3-fallback-logo{font-size:19px;letter-spacing:-.6px}
.ek5-open-icon{position:absolute;right:7px;top:calc(50% - 8px);color:#9aaec8;opacity:.7}
.ek5-logo-tile:hover,.ek5-logo-tile:focus-visible{border-color:var(--primary);box-shadow:0 5px 20px #0b55a42a;transform:translateY(-1px)}
.ek5-category-empty{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-direction:column;padding:24px 13px;background:#f5f9ff;border:1px dashed #b6cce8;border-radius:13px;color:#173e74;text-align:center;font-size:12px}
.ek5-category-empty strong{font-size:14px}.ek5-category-empty span{color:#5f7793;font-size:11px;line-height:1.7}
.ek5-static-amount{cursor:default;pointer-events:none;box-shadow:none;display:flex;justify-content:space-between}
.ek5-static-amount span{flex:1;text-align:center}.ek5-static-amount svg{margin:0!important}
@media(max-width:520px){.ek3-method.ek5-logo-tile{min-height:61px;height:61px;padding:5px 23px 5px 7px}.ek5-logo-tile .ek3-logo-frame{height:50px}.ek5-logo-tile .ek3-logo-img{max-height:43px}.ek3-tabs button{font-size:10px;gap:4px}.ek5-secure-chip{padding:6px;font-size:9px}.ek3-order-bottom strong{font-size:clamp(23px,6vw,32px)}}
@media(max-width:350px){.ek3-tabs button{font-size:9px;gap:3px}.ek5-logo-tile .ek3-logo-img{max-height:38px}}

/* V6: supplied brand marks, 2-column thin icon-only payment tiles */
.ek6-brandmark{display:inline-flex;justify-content:center;align-items:center;width:min(100%,190px);min-height:43px;min-width:0;line-height:1;border:0;background:transparent}
.ek6-brand-image{display:block;width:auto;height:auto;max-width:100%;max-height:54px;object-fit:contain}
.ek5-logo-tile .ek3-logo-img{width:auto;max-width:100%;max-height:49px}
.ek3-provider-banner .ek3-logo-img{height:auto;max-height:82px;max-width:82%;object-fit:contain}
.ek6-brand-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:11px;margin-top:17px}
.ek6-gallery-item{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #dae3ee;border-radius:13px;background:#fff;min-height:109px;padding:12px 9px}
.ek6-gallery-item img{max-height:55px;max-width:95%;object-fit:contain}
.ek6-gallery-item small{display:flex;align-items:center;gap:4px;color:#657891;font-size:10px;font-weight:750}
.method-admin .provider-logo.ek6-brandmark{justify-content:flex-start;max-width:156px}
.method-admin .ek6-brandmark img{max-height:49px}
.showcase-providers .ek6-brandmark img{max-height:33px}
.live-methods .ek6-brandmark img{max-height:33px}
@media(max-width:430px){.ek6-brand-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ek6-gallery-item{min-height:99px;padding:9px 5px}.ek6-gallery-item img{max-height:48px}.ek5-logo-tile .ek3-logo-img{max-height:40px}}

/* V9 compact order-reference QR (not an official provider payment QR) */
.ek9-qr-wrap{margin:14px 0;display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #dae5f0;border-radius:16px;padding:13px;color:#1b3457;box-shadow:0 3px 14px #1e36500b}
.ek9-qr{flex:0 0 auto;display:grid;place-items:center;padding:5px;background:white;border:1px solid #edf2f8;border-radius:10px}
.ek9-qr svg{width:126px;height:126px;max-width:100%;display:block}
.ek9-qr-copy b{font-size:13px;display:block;margin-bottom:5px}.ek9-qr-copy p{font-size:11px;line-height:1.65;color:#5c7087;margin:0}
@media(max-width:360px){.ek9-qr-wrap{gap:10px;padding:9px}.ek9-qr svg{width:105px;height:105px}}