/* ═════ S-011 §1.2 · Literata — только в заголовках ═════
   Тильда отдаёт заголовочный шрифт также описаниям (.t-descr),
   кнопкам, полям форм и меню. По ТЗ там остаётся Tilda Sans. */
body .t-descr,
body .t-btn, body .t-btntext, body .t-submit,
body .t-input, body .t-inputtitle,
body .t-menu__link-item, body .t-menusub__link-item,
body .t-uptitle, body .t-text {
  font-family: 'TildaSans', Arial, sans-serif;
}

/* ═════ S-011 §2.1 · трекинг антиквы в крупных заголовках ═════ */
body .t-title_xl, body .t-title_lg { letter-spacing: -0.02em; }
body .t-title_md, body .t-title_sm { letter-spacing: -0.015em; }

/* ═════ S-011 §4 · Кнопки: плоские, два уровня ═════
   Классы ev-btn--main / ev-btn--second / ev-btn--dark вешает скрипт из HEAD:
   CSS не умеет спросить про фон родителя, а уровень кнопки определяется назначением
   (запись через gnom.guru и отправка формы — главная, остальное вторичное).

   🔴 Про повторы класса. Тильда пишет свои правила как
   #recNNN .t-btnflex.t-btnflex_type_button и #recNNN .tn-elem[data-elem-id] .tn-atom,
   причём с !important. При двух !important побеждает более весомый селектор,
   поэтому вес приходится добирать повторением класса. Пятикратный повтор
   перебивает и обычные кнопки, и кнопки Zero Block. 21.08.2026 */

/* --- 1. Сброс. Он же вид вторичной кнопки на песке, чтобы до скрипта не мигало --- */
#allrecords .t-btn.t-btn.t-btn,
#allrecords .t-submit.t-submit.t-submit,
#allrecords [data-elem-type="button"] .tn-atom.tn-atom.tn-atom {
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-radius: 3px !important;
  border-style: solid !important;
  border-width: 1px !important;
  background-color: transparent !important;
  border-color: #a4956e !important;
  color: #3a4652 !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

/* штатный слой подсветки Тильды — наведение делаем своё */
#allrecords .t-btn.t-btn.t-btn::after,
#allrecords .t-submit.t-submit.t-submit::after { display: none !important; }
#allrecords .t-btn .t-btn_wrap-effects { display: none !important; }

/* --- 2. §4.4 высота 48 и поля 28. Кнопки Zero Block не трогаем: там размер задан коробкой --- */
#allrecords .t-btn.t-btn.t-btn,
#allrecords .t-submit.t-submit.t-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}

/* --- 3. §4.2 ВТОРИЧНАЯ на песке --- */
#allrecords .ev-btn--second.ev-btn--second.ev-btn--second.ev-btn--second.ev-btn--second {
  background-color: transparent !important;
  border-color: #a4956e !important;
  color: #3a4652 !important;
}
#allrecords .ev-btn--second.ev-btn--second.ev-btn--second.ev-btn--second.ev-btn--second:hover {
  background-color: #a4956e !important;
  border-color: #a4956e !important;
  color: #333333 !important;
}

/* --- 4. §4.2 ГЛАВНАЯ на песке --- */
#allrecords .ev-btn--main.ev-btn--main.ev-btn--main.ev-btn--main.ev-btn--main {
  background-color: #3a4652 !important;
  border-color: #3a4652 !important;
  color: #ffffff !important;
}
#allrecords .ev-btn--main.ev-btn--main.ev-btn--main.ev-btn--main.ev-btn--main:hover {
  background-color: #2f3945 !important;
  border-color: #2f3945 !important;
  color: #ffffff !important;
}

/* --- 5. §4.2 ВТОРИЧНАЯ на графите --- */
#allrecords .ev-btn--second.ev-btn--second.ev-btn--second.ev-btn--dark.ev-btn--dark {
  background-color: transparent !important;
  border-color: #7f8c99 !important;
  color: #ffffff !important;
}
#allrecords .ev-btn--second.ev-btn--second.ev-btn--second.ev-btn--dark.ev-btn--dark:hover {
  background-color: #a4956e !important;
  border-color: #a4956e !important;
  color: #333333 !important;
}

