/* blz_price_card — .price-card ported verbatim from build-practice.py
   PRACTICE_CSS with design tokens swapped to --blz-*. */

.price-card { background: var(--blz-card-bg); border: 1px solid rgba(118, 126, 72, .5); border-radius: var(--blz-radius); padding: 38px 36px; box-shadow: var(--blz-shadow); position: relative; }
.price-card .pop { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); white-space: nowrap; background: var(--blz-bg-2); border: 1px solid var(--blz-line); color: var(--blz-ink-soft); font-size: 10.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; padding: 6px 14px; border-radius: 100px; }
.price-card h3 { font-family: var(--blz-serif); font-weight: 450; font-size: 24px; letter-spacing: -.01em; }
.price-card .tsub { font-size: 13.5px; color: var(--blz-mute); margin-top: 8px; line-height: 1.6; }
.price-card .fit { font-size: 13px; color: var(--blz-mute); border-top: 1px solid var(--blz-line-2); padding-top: 16px; margin-top: 20px; line-height: 1.6; }
.price-card--featured { border-color: var(--blz-accent-2); }
.price-card--featured .pop { background: var(--blz-accent); border-color: var(--blz-accent); color: var(--blz-on-accent, #fff); }
.price-card .pk { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--blz-accent-2); margin-bottom: 10px; }
.price-card h3 + .pk, .price-card .tsub + .pk { margin-top: 16px; }
.price-card .amt { font-family: var(--blz-serif); font-weight: 340; font-size: 56px; line-height: 1; color: var(--blz-accent); }
.price-card .amt small { font-size: 20px; color: var(--blz-accent-2); }
.price-card ul { list-style: none; margin-top: 18px; display: grid; gap: 10px; }
.price-card li { display: flex; gap: 11px; align-items: baseline; font-size: 14.5px; color: var(--blz-ink-soft); }
.price-card li::before { content: "\2713"; color: var(--blz-accent-2); font-weight: 700; flex: none; }
.price-card .fine { font-size: 12.5px; color: var(--blz-mute); margin-top: 16px; }
/* the design's price-card CTAs are full-width (was inline style on every card) */
.price-card .blz-btn { margin-top: 20px; width: 100%; justify-content: center; }