/* Reference layout without CDN dependencies or hard-coded checkout prices. */
.modal-dialog:has(.bq-points-card){width:448px;max-width:calc(100vw - 32px)}
.modal-content:has(.bq-points-card){padding:0!important;background:transparent!important;border:0!important;box-shadow:none}
.modal-body:has(.bq-points-card){padding:0!important}
.bq-points-card{position:relative;overflow:auto;max-height:calc(100dvh - 48px);padding:28px;border:1px solid #ffffff1a;border-radius:24px;background:radial-gradient(circle at 100% 0,#4f46e526,transparent 42%),radial-gradient(circle at 0 100%,#f59e0b14,transparent 42%),#14171f;color:#94a3b8;box-shadow:0 24px 64px #0008;font-size:12px}
.bq-points-card .bq-points-close{position:absolute;right:15px;top:12px;color:#94a3b8;opacity:1;font:24px/1 sans-serif;background:none;border:0;padding:4px}
.bq-points-header{display:flex;gap:12px;align-items:center;margin:0 0 20px;padding-right:8px}
.bq-points-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:linear-gradient(45deg,#f59e0b,#4f46e5);color:white}.bq-points-icon svg{width:20px;height:20px}
.bq-points-card h2{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:18px;line-height:1.4;color:#fff;margin:0;font-weight:700}.bq-points-card h2 small{font:10px monospace;color:#818cf8;background:#6366f11a;border:1px solid #6366f133;border-radius:99px;padding:3px 8px}.bq-points-header p{margin:3px 0 0;font-size:11px;line-height:1.6}
.bq-points-label{margin-bottom:8px}.bq-points-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.bq-points-card .bq-points-tier{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;margin:0;padding:14px;border:1px solid #ffffff0d;border-radius:16px;background:#0005;color:#94a3b8;cursor:pointer;box-shadow:none;width:100%}.bq-points-card .bq-points-tier.active{background:#4f46e51a;border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.bq-points-tier:hover{border-color:#ffffff40}.bq-points-count{font:12px monospace}.active .bq-points-count{color:#a5b4fc}.bq-points-amount{font:700 20px monospace;color:#fff}.bq-points-amount small{font:12px monospace;color:#94a3b8}.bq-points-amount del{font:11px monospace;color:#64748b}.bq-points-tag{position:absolute;right:8px;top:-8px;background:linear-gradient(90deg,#6366f1,#a855f7);color:white;padding:3px 8px;border-radius:99px;font-size:9px}
.bq-points-custom{padding:14px;border:1px solid #ffffff0d;border-radius:16px;background:#0005;margin-bottom:16px}.bq-points-custom>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px;color:#cbd5e1}.bq-points-custom small{font-size:11px;color:#64748b}.bq-points-card input[name=custom]{width:100%;background:#14171f;border:1px solid #ffffff1a;border-radius:12px;padding:9px 14px;color:white;font:12px monospace}.bq-points-card input:focus{outline:1px solid #6366f1}
.bq-points-notes{background:#0003;border:1px solid #ffffff0d;border-radius:12px;padding:12px;font-size:11px;line-height:1.6;margin-bottom:20px}.bq-points-notes strong{color:#cbd5e1}.bq-points-notes p{margin:4px 0 0}.bq-points-notes ul{margin:6px 0 0;padding-left:16px}.bq-points-notes li{margin:0;line-height:1.6}.bq-points-total{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.bq-points-total b{font:700 18px monospace;color:white}
.bq-points-card .dependency-box>.muted-2-color{display:none}.bq-points-card .dependency-box>.flex{gap:10px}.bq-points-card .payment-method-radio{border:1px solid #ffffff0d;border-radius:12px;background:#0006;color:#94a3b8;padding:10px;font-size:12px;gap:6px}.bq-points-card .payment-method-radio.active{background:#10b9811a;border-color:#10b9814d;color:#34d399}.bq-points-card .payment-method-radio[data-value*=alipay].active{color:#38bdf8;background:#0ea5e91a;border-color:#0ea5e94d}
.bq-points-card .initiate-pay{width:100%;padding:14px;border:0;border-radius:16px;background:linear-gradient(100deg,#f59e0b,#4f46e5 60%,#6366f1);color:white;font-size:14px;font-weight:700;margin-top:12px;box-shadow:0 12px 24px #4f46e530}
@media(max-width:480px){.bq-points-card{padding:24px 20px}.bq-points-card h2{font-size:16px}.bq-points-card{max-height:calc(100dvh - 24px)}}
.bq-points-card .payment-method-radio img{width:16px;height:16px;object-fit:contain;margin:0}.bq-points-card .payment-method-radio{align-items:center;min-height:38px}.bq-points-card .bq-points-form{margin:0}.bq-points-card .initiate-pay:disabled{opacity:.5;cursor:not-allowed}
@media(max-height:800px){.bq-points-card{padding:24px}.bq-points-header{margin-bottom:16px}.bq-points-tiers{margin-bottom:12px;gap:10px}.bq-points-card .bq-points-tier{padding:12px}.bq-points-custom{padding:12px;margin-bottom:12px}.bq-points-notes{margin-bottom:12px}.bq-points-card .initiate-pay{padding:12px}}