/* Minimal clean UI (works even without Tailwind) */
.bbm-wrap{max-width:1100px;margin:0 auto;padding:24px 14px;}
.bbm-title{font-size:28px;font-weight:800;margin:0 0 18px;}
.bbm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;}
.bbm-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25);color:rgba(255,255,255,.92)}
.bbm-card-h{font-weight:800;font-size:16px;margin-bottom:10px;}
.bbm-price{font-size:24px;font-weight:900;margin:0;}
.bbm-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;}
.bbm-cta-col{display:flex;flex-direction:column;align-items:flex-end;}
.bbm-help{font-size:12px;opacity:.75;margin-top:6px;line-height:1.2;}
.bbm-desc{opacity:.8;font-size:13px;margin-bottom:10px;}
.bbm-actions{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap;}
.bbm-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:10px 12px;background:#e50914;color:#fff;text-decoration:none;border:1px solid #e50914;font-weight:700;cursor:pointer}
.bbm-btn:hover{opacity:.92}
.bbm-btn-ghost{background:transparent;color:rgba(255,255,255,.92);border-color:rgba(255,255,255,.35)}
.bbm-mini{font-size:12px;opacity:.75;margin-top:10px;line-height:1.3}
.bbm-note{font-size:12px;opacity:.75;margin:10px 0;}

/* v2.1.1 hotfix: prevent heading/card overflow in narrow preview frames */
.bbm-multipay-wrap h1,
.bbm-multipay-wrap h2,
.bbm-multipay-wrap h3,
.bbm-plan-name {
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

.bbm-multipay-wrap,
.bbm-multipay-grid,
.bbm-plan-card {
  max-width: 100%;
}

@media (max-width: 900px) {
  .bbm-multipay-grid {
    grid-template-columns: 1fr;
  }
}