/* --- 6. §4.2 ГЛАВНАЯ на графите --- */
#allrecords .ev-btn--main.ev-btn--main.ev-btn--main.ev-btn--dark.ev-btn--dark {
  background-color: #ece8cd !important;
  border-color: #ece8cd !important;
  color: #2f3945 !important;
}
#allrecords .ev-btn--main.ev-btn--main.ev-btn--main.ev-btn--dark.ev-btn--dark:hover {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #2f3945 !important;
}

/* --- 7. §2.2 на мобильном высота кликабельного не ниже 44 px --- */
@media screen and (max-width: 640px) {
  #allrecords .t-btn.t-btn.t-btn,
  #allrecords .t-submit.t-submit.t-submit { min-height: 44px !important; }
}

/* ═════ S-011 §2.2 · Отзывы: кегль на телефоне ═════
   Найдено 21.08 по кадрам с телефона (в ТЗ этого нет — мобильных кадров у Design не было).
   Текст отзывов рендерился 12 px при минимуме 15 и норме 18 для мобильного.
   Рядом с зазорами по 40 px между карточками это читалось как «текста мало, воздуха много».
   rec2999539601 — блок отзывов на главной, rec3166724001 — страница «Отзывы». */
@media screen and (max-width: 640px) {
  #rec2999539601 .t525__text,
  #rec3166724001 .t525__text {
    font-size: 17px !important;
    line-height: 1.55 !important;
  }
  #rec2999539601 .t525__title,
  #rec3166724001 .t525__title { font-size: 16px !important; }
  #rec2999539601 .t525__descr,
  #rec3166724001 .t525__descr { font-size: 14px !important; }
}

/* ═════ S-011 ЭТАП 4 · постранично ═════ 21.08.2026 */

/* §7.5.1 — описания в карточках «Что вы получите» / «Как проходит» до основного кегля.
   Замер: 18 px (в ТЗ сказано 14–15 — посылка устарела, поправлено 20.08).
   Класс t-descr_sm встречается ровно в этих четырёх блоках и больше нигде на сайте. */
#rec863240741 .t-descr_sm,
#rec863240900 .t-descr_sm,
#rec863240694 .t-descr_sm,
#rec863240764 .t-descr_sm {
  font-size: 20px !important;
  line-height: 1.55 !important;
}

/* §5.3 — метаданные первого экрана услуг без курсива.
   🔴 Курсив на /diagnostika НЕ трогаем: там это цитаты клиентов, так задумано (§7.8.4). */
#recorddiv863240736 em,
#recorddiv863240759 em,
#recorddiv863240895 em { font-style: normal !important; }

/* §7.1.5 — прайс: описания и списки по левому краю.
   По центру остаются только название карточки и цена. */
#rec863240020 .t-card__descr,
#rec863240020 .t-card__descr * { text-align: left !important; }

/* §7.4.2 — «Отзывы»: причина пустоты. Контейнер 1200, две колонки по 560,
   а текстовая обёртка внутри каждой — жёстко 300 px, то есть половина колонки пустая.
   Отдаём тексту всю колонку → две широкие, как и предлагает ТЗ. */
#rec3166724001 .t525__textwrapper { display: block !important; width: 100% !important; }
#rec3166724001 .t525__col > .t-cell { display: block !important; }
#rec3166724001 .t525__text,
#rec3166724001 .t525__title,
#rec3166724001 .t525__descr { max-width: 100% !important; width: auto !important; }
@media screen and (min-width: 641px) {
  #rec3166724001 .t525__text { font-size: 17px !important; line-height: 1.55 !important; }
}

