.mba-vouchers{margin:10px 0 18px;text-align:left}
.mba-voucher-trigger{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 12px;border:1px solid #d3e0f3;border-radius:5px;background:#edf4ff;color:#003d92;font-size:14px;font-weight:600;text-transform:none;cursor:pointer}
.mba-voucher-trigger>span:first-child{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:4px;background:#003d92;color:#fff}
.mba-vouchers>small{display:block;margin-top:4px;font-size:11px;color:#666}
.mba-vouchers>small [lang=ur]{margin-left:6px}
.mba-voucher-dialog{box-sizing:border-box;width:min(560px,calc(100% - 28px));max-height:84vh;max-height:84dvh;margin:auto;padding:0;border:0;border-radius:14px;background:#fff;color:#222;box-shadow:0 16px 60px #0003;text-align:left;overflow:auto}
.mba-voucher-dialog::backdrop{background:#0008}
.mba-voucher-dialog *{box-sizing:border-box}
.mba-voucher-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 10px;background:#fff;position:sticky;top:0;z-index:2;border-bottom:1px solid #eee}
.mba-voucher-header h2{font-size:22px;margin:0;line-height:1.35;color:#143963}
.mba-voucher-header p{margin:3px 0 0;font-size:15px;text-align:left}
.mba-voucher-close{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:#f5f6f8;color:#333;font-size:28px;cursor:pointer}
.mba-voucher-intro{margin:12px 20px;font-size:13px;line-height:1.6;color:#5b6470}
.mba-voucher-intro [lang=ur]{display:block;text-align:left}
.mba-voucher-status{margin:8px 20px;font-size:13px;line-height:1.5;color:#245631}
.mba-voucher-status:empty{display:none}
.mba-voucher-status.is-error{color:#9d2222}
.mba-voucher-list{display:grid;gap:8px;padding:4px 16px 12px}
.mba-voucher-card{display:grid;grid-template-columns:112px 1fr;border:1px solid #d9e2ed;overflow:hidden;background:#f7faff}
.mba-voucher-card.is-selected{border:2px solid #568d62}
.mba-voucher-discount{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:9px 8px;text-align:center;border-right:1px dashed #b9cbe2;color:#003d92}
.mba-voucher-discount strong{font-size:22px;line-height:1.2;color:inherit}
.mba-voucher-discount strong.is-fixed{font-size:15px;white-space:nowrap}
.mba-voucher-discount small{font-size:11px;line-height:1.4}
.mba-voucher-body{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-content:center;gap:3px 8px;padding:9px 12px;min-width:0}
.mba-voucher-body p{grid-column:1;grid-row:1;margin:0;font-size:12px;color:#143963;line-height:1.5}
.mba-voucher-saving strong{display:block;font-size:12px;color:#003d92}
.mba-voucher-saving small{display:block;font-size:10px;line-height:1.3}
.mba-voucher-body .mba-voucher-select{grid-column:2;grid-row:1/3;display:block;align-self:center;width:100%;min-height:44px;margin:0;padding:5px 4px;border:0;background:#568d62;color:#fff;font-size:12px;line-height:1.4;text-transform:none;cursor:pointer}
.mba-voucher-select [lang=ur]{display:block;font-size:12px}
.mba-voucher-select:disabled{opacity:.7;cursor:default}
.mba-voucher-body details{grid-column:1;grid-row:2;margin:0;font-size:11px;line-height:1.6;color:#55606e}
.mba-voucher-body details[open]{grid-column:1/-1;grid-row:3}
.mba-voucher-body summary{cursor:pointer}
.mba-voucher-body ul{padding-left:16px;margin:6px 0 0}
.mba-voucher-footer{padding:10px 20px 18px;background:#fff;border-top:1px solid #eee}
.mba-voucher-footer p{font-size:11px;color:#666;margin:0 0 8px;line-height:1.5;text-align:center}
.mba-voucher-continue{display:block;width:100%;min-height:44px;padding:8px 12px;background:#fff;border:1px solid #bccbdc;border-radius:5px;color:#003d92;font-size:13px;cursor:pointer;text-transform:none}
.mba-voucher-continue [lang=ur]{margin-left:6px}
.mba-voucher-dialog button:focus-visible,.mba-voucher-trigger:focus-visible{outline:3px solid #e8ad26;outline-offset:3px}
.mba-vouchers,.mba-vouchers *{border-radius:0!important}
@media(max-width:600px){
 .mba-voucher-dialog{width:100%;max-width:100%;margin:auto 0 0;border-radius:16px 16px 0 0;max-height:86vh;max-height:86dvh}
 .mba-voucher-header{padding:15px 16px 10px}
 .mba-voucher-header h2{font-size:20px}
 .mba-voucher-list{padding:4px 12px 12px;gap:8px}
 .mba-voucher-card{grid-template-columns:100px 1fr}
 .mba-voucher-discount{padding:8px 6px}
 .mba-voucher-discount strong{font-size:21px}
 .mba-voucher-body{grid-template-columns:minmax(0,1fr) 82px;padding:8px;gap:2px 6px}
 .mba-voucher-intro,.mba-voucher-status{margin-left:16px;margin-right:16px}
 .mba-voucher-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}
}