/* PTH Stripe — Public checkout styles */
.pths-checkout-wrap { max-width: 900px; margin: 0 auto; font-family: inherit; }

/* Interval toggle */
.pths-interval-toggle { display: flex; background: #f3f4f6; border-radius: 12px; padding: 4px; gap: 4px; margin-bottom: 32px; width: fit-content; }
.pths-int-btn { background: none; border: none; padding: 10px 24px; border-radius: 9px; font-size: 14px; font-weight: 600; color: #6b7280; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: background .12s, color .12s; }
.pths-int-btn.active { background: #fff; color: #1a1a2e; box-shadow: 0 1px 5px rgba(0,0,0,.09); }
.pths-save-badge { background: #dcfce7; color: #16a34a; font-size: 11px; padding: 2px 8px; border-radius: 999px; font-weight: 700; }

/* Plans grid */
.pths-plans-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; }

/* Plan card */
.pths-plan-card { background: #fff; border: 2px solid #e5e7eb; border-radius: 18px; padding: 28px; display: flex; flex-direction: column; gap: 14px; transition: border-color .15s, box-shadow .15s; }
.pths-plan-card:hover { border-color: #6366f1; box-shadow: 0 8px 32px rgba(99,102,241,.12); }
.pths-plan-card__name { font-size: 20px; font-weight: 800; color: #1a1a2e; margin: 0; }
.pths-plan-card__desc { font-size: 14px; color: #6b7280; margin: 0; line-height: 1.55; }

/* Price */
.pths-plan-price { display: flex; align-items: baseline; gap: 3px; }
.pths-plan-price__amount { font-size: 36px; font-weight: 900; color: #1a1a2e; }
.pths-plan-price__currency { font-size: 16px; font-weight: 600; color: #6b7280; }
.pths-plan-price__interval { font-size: 14px; color: #9ca3af; }
.pths-annual-note { font-size: 12px; color: #6b7280; margin: 0; }
.pths-savings { background: #dcfce7; color: #16a34a; font-weight: 700; font-size: 11px; padding: 2px 7px; border-radius: 999px; margin-left: 5px; }

/* Features list */
.pths-plan-features { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.pths-plan-features li { font-size: 13px; color: #374151; display: flex; align-items: flex-start; gap: 6px; line-height: 1.4; }
.pths-check { color: #10b981; font-weight: 700; flex-shrink: 0; }

/* Subscribe button */
.pths-subscribe-btn { display: block; width: 100%; padding: 14px; background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff; border: none; border-radius: 12px; font-size: 16px; font-weight: 700; cursor: pointer; margin-top: auto; transition: opacity .15s, transform .1s; }
.pths-subscribe-btn:hover { opacity: .9; transform: translateY(-1px); }
.pths-subscribe-btn:disabled { opacity: .6; cursor: not-allowed; transform: none; }

/* Footer */
.pths-secure-note { text-align: center; font-size: 13px; color: #9ca3af; margin: 4px 0 0; }
.pths-error { background: #fef2f2; border: 1px solid #fca5a5; color: #dc2626; padding: 12px 16px; border-radius: 10px; font-size: 14px; text-align: center; margin-top: 16px; }
.pths-stripe-notice { text-align: center; color: #6b7280; padding: 20px; }