/* ═════ S-013 М-5 · «Отзывы» по левому краю ═════ 21.08.2026
   Прямое указание Design в S-013: «Выравнивание отзывов — по левому краю».
   Центрированные длинные абзацы шли лесенкой, читать тяжело.
   Имя и дату тоже влево: текст теперь на всю колонку, центр под ним смотрелся бы отдельно. */
#rec3166724001 .t525__text,
#rec3166724001 .t525__title,
#rec3166724001 .t525__descr { text-align: left !important; }

/* ═════ РЕШЕНИЕ ЮРИЯ 21.08 · оформление отзывов — вариант А ═════
   Светлая подложка #fdf9ef — приём из ТЗ §3.1 («для врезок внутри песочных страниц:
   карточка, выделенный блок, цитата»). Цитата клиента курсивом — §7.8.4.

   Зачем: имя и дата висели между двумя отзывами на равном расстоянии сверху и снизу,
   и было не видно, к какому отзыву они относятся. Подложка снимает двусмысленность —
   это и была жалоба Юрия про «большой разрыв, не читается как один смысловой блок».
   rec3166724001 — страница «Отзывы», rec2999539601 — блок на главной. */
#rec3166724001 .t525__textwrapper,
#rec2999539601 .t525__textwrapper {
  background: #fdf9ef !important;
  padding: 24px 22px !important;
  border-radius: 3px !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
}
#rec2999539601 .t525__col > .t-cell { display: block !important; }
#rec2999539601 .t525__text,
#rec2999539601 .t525__title,
#rec2999539601 .t525__descr {
  max-width: 100% !important;
  width: auto !important;
  text-align: left !important;
}
#rec3166724001 .t525__text,
#rec2999539601 .t525__text { font-style: italic !important; }

/* десктопный кегль отзывов на главной был 14 — подтягиваем к странице «Отзывы» */
@media screen and (min-width: 641px) {
  #rec2999539601 .t525__text { font-size: 17px !important; line-height: 1.55 !important; }
}

/* ═════ S-013 М-4 · подвал на телефоне: сжать воздух между блоками ═════ 21.08.2026
   Design: «между КОНТАКТЫ, иконками и СВЯЖИТЕСЬ СО МНОЙ — по пол-экрана пустого графита».
   Замер на 390×844: подвал занимал 1976 px = 2,3 экрана, из них ~380 px чистые отступы.

   🔴 Проверено отдельно: ВНУТРИ блока формы пустоты нет — там телефон и почта.
   Первый замер показал «271 px пустоты», но это был мой промах в отборе элементов.
   Трогаем только отступы между блоками, содержимое не режем. */
@media screen and (max-width: 640px) {
  #rec3133965401 { padding-top: 28px !important; }
  #rec3133965501 { padding-bottom: 8px !important; }
  #rec3133965601 { padding-top: 28px !important; padding-bottom: 28px !important; }
  #rec3133965701 { padding-bottom: 24px !important; }
  #rec3133965801 { padding-bottom: 24px !important; }
}

/* ═════ S-011 §7.8 · страницы проблем: ширина колонки и ритм ═════ 21.08.2026
   Замер на пяти страницах (страхи, депрессия, утрата, отношения, смысл):
   старые блоки шли колонкой 1160 px = 116 знаков в строке при норме §2.4 60–75.
   Ровно тот дефект, что Design описал в §2.4 («замер до правки: 1160, 107 знаков»).
   Работа 20.08 закрыла только семь НОВЫХ страниц, эти девять блоков остались.

   Ритм §2.3 (28 между абзацами, 56 перед H2, 40 перед H3) ставим и старым,
   и новым блокам этих страниц: у новых стояло margin-bottom: 0, текст шёл стеной. */
