/* =============================================================================
   Ціна курсу «Як стати інвестором» (/course/investor/price/)
   База → brand.css (токени) + course.css (кнопки, гарантія, типографіка).
   Тут - лише цінові картки цієї сторінки.
   ============================================================================= */

.pr-head { margin-top: var(--space-10); text-align: center; }
.pr-head h1 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semibold);
  font-size: var(--text-3xl);
  line-height: 1.2;
  color: var(--color-text);
}
.pr-head__sub {
  margin: 10px auto 0;
  max-width: 560px;
  font-size: var(--text-md);
  line-height: 1.5;
  color: var(--color-text-secondary);
}

/* ── Сітка тарифів ── */
.pr-grid {
  margin-top: var(--space-10);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.pr-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 28px 24px 24px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-card);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-card);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
@media (hover: hover) {
  .pr-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
}

/* Акцентний тариф («Популярне»): тіловий кант + бейдж-пігулка над карткою */
.pr-card--featured { border: 2px solid var(--color-primary); box-shadow: 0 12px 32px var(--color-primary-glow); }
.pr-card__flag {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 16px;
  background: var(--color-primary);
  color: #fff;
  border-radius: 50px;
  font-size: var(--text-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}

.pr-card__name {
  font-size: var(--text-lg);
  font-weight: var(--font-weight-bold);
  color: var(--color-text);
}
.pr-card__price {
  margin-top: 14px;
  font-size: var(--text-3xl);
  font-weight: var(--font-weight-bold);
  line-height: 1;
  color: var(--color-text);
}
.pr-card__uah {
  margin-top: 6px;
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-hint);
}

/* ── Список опцій: стандартні ✓ (тіловий) / ✕ (приглушений червоний) ── */
.pr-card__list {
  margin: 20px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid var(--color-border-light);
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pr-card__list li {
  position: relative;
  padding-left: 28px;
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  color: var(--color-text-secondary);
}
.pr-card__list li b { color: var(--color-text); }
.pr-card__list li::before {
  position: absolute;
  left: 0;
  top: -1px;
  font-weight: var(--font-weight-bold);
}
.pr-card__list li.is-yes::before { content: '✓'; color: var(--color-primary); }
.pr-card__list li.is-no::before  { content: '✕'; color: var(--color-error); opacity: 0.55; }
.pr-card__list li.is-no { color: var(--color-text-muted); }

/* ── CTA: бренд-кнопка на всю ширину картки ── */
.pr-card__cta { margin-top: auto; padding-top: 22px; }
.pr-card__cta .btn-buy { width: 100%; }
/* Другорядна дія (Клуб): світла кнопка з кантом */
.pr-card__cta .btn-buy--ghost {
  background: transparent;
  border: 1.5px solid var(--color-primary);
  box-shadow: none;
}
.pr-card__cta .btn-buy--ghost span { color: var(--color-primary-dark); }
.pr-card__cta .btn-buy--ghost:hover { background: var(--color-bg-mint); }

/* ── Адаптив ── */
@media (max-width: 1023.98px) {
  .pr-grid { grid-template-columns: minmax(0, 1fr); max-width: 480px; margin-left: auto; margin-right: auto; }
  /* На стовпчику бейдж «Популярне» не має наїжджати на сусідню картку зверху */
  .pr-card--featured { margin-top: 10px; }
}
@media (max-width: 743.98px) {
  .pr-head { margin-top: var(--space-6); }
  .pr-head h1 { font-size: 26px; }
  .pr-grid { margin-top: var(--space-8); gap: 24px; }
}