/* ════════════════════════════════════════════════════════════
   Школа ведических знаний — поверх общего /style.css.
   Здесь только то, чего нет у марафона: расширенная форма,
   шкала 0–10, карточки выбора формата, баллы и подарки.
   ════════════════════════════════════════════════════════════ */

/* Логотип Veda Центра — не круглый значок с поварёнком, а знак-щит:
   ему нужен мягкий фон, иначе он теряется на кремовой шапке. */
.nav__mark--veda{background:transparent;box-shadow:none;border:0;}
.nav__mark--veda img{width:40px;height:auto;}
.nav__mark--sm.nav__mark--veda img{width:32px;}

/* Две карточки формата под шагами отбора */
.formats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:16px;margin-top:52px;
}

/* Колонка карточек рядом с текстом (группы, выпускной) */
.groups{display:grid;gap:14px;}
.split--rev .split__type{order:2;}
.split--rev .groups{order:1;}

/* ─── Баллы ────────────────────────────────────────────────── */
.points{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:18px;margin-top:56px;}
.points .card__in h3{color:var(--paper);}
.points .card__in p{color:rgba(253,251,246,.7);}
/* Число — главное в карточке. Селектор длиннее, чем хотелось бы, потому
   что общий .card__in p иначе перебивает и кегль, и цвет. */
.points .card__in p.point__n{
  font-family:var(--ff-d);font-weight:300;font-size:64px;line-height:.9;
  letter-spacing:-.03em;color:var(--citrus-lt);margin:0 0 14px;
}

.prizes{
  margin:44px auto 0;max-width:820px;padding:6px;border-radius:24px;
  background:rgba(253,251,246,.05);border:1px solid var(--hair-light);
}
.prizes__t{
  padding:18px 24px 0;font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--citrus-lt);
}
.prizes__l{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:8px;padding:14px 18px 18px;
}
.prizes__l li{
  display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;
  background:rgba(253,251,246,.06);color:var(--paper);font-size:14px;
}
.prizes__n{
  width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(168deg,#F2C475,var(--citrus));color:#3B2408;
  font-family:var(--ff-d);font-weight:500;font-size:19px;
}
.prizes__n .ic{width:18px;height:18px;}

/* ─── Форма заявки ─────────────────────────────────────────── */
.form--wide{max-width:640px;}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;}

/* select и textarea одеваем в тот же костюм, что input в style.css */
.field select,.field textarea{
  width:100%;padding:14px 16px;border-radius:13px;
  border:1px solid var(--hair);background:var(--cream);color:var(--ink);
  font:inherit;font-size:16px;line-height:1.45;
  transition:border-color .4s var(--spring),box-shadow .4s var(--spring),background-color .4s var(--spring);
}
.field textarea{resize:vertical;min-height:88px;}
.field select{
  appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2396876F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;
}
.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--citrus);background-color:#fff;
  box-shadow:0 0 0 4px rgba(217,150,50,.16);
}
.field select:invalid{color:var(--ink-3);}

/* Шкала 0–10: одиннадцать плашек, выбранная — золотая */
.scale{display:flex;flex-wrap:wrap;gap:6px;}
.scale label{flex:1 1 0;min-width:38px;position:relative;cursor:pointer;}
.scale input{position:absolute;opacity:0;width:0;height:0;}
.scale span{
  display:grid;place-items:center;height:44px;border-radius:12px;
  border:1px solid var(--hair);background:var(--cream);
  font-family:var(--ff-d);font-size:19px;font-weight:500;color:var(--ink-2);
  transition:background-color .35s var(--spring),border-color .35s var(--spring),transform .35s var(--spring);
}
.scale label:hover span{border-color:var(--citrus);}
.scale input:checked+span{
  background:linear-gradient(168deg,#F2C475,var(--citrus));border-color:transparent;
  color:#3B2408;transform:translateY(-1px);
  box-shadow:0 8px 18px -10px rgba(217,150,50,.9);
}
.scale input:focus-visible+span{box-shadow:0 0 0 4px rgba(217,150,50,.2);}
.scale__hint{display:flex;justify-content:space-between;gap:12px;margin-top:8px;
  font-size:11.5px;color:var(--ink-3);}

/* Формат участия: две карточки-радио */
.choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.choice label{position:relative;cursor:pointer;}
.choice input{position:absolute;opacity:0;width:0;height:0;}
.choice span{
  display:block;padding:14px 16px;border-radius:14px;
  border:1px solid var(--hair);background:var(--cream);
  transition:background-color .35s var(--spring),border-color .35s var(--spring),box-shadow .35s var(--spring);
}
.choice b{display:block;font-size:14.5px;font-weight:600;color:var(--espresso);}
.choice i{display:block;margin-top:4px;font-style:normal;font-size:12.5px;line-height:1.45;color:var(--ink-3);}
.choice label:hover span{border-color:var(--citrus);}
.choice input:checked+span{
  background:#fff;border-color:var(--citrus);
  box-shadow:0 0 0 3px rgba(217,150,50,.18), 0 10px 24px -16px rgba(36,28,18,.5);
}
.choice input:focus-visible+span{box-shadow:0 0 0 4px rgba(217,150,50,.28);}

/* Поле, к которому есть претензия, подсвечиваем — не только текст ошибки внизу */
.field.is-bad input,.field.is-bad select,.field.is-bad textarea{border-color:var(--clay);}
.field.is-bad .scale span,.field.is-bad .choice span{border-color:rgba(196,85,47,.55);}

.form .btn--block{margin-top:6px;}

/* ─── Адаптив ──────────────────────────────────────────────── */
@media (max-width:1000px){
  .split--rev .split__type{order:1;}
  .split--rev .groups{order:2;}
}
@media (max-width:640px){
  .fgrid{grid-template-columns:1fr;gap:0;}
  .choice{grid-template-columns:1fr;}
  /* Одиннадцать в ряд на телефоне не помещаются по-человечески: две ровные
     строки (0–5 и 6–10) вместо восьми узких плашек и трёх широких. */
  .scale{display:grid;grid-template-columns:repeat(6,1fr);}
  .scale label{min-width:0;}
  .scale span{height:42px;font-size:17px;border-radius:10px;}
  .point__n{font-size:54px;}
  .prizes__l{grid-template-columns:1fr 1fr;}
  .step{padding:24px 18px;}
}