#rec863240481 .t-text,
#rec863240487 .t-text,
#rec863240502 .t-text,
#rec863240509 .t-text,
#rec863240529 .t-text,
#rec863240556 .t-text,
#rec863240562 .t-text,
#rec863240600 .t-text,
#rec863240606 .t-text {
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#rec863240481 .t-text p,
#rec863240487 .t-text p,
#rec863240502 .t-text p,
#rec863240509 .t-text p,
#rec863240529 .t-text p,
#rec863240556 .t-text p,
#rec863240562 .t-text p,
#rec863240600 .t-text p,
#rec863240606 .t-text p,
#rec3095794501 .t-text p,
#rec3095843901 .t-text p,
#rec3095855601 .t-text p,
#rec3095882201 .t-text p,
#rec3134164901 .t-text p,
#rec3134166201 .t-text p,
#rec3134167301 .t-text p,
#rec3134168501 .t-text p,
#rec3134173201 .t-text p { margin-bottom: 28px !important; }
#rec863240481 .t-text h2,
#rec863240487 .t-text h2,
#rec863240502 .t-text h2,
#rec863240509 .t-text h2,
#rec863240529 .t-text h2,
#rec863240556 .t-text h2,
#rec863240562 .t-text h2,
#rec863240600 .t-text h2,
#rec863240606 .t-text h2,
#rec3095794501 .t-text h2,
#rec3095843901 .t-text h2,
#rec3095855601 .t-text h2,
#rec3095882201 .t-text h2,
#rec3134164901 .t-text h2,
#rec3134166201 .t-text h2,
#rec3134167301 .t-text h2,
#rec3134168501 .t-text h2,
#rec3134173201 .t-text h2 { margin-top: 56px !important; margin-bottom: 20px !important; }
#rec863240481 .t-text h3,
#rec863240487 .t-text h3,
#rec863240502 .t-text h3,
#rec863240509 .t-text h3,
#rec863240529 .t-text h3,
#rec863240556 .t-text h3,
#rec863240562 .t-text h3,
#rec863240600 .t-text h3,
#rec863240606 .t-text h3,
#rec3095794501 .t-text h3,
#rec3095843901 .t-text h3,
#rec3095855601 .t-text h3,
#rec3095882201 .t-text h3,
#rec3134164901 .t-text h3,
#rec3134166201 .t-text h3,
#rec3134167301 .t-text h3,
#rec3134168501 .t-text h3,
#rec3134173201 .t-text h3 { margin-top: 40px !important; margin-bottom: 16px !important; }
#rec863240481 .t-text li,
#rec863240487 .t-text li,
#rec863240502 .t-text li,
#rec863240509 .t-text li,
#rec863240529 .t-text li,
#rec863240556 .t-text li,
#rec863240562 .t-text li,
#rec863240600 .t-text li,
#rec863240606 .t-text li,
#rec3095794501 .t-text li,
#rec3095843901 .t-text li,
#rec3095855601 .t-text li,
#rec3095882201 .t-text li,
#rec3134164901 .t-text li,
#rec3134166201 .t-text li,
#rec3134167301 .t-text li,
#rec3134168501 .t-text li,
#rec3134173201 .t-text li { margin-bottom: 8px !important; }

@media screen and (max-width: 820px) {
#rec863240481 .t-text,
#rec863240487 .t-text,
#rec863240502 .t-text,
#rec863240509 .t-text,
#rec863240529 .t-text,
#rec863240556 .t-text,
#rec863240562 .t-text,
#rec863240600 .t-text,
#rec863240606 .t-text { max-width: 100% !important; }
}

/* ═════ S-011 §7.6.3 · «Как устроена работа»: номер шага ═════ 22.08.2026
   🔴 Проверка кадром спасла от лишней работы: номер в карточке УЖЕ стоит отдельной
   колонкой слева — но серым кружком #777777, цвет вне палитры. Обход DOM этого не
   показывал: innerText пустой, цифру рисует счётчик самой Тильды. Сначала добавил
   свой counter — получилось два номера подряд, откатил.

   Настоящий дефект — кружок. Номер становится типографским знаком в своей колонке:
   золотая цифра антиквой, без заливки (§0.5 «золото — линейки и акценты», §8.3).
   Тройной повтор класса — правило Тильды идёт с !important и иначе перебивает. */
