/* ---------- Pricing page ---------- */
.pr-top { padding-bottom: 0; }
.pr-controls { display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; justify-content: center; align-items: center; }
.pr-switch { display: inline-flex; padding: 4px; background: var(--lavender); border-radius: var(--radius-pill); }
.pr-switch button { border: 0; background: transparent; cursor: pointer; font-family: var(--font-head); font-weight: 600; font-size: .92rem; color: var(--ink-2); padding: .55rem 1.1rem; border-radius: var(--radius-pill); display: inline-flex; align-items: center; gap: .45rem; }
.pr-switch button.is-on { background: #fff; color: var(--primary); box-shadow: var(--shadow-sm); }
.pr-save { font-size: .72rem; font-weight: 600; color: #0a7a43; background: #e3f6ec; padding: .15rem .5rem; border-radius: var(--radius-pill); white-space: nowrap; }
.pr-jump { display: flex; flex-wrap: wrap; gap: .5rem 1.4rem; justify-content: center; margin-top: 1.2rem; font-size: .93rem; }
.pr-jump a { color: var(--primary); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

.pr-group { scroll-margin-top: calc(var(--header-h) + 10px); }
.price-card.pr-card.featured::before { content: "Recommended"; }
.pr-card .price-features { align-content: start; }
.pr-card .pr-val[hidden] { display: none; }
.pr-card .price-amount .amt { font-size: 2.3rem; }
.pr-foot { text-align: center; color: var(--muted); font-size: .9rem; margin-top: 1.6rem; }

@media (max-width: 900px) {
  .pr-group .pricing-grid { grid-template-columns: minmax(0, 1fr); max-width: 460px; margin-inline: auto; gap: 1.8rem; }
}
.pr-foot a { color: var(--primary); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }

/* Token price list */
.pr-lists { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); align-items: start; }
.pr-list { height: auto; }
.pr-list h3 { margin: .8rem 0 .4rem; }
.pr-list table { width: 100%; border-collapse: collapse; font-size: .93rem; }
.pr-list td { padding: .55rem 0; border-bottom: 1px solid var(--border); vertical-align: top; }
.pr-list tr:last-child td { border-bottom: 0; }
.pr-list .n { text-align: right; white-space: nowrap; font-weight: 700; padding-left: .8rem; color: var(--primary); }
.pr-list .n.free { color: #0a7a43; }
@media (max-width: 900px) { .pr-lists { grid-template-columns: minmax(0, 1fr); } }
