/* Блок покупки: цена, что докупить, согласия и кнопка.
   Отдельным файлом, потому что стоит на двух страницах разных миров — на странице
   курса в школе (там уже есть admin.css со всеми токенами) и на странице интенсива,
   собранной в языке сайта. У сайта половины токенов школы нет вовсе, поэтому они
   объявлены здесь запасными значениями: фактические придут из admin.css и перекроют
   их, а на странице интенсива работать будут эти. */

.school-buy {
  --text-secondary: var(--text-2, rgba(255,255,255,0.66));
  --text-tertiary: var(--text-3, rgba(255,255,255,0.42));
  --border-soft: rgba(255,255,255,0.06);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-pill: 980px;
  --warning-text: #FFB340;
}
[data-theme="light"] .school-buy,
html.light .school-buy {
  --text-secondary: rgba(0,0,0,0.62);
  --text-tertiary: rgba(0,0,0,0.45);
  --border-soft: rgba(0,0,0,0.06);
}

.school-buy {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-raised);
  padding: 22px;
  margin: 26px 0;
}
.school-buy-price {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.school-buy-price b { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; color: var(--text); }
.school-buy-note { font-size: 13px; color: var(--text-secondary); margin: 0 0 16px; }
.school-buy-extra {
  font-size: 13px;
  line-height: 1.6;
  color: var(--text-secondary);
  margin: 0 0 14px;
}
.school-buy-extra { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.school-buy-extra a { color: var(--accent); }
.school-buy-extra a:hover { color: var(--accent-hover); }
.school-chip {
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--bg-subtle);
  font-size: 12.5px;
  color: var(--text-secondary);
}
.school-consent { display: grid; gap: 10px; margin-bottom: 16px; }
.school-check {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-secondary);
  cursor: pointer;
}
.school-check input { margin-top: 2px; accent-color: var(--accent); flex-shrink: 0; }
.school-actions-left { display: flex; gap: 10px; flex-wrap: wrap; }
.school-price { font-size: 16px; font-weight: 650; color: var(--text); }
.school-term { font-size: 12.5px; color: var(--text-tertiary); }
.school-fill {
  border: 1px dashed rgba(255,179,64,0.45);
  border-radius: var(--radius-sm);
  background: rgba(255,179,64,0.08);
  color: var(--warning-text);
  font-size: 12.5px;
  line-height: 1.5;
  padding: 8px 11px;
  margin: 8px 0;
}

/* Блок внутри страницы интенсива: он встраивается в её карточку цены, поэтому
   без собственной рамки и фона — иначе получается коробка в коробке. Текст здесь
   выравнивается по левому краю: карточка центрирует свой, а форму с галочками
   по центру читать неудобно. */
.ks-price-wrap .school-buy {
  border: none;
  background: none;
  padding: 0;
  margin: 18px 0 0;
  text-align: left;
}
.ks-price-wrap .school-buy-note { margin-bottom: 14px; }
.ks-price-wrap .school-actions-left { justify-content: flex-start; }