#rec3099005001 .t502__circle.t502__circle.t502__circle {
  background-color: transparent !important;
  background-image: none !important;
  color: #a4956e !important;
  font-family: 'Literata', Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  text-align: left !important;
}
#rec3099005001 .t502__circlewrapper.t502__circlewrapper { width: 56px !important; }

@media screen and (max-width: 640px) {
#rec3099005001 .t502__circle.t502__circle.t502__circle { font-size: 24px !important; }
#rec3099005001 .t502__circlewrapper.t502__circlewrapper { width: 40px !important; }
}

/* ═════ РЕШЕНИЕ ЮРИЯ 22.08 · шкала заголовков (1а) ═════
   §2.1: H1 44/1,08, H2 раздела 31/1,18. §2.2 мобильные: 32/1,12 и 25/1,2.
   Было 72 и 42 — почти вдвое выше нормы.

   🔴 ОГОВОРКА ЮРИЯ: цена в прайсе остаётся крупной (42).
   Она набрана тем же классом t-title_xs, что заголовки разделов, — это совпадение
   вёрстки, а не решение. У цены другая работа: её ищут глазами. Разводим четвёртым
   повтором класса, чтобы правило цены перебивало правило заголовков. */
#allrecords .t-title_xl.t-title_xl.t-title_xl {
  font-size: 44px !important;
  line-height: 1.08 !important;
}
#allrecords .t-section__title.t-section__title.t-section__title,
#allrecords .t-title_xs.t-title_xs.t-title_xs {
  font-size: 31px !important;
  line-height: 1.18 !important;
}
#allrecords .t1069__price.t1069__price.t1069__price.t1069__price {
  font-size: 42px !important;
  line-height: 1.2 !important;
}

@media screen and (max-width: 640px) {
  #allrecords .t-title_xl.t-title_xl.t-title_xl { font-size: 32px !important; line-height: 1.12 !important; }
  #allrecords .t-section__title.t-section__title.t-section__title,
  #allrecords .t-title_xs.t-title_xs.t-title_xs { font-size: 25px !important; line-height: 1.2 !important; }
  #allrecords .t1069__price.t1069__price.t1069__price.t1069__price { font-size: 34px !important; }
}

/* ═════ РЕШЕНИЕ ЮРИЯ 22.08 · золото при наведении светлее ═════
   #a4956e → #b3a57e: контраст с тёмным текстом 4,27 → 4,9.
   Отменяет оговорку S-011 §4.2 «на границе». Принято в переписке с Design,
   до канала не дошло — узнал из C-180. */
#allrecords .t-btn.t-btn.t-btn.t-btn:hover,
#allrecords .t-submit.t-submit.t-submit.t-submit:hover,
#allrecords [data-elem-type="button"] .tn-atom.tn-atom.tn-atom.tn-atom:hover,
#allrecords .ev-btn--second.ev-btn--second.ev-btn--second.ev-btn--second:hover,
#allrecords .ev-btn--second.ev-btn--second.ev-btn--dark.ev-btn--dark:hover {
  background-color: #b3a57e !important;
  border-color: #b3a57e !important;
  color: #333333 !important;
}

/* ═════ 🔴 ФИКС СВОЕЙ РЕГРЕССИИ 22.08 · пустая ячейка картинки в отзывах ═════
   Когда я сделал текстовую обёртку отзыва блочной (нужно было, чтобы текст занял
   всю колонку), соседняя ПУСТАЯ ячейка под картинку тоже стала блочной — и заняла
   высоту, равную высоте текста. Текст уехал вниз из своей колонки, а кнопка
   «Все отзывы» осталась на месте и легла ПОВЕРХ двух нижних карточек на главной.
   Замер до фикса: кнопка 1092..1154, карточки 987..1235, два пересечения.
   Прячем пустую ячейку вместо того, чтобы делать её блочной. */
#rec2999539601 .t525__col > .t-cell:not(.t525__textwrapper),
#rec3166724001 .t525__col > .t-cell:not(.t525__textwrapper) {
  display: none !important;
}