/* Pricing & VIP Pro Styling */
.pricing-page { max-width: 900px; margin: 0 auto; }
.pricing-matrix-wrap { margin: 28px 0; overflow-x: auto; }
.pricing-table { width: 100%; border-collapse: collapse; text-align: left; }
.pricing-table th, .pricing-table td { padding: 14px 16px; border-bottom: 1px solid var(--line); }
.pricing-table thead th { background: var(--soft); font-weight: 700; }
.pricing-checkout-wrap { margin: 32px auto 0; }
.vip-tier-card { border: 1px solid var(--jade); border-radius: 14px; padding: 24px; background: var(--bg); }
.vip-plan-choice { transition: transform .15s ease, border-color .15s ease; }
.vip-plan-choice:hover { transform: translateY(-2px); border-color: var(--jade); }
.vip-plan-choice input[type="radio"]:focus-visible { outline: 2px solid var(--jade); outline-offset: 2px; }
.badge-vip { background: #fef08a; color: #854d0e; font-weight: 700; border: 1px solid #facc15; }
html[data-theme="dark"] .badge-vip { background: #713f12; color: #fef08a; border-color: #a16207; }
@media (max-width: 680px) {
  .pricing-table th, .pricing-table td { padding: 10px 8px; font-size: 13px; }
  .vip-tier-card { padding: 18px 14px; }
}