.bs-payments .bs-hero{background:#f7fafc;border:1px solid #e6eef8;border-radius:8px;padding:14px;margin-bottom:12px}
.bs-payments .bs-grid{display:block}
.bs-payments .bs-payments-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;align-items:stretch}
.bs-payments .bs-pack{border:1px solid #e6e6e6;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:6px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.04);min-height:150px}
.bs-payments .bs-pack:hover{box-shadow:0 6px 14px rgba(0,0,0,.08);transform:translateY(-1px);transition:all .15s ease}
.bs-payments .bs-pack-name{font-weight:700;font-size:16px}
.bs-payments .bs-pack-meta{color:#555}
.bs-payments .bs-pack .bs-cta{margin-top:auto;display:flex;justify-content:flex-end}
.bs-payments .bs-badge{display:inline-block;background:#ffe08a;color:#7a4d00;border-radius:999px;padding:2px 8px;font-size:11px;margin-left:6px}
.bs-payments button{background:#5b73ff;color:#fff;border:0;border-radius:6px;padding:8px 12px;cursor:pointer}
.bs-payments button:disabled{opacity:.6;cursor:not-allowed}
.bs-payments .bs-portal-cta{margin-top:12px;text-align:right}

.bs-payments .bs-history{width:70%;margin-left:auto;margin-right:auto}

/* Loading animation for refresh button */
.bs-payments .button.is-loading{position:relative;pointer-events:none;opacity:.85}
.bs-payments .button.is-loading:after{content:"";position:absolute;right:8px;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;border-radius:50%;animation:bs-spin .8s linear infinite}
@keyframes bs-spin{to{transform:rotate(360deg)}}

/* Sticky summary */
.bs-payments .bs-summary{position:sticky;top:8px;z-index:1}

/* Featured pack label */
.bs-payments .bs-pack .bs-featured{position:absolute;right:10px;top:10px;background:#5b73ff;color:#fff;border-radius:999px;padding:2px 8px;font-size:11px}
.bs-payments .bs-pack{position:relative}

/* Featured emphasis */
.bs-payments .bs-pack.is-featured{transform:scale(1.02);border-color:#5b73ff;box-shadow:0 8px 22px rgba(91,115,255,.2)}
.bs-payments .bs-pack.is-featured .bs-cta button{background:#3547ff}

/* Credits flash after refresh */
.bs-payments .bs-credits-count{border-radius:4px;transition:background-color .6s ease}
.bs-payments .bs-credits-count.flash{background:#fff3bf;box-shadow:0 0 0 2px #ffe58f inset}