.b2-mqr-pay-type-item{order:-999}
.b2-mqr-pay-type:disabled{opacity:.55;cursor:not-allowed}
.b2-mqr-pay-type span{font-weight:700}
.b2-mqr-modal{position:fixed;z-index:999999;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:16px}
.b2-mqr-mask{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.55)}
.b2-mqr-box{position:relative;background:#fff;max-width:720px;width:100%;max-height:90vh;overflow:auto;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.b2-mqr-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:#777}
.b2-mqr-box h3{margin:0 0 16px;font-size:20px}
.b2-mqr-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.b2-mqr-summary>div{background:#f7f7f7;border-radius:8px;padding:10px;min-width:0}
.b2-mqr-summary span{display:block;font-size:12px;color:#777;margin-bottom:4px}
.b2-mqr-summary b,.b2-mqr-summary code{font-size:16px;word-break:break-all}
.b2-mqr-payable{background:#fff6e5!important}
.b2-mqr-payable b{font-size:22px;color:#d35400}
.b2-mqr-warning{background:#fff7e6;border:1px solid #ffd591;border-radius:8px;padding:10px;margin:12px 0;color:#6b3b00}
.b2-mqr-qrs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:18px 0}
.b2-mqr-qr{text-align:center;border:1px solid #eee;border-radius:10px;padding:14px;background:#fafafa}
.b2-mqr-qr strong{display:block;margin-bottom:10px}
.b2-mqr-qr img{display:block;margin:0 auto 10px;max-width:220px;width:100%;height:auto;border-radius:6px;background:#fff}
.b2-mqr-qr p{font-size:12px;color:#777;margin:0}
.b2-mqr-qr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;color:#999}
.b2-mqr-support-text{font-size:13px;color:#555;line-height:1.7;white-space:pre-line}
.b2-mqr-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.b2-mqr-actions .button{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:6px;text-decoration:none;border:1px solid #ddd;background:#f7f7f7;color:#333;cursor:pointer}
.b2-mqr-actions .b2-mqr-support{background:#2b7cff;color:#fff;border-color:#2b7cff}
@media(max-width:640px){.b2-mqr-summary{grid-template-columns:repeat(2,1fr)}.b2-mqr-qrs{grid-template-columns:1fr}.b2-mqr-box{padding:18px 14px}}

/* v0.1.3 primary payment layout: manual QR should look like the recommended choice, not a normal small button. */
.pay-type ul,.pay-type ul.pay-type-list{display:flex;flex-wrap:wrap;gap:8px}
.pay-type .b2-mqr-featured-payment,.b2-mqr-featured-payment{order:-1000!important;display:block!important;flex:0 0 100%!important;width:100%!important;margin:0 0 8px!important;padding:0!important}
.pay-type .b2-mqr-featured-card,.b2-mqr-featured-card{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;width:100%!important;min-height:96px;padding:15px 16px!important;border:1px solid #2f7df6!important;border-radius:12px!important;background:linear-gradient(135deg,#f3f8ff 0%,#ffffff 54%,#eefaf4 100%)!important;box-shadow:0 8px 22px rgba(47,125,246,.13)!important;text-align:left!important;color:#1f2937!important;cursor:pointer!important;overflow:hidden}
.pay-type .b2-mqr-featured-card:before,.b2-mqr-featured-card:before{content:"";position:absolute;right:-32px;top:-44px;width:120px;height:120px;border-radius:999px;background:rgba(47,125,246,.10)}
.pay-type .b2-mqr-featured-card:after,.b2-mqr-featured-card:after{content:"›";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:28px;line-height:1;color:#2f7df6;font-weight:700}
.pay-type .b2-mqr-featured-card:disabled,.b2-mqr-featured-card:disabled{opacity:.82;cursor:not-allowed!important;filter:none!important}
.b2-mqr-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:#1677ff;color:#fff;font-size:12px;font-weight:700;line-height:22px;margin-bottom:7px;letter-spacing:.2px}
.b2-mqr-title{display:block;font-size:17px;font-weight:800;line-height:1.25;color:#111827;margin-bottom:5px}
.b2-mqr-sub{display:block;font-size:12px;line-height:1.4;color:#6b7280;margin-bottom:8px}
.b2-mqr-price{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.2}
.b2-mqr-price em{font-style:normal;font-size:18px;font-weight:800;color:#16a34a}
.b2-mqr-price i{font-style:normal;font-size:12px;font-weight:700;color:#b45309;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:3px 8px}
.b2-mqr-price-empty em{font-size:15px;color:#16a34a}.b2-mqr-price-empty i{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}
.pay-type .b2-mqr-other-label,.b2-mqr-other-label{order:-999!important;display:block!important;flex:0 0 100%!important;width:100%!important;margin:2px 0 0!important;padding:0!important;text-align:left!important;border:0!important;background:transparent!important;line-height:1!important}
.b2-mqr-other-label span{display:block;font-size:12px;color:#9ca3af;padding:0 2px 2px}
@media(max-width:640px){.pay-type .b2-mqr-featured-card,.b2-mqr-featured-card{min-height:88px;padding:13px 14px!important}.b2-mqr-title{font-size:16px}.b2-mqr-price em{font-size:16px}}


/* v0.1.5: force B2 payment modal to reserve real space for the featured payment card.
   v0.1.4 was packaged incorrectly on one build, so keep this as a stronger override. */
body .ds-box .modal-content{
    overflow:visible!important;
}
body .ds-box .pay-type{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    padding:10px 15px 12px!important;
    box-sizing:border-box!important;
    display:block!important;
}
body .ds-box .pay-type ul{
    display:flex!important;
    flex-flow:row wrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
}
body .ds-box .pay-type ul li{
    width:auto!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    min-width:0!important;
    height:auto!important;
    box-sizing:border-box!important;
}
body .ds-box .pay-type .b2-mqr-featured-payment{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    display:block!important;
    margin:0 0 6px!important;
}
body .ds-box .pay-type .b2-mqr-featured-card{
    height:auto!important;
    min-height:94px!important;
    margin:0!important;
    box-sizing:border-box!important;
}
body .ds-box .pay-type .b2-mqr-other-label{
    flex:0 0 100%!important;
    width:100%!important;
    display:block!important;
    margin:0!important;
}
body .ds-box .pay-type ul li:not(.b2-mqr-featured-payment):not(.b2-mqr-other-label){
    flex:1 1 0!important;
}
body .ds-box .pay-type li > button{
    margin:0!important;
    min-width:0!important;
    box-sizing:border-box!important;
}
body .ds-box .pay-button{
    clear:both!important;
    position:relative!important;
    z-index:1!important;
    margin:0 5px!important;
}
body .ds-box .pay-button > div{
    margin:8px 10px 20px!important;
}
@media(max-width:480px){
    body .ds-box .pay-type{padding:8px 10px 10px!important;}
    body .ds-box .pay-type ul{gap:7px!important;}
    body .ds-box .pay-type ul li:not(.b2-mqr-featured-payment):not(.b2-mqr-other-label){flex:1 1 calc(33.333% - 7px)!important;}
    body .ds-box .pay-type li > button{height:36px!important;font-size:12px!important;}
}