/* Два тарифа: «Соло» и «Студия» (static/tiers.js) */

.plans.tr-plans { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 1080px; }
.tr-plans ~ .plans-q, .tr-plans ~ .faq { max-width: 1080px; }
.plan.tr-mine { border-color: var(--surface-3); }
.plan-price s { color: var(--muted); font-size: 15px; }
.tr-founder { max-width: 1080px; margin: 14px auto 0; }
.tr-founder .fd-note { margin: 0; }

/* окно подписки: два тарифа рядом */
.tr-opts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.tr-opt { display: flex; flex-direction: column; gap: 10px; padding: 14px; border: 2px solid transparent; border-radius: 16px; background: var(--surface-2); }
.tr-opt-full { background: linear-gradient(var(--surface-2), var(--surface-2)) padding-box, var(--aura) border-box; }
.tr-opt-head { display: grid; gap: 2px; }
.tr-opt-head > b { font-size: 16px; font-weight: 600; }
.tr-opt .plan-price { flex-wrap: wrap; gap: 4px 6px; }
.tr-opt .plan-price b { font-size: 26px; }
.tr-opt .plan-price span { font-size: 13px; }
.tr-mini { flex: 1; list-style: none; margin: 0; padding: 0; display: grid; align-content: start; gap: 7px; font-size: 13px; }
.tr-mini li { display: flex; gap: 8px; align-items: flex-start; }
.tr-mini .ic-check { width: 14px; height: 14px; flex: none; margin-top: 2px; }
.tr-opt .pay-go { margin-top: 0; width: 100%; }
.tr-move { margin: 10px 0 0; color: var(--muted); font-size: 13px; }

/* аккаунт и главная */
.tr-left { margin: 8px 0 0; }
.tr-switch { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; padding: 12px 14px; border-radius: 14px; background: var(--surface-2); }
.tr-switch .sub { flex: 1 1 220px; margin: 0; font-size: 13px; }
.tr-uploads { margin: 10px 0 0; font-size: 13px; }

/* админка: тариф рядом с видом подписки */
.mb-tiers { justify-self: start; }

/* срок оплаты: «Год / Месяц» (static/tiers.js, .claude/patches/yearly_patch.py) */
.tr-period-row { display: flex; justify-content: center; margin-top: 16px; }
.tr-period-page { margin: 0 auto 18px; }
.tr-period button { height: 34px; padding: 0 16px; font-size: 14px; }
.tr-period em { margin-left: 6px; padding: 2px 7px; border-radius: 99px; background: var(--aura); color: #ffffff; font-size: 11px; font-style: normal; font-weight: 600; }
.tr-note { margin: 6px 0 0; }
.tr-bill { margin-top: -4px; color: var(--muted); font-size: 13px; }
.tr-bill span { color: var(--text); }
.tr-bill s { color: var(--faint); }
.tr-opt .tr-bill { margin-top: 0; font-size: 12px; }
.tr-year-offer { background: linear-gradient(var(--surface-2), var(--surface-2)) padding-box, var(--aura) border-box; border: 1px solid transparent; }

@media (max-width: 900px) {
  .plans.tr-plans { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
}
@media (max-width: 480px) {
  .tr-opts { grid-template-columns: minmax(0, 1fr); }
}