/* ============================================================
   МАЭСТРО · стилевой слой · v3
   Где лежит: Настройки сайта → Вставка кода → Пользовательские
   CSS-стили (без обёртки). Действует на всех страницах.
   Откат — очистить поле и опубликовать все страницы.

   Что делает:
   1. Один шрифт (TildaSans) вместо Arial, без сжатых букв
   2. Одна основная кнопка и одна второстепенная
   3. Заголовки не слипаются, розовый — один и читаемый
   4. Вопросы, имена и названия курсов — без капса
   5. Контраст: подписи преподавателей, старые цены, текст на фото
   6. Подвал на телефоне снова показывает адреса и телефон

   Префикс «html body» нужен, чтобы перебить стили блоков,
   которые Тильда вставляет в тело страницы после HEAD.
   Шапку и ссылки в подвале слой не трогает.
   ============================================================ */

/* 0. Цвета — те же, что в прототипе нового теста */
:root {
  --m-brand: #D6006F;       /* основной розовый, белый текст на нём читается */
  --m-brand-deep: #A8005A;  /* наведение */
  --m-brand-soft: #FDEEF5;
  --m-ink: #1F1419;         /* заголовки */
  --m-text: #3A2B33;        /* текст */
  --m-muted: #7A6570;       /* второстепенное */
}

/* ---------- 1. шрифт ---------- */
html body #allrecords .tn-atom,
html body #allrecords .t-title, html body #allrecords .t-name,
html body #allrecords .t-descr, html body #allrecords .t-text,
html body #allrecords .t-heading, html body #allrecords .t-btn,
html body #allrecords .t-submit, html body #allrecords .t-btnflex__text,
html body #allrecords [class*="__title"], html body #allrecords [class*="__descr"] {
  font-family: 'TildaSans', Arial, sans-serif !important;
}
/* сжатие −0,5…−2,7 px делало буквы слипшимися; TildaSans с −0,01em
   занимает столько же места, поэтому вёрстка блоков не сдвигается */
html body #allrecords .tn-elem[data-elem-type="text"] .tn-atom {
  letter-spacing: -0.01em !important;
}
/* а у маленьких подписей разрядка была задумана — оставляем */
html body #allrecords #rec1880395161 .tn-elem[data-elem-id="1758121205955"] .tn-atom,
html body #allrecords #rec2226170081 .tn-elem[data-elem-id="1758124066787"] .tn-atom {
  letter-spacing: .3em !important;
}

/* ---------- 2. кнопки ---------- */
/* основная: сплошной розовый, капсула, без капса.
   В нулевых блоках — только кнопки-призывы: «Подобрать курс»,
   «Для профи», «Каталог», «Связаться». Меню и ссылки не трогаем. */
html body #allrecords .tn-elem[data-elem-type="button"]:is([data-elem-id="1757765922356"], [data-elem-id="1763549804792000019"], [data-elem-id="1764067451878"]) .tn-atom,
html body #allrecords .t-btn.t-btnflex:not(.t-btnflex_type_button2),
html body #allrecords .t-submit {
  background-color: var(--m-brand) !important;
  background-image: none !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: 0 6px 18px rgba(214, 0, 111, .22) !important;
  transition: background-color .2s ease, box-shadow .2s ease !important;
}
html body #allrecords .tn-elem[data-elem-type="button"]:is([data-elem-id="1757765922356"], [data-elem-id="1763549804792000019"], [data-elem-id="1764067451878"]) .tn-atom:hover,
html body #allrecords .t-btn.t-btnflex:not(.t-btnflex_type_button2):hover,
html body #allrecords .t-submit:hover {
  background-color: var(--m-brand-deep) !important;
  box-shadow: 0 4px 12px rgba(168, 0, 90, .25) !important;
}
html body #allrecords .tn-elem[data-elem-type="button"]:is([data-elem-id="1757765922356"], [data-elem-id="1763549804792000019"], [data-elem-id="1764067451878"], [data-elem-id="175776920231468420"]) .tn-atom__button-text,
html body #allrecords .t-btnflex__text {
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: inherit !important;
}
html body #allrecords .t-btn.t-btnflex:not(.t-btnflex_type_button2) .t-btnflex__text { color: #fff !important; }

/* второстепенная: белая с розовой обводкой */
html body #allrecords .t-btn.t-btnflex_type_button2 {
  background: #fff !important;
  color: var(--m-brand) !important;
  border: 1.5px solid var(--m-brand) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  box-shadow: none !important;
}
html body #allrecords .t-btn.t-btnflex_type_button2 .t-btnflex__text { color: var(--m-brand) !important; }

/* на ярко-розовом блоке «Школа студия красоты» розовая кнопка терялась — белая */
html body #allrecords #rec1541510101 .t-btn.t-btnflex {
  background-color: #fff !important;
  box-shadow: 0 8px 24px rgba(80, 0, 50, .25) !important;
}
html body #allrecords #rec1541510101 .t-btn.t-btnflex .t-btnflex__text { color: var(--m-brand) !important; }
html body #allrecords #rec1541510101 .t-btn.t-btnflex:hover { background-color: var(--m-brand-soft) !important; }

/* «Повышение квалификации» на фото — прозрачная с белой обводкой */
html body #allrecords #rec2174762801 .tn-elem[data-elem-id="175776920231468420"] .tn-atom {
  background-color: rgba(255, 255, 255, .12) !important;
  background-image: none !important;
  border: 1.5px solid #fff !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

/* «Написать куратору» стоит на розовой карточке — белая кнопка, как было */
html body #allrecords #rec2303418491 .tn-elem:is([data-elem-id="1769445171680000001"], [data-elem-id="1757444224746"]) .tn-atom {
  background-color: #fff !important;
  background-image: none !important;
  color: var(--m-brand) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 24px rgba(80, 0, 50, .2) !important;
}
html body #allrecords #rec2303418491 .tn-elem:is([data-elem-id="1769445171680000001"], [data-elem-id="1757444224746"]) .tn-atom:hover {
  background-color: var(--m-brand-soft) !important;
}

/* «НАШИ ПРЕПОДАВАТЕЛИ» выглядела как кнопка, а это заголовок */
html body #allrecords #rec1935367811 .tn-elem[data-elem-id="1697531044578"] .tn-atom {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  pointer-events: none;
  overflow: visible !important;
  justify-content: flex-start !important;
  text-align: left !important;
  text-transform: none !important;
}
html body #allrecords #rec1935367811 .tn-elem[data-elem-id="1697531044578"] .tn-atom::before {
  content: "Наши преподаватели";
  font-size: 27px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.02em;
  white-space: nowrap;
  color: var(--m-ink);
}
@media screen and (min-width: 960px) {
  html body #allrecords #rec1935367811 .tn-elem[data-elem-id="1697531044578"] .tn-atom::before { font-size: 36px; }
}

/* «ДЛЯ ПРОФИ» и «ПОВЫШЕНИЕ КВАЛИФИКАЦИИ» на «Курсах» набраны капсом в самом тексте */
html body #allrecords #rec2174762801 .tn-elem:is([data-elem-id="1757765922356"], [data-elem-id="175776920231468420"]) .tn-atom,
html body #allrecords #rec2174762801 .tn-elem:is([data-elem-id="1757765922356"], [data-elem-id="175776920231468420"]) .tn-atom__button-text {
  font-size: 0 !important;
}
html body #allrecords #rec2174762801 .tn-elem[data-elem-id="1757765922356"] .tn-atom::before { content: "Для профи"; font-size: 15px; }
html body #allrecords #rec2174762801 .tn-elem[data-elem-id="175776920231468420"] .tn-atom::before { content: "Повышение квалификации"; font-size: 15px; }

/* вторая «ПОДОБРАТЬ КУРС» набрана капсом в самом тексте */
html body #allrecords #rec1875479661 .tn-elem[data-elem-id="1763549804792000019"] .tn-atom { font-size: 0 !important; }
html body #allrecords #rec1875479661 .tn-elem[data-elem-id="1763549804792000019"] .tn-atom::before {
  content: "Подобрать курс";
  font-size: 15px;
}

/* ---------- 3. заголовки ---------- */
/* крупные заголовки в нулевых блоках: интерлиньяж был 0,8–0,9 */
html body #rec1875479661 .tn-elem[data-elem-id="1763549714270000002"] .tn-atom,
html body #rec1875479661 .tn-elem[data-elem-id="175776585784989320"] .tn-atom,
html body #rec1875479661 .tn-elem[data-elem-id="1763549804777000017"] .tn-atom,
html body #rec1880365641 .tn-elem[data-elem-id="175776585784989320"] .tn-atom,
html body #rec2227882721 .tn-elem[data-elem-id="175776585784989320"] .tn-atom,
html body #rec1929917281 .tn-elem[data-elem-id="1763552736921000002"] .tn-atom,
html body #rec2174762801 .tn-elem[data-elem-id="175776585784989320"] .tn-atom,
html body #rec1734206801 .tn-elem[data-elem-id="175793394420636660"] .tn-atom,
html body #rec2303418491 .tn-elem[data-elem-id="1757441473935"] .tn-atom,
html body #rec2226155631 .tn-elem[data-elem-id="1758124945229"] .tn-atom,
html body #allrecords .tn-elem[data-elem-id="1779210431658000010"] .tn-atom,
html body #allrecords .tn-elem[data-elem-id="1779210431658000006"] .tn-atom {
  line-height: 1.02 !important;
  letter-spacing: -0.02em !important;
  font-weight: 600 !important;
}

/* «Твоё призвание…» на главной: интерлиньяж 0,8 и градиент.
   Высота блока задана жёстко (342 px на компьютере), поэтому
   интерлиньяж поднимаем ровно настолько, чтобы текст в неё влез */
html body #rec1895505841 .tn-elem[data-elem-id="1758119367170"] .tn-atom {
  line-height: 0.9 !important;
  letter-spacing: -0.015em !important;
  font-weight: 600 !important;
}
@media screen and (max-width: 479px) {
  html body #rec1895505841 .tn-elem[data-elem-id="1758119367170"] .tn-atom {
    font-size: 23px !important;
    line-height: 1.12 !important;
  }
}

/* градиентный текст → сплошной розовый (нулевые блоки) */
html body #rec1895505841 .tn-elem[data-elem-id="1758119367170"] .tn-atom,
html body #rec2226170081 .tn-elem[data-elem-id="1758124066787"] .tn-atom,
html body #rec2226170081 .tn-elem[data-elem-id="1758124066743"] .tn-atom,
html body #rec2226170081 .tn-elem[data-elem-id="1758124066760"] .tn-atom,
html body #rec2226170081 .tn-elem[data-elem-id="1758124066772"] .tn-atom,
html body #rec2226155631 .tn-elem[data-elem-id="1758124945229"] .tn-atom {
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--m-brand) !important;
}

/* розовые слова в разметке: пять разных оттенков, часть почти белые
   на светлом фоне → один читаемый розовый */
html body #allrecords [style*="text-fill-color: transparent"],
html body #allrecords [style*="color: rgb(255, 22, 142)"],
html body #allrecords [style*="color: rgba(255, 0, 131, 0.5)"],
html body #allrecords [style*="color: rgb(255, 162, 239)"],
html body #allrecords [style*="color: rgb(255, 71, 182)"],
html body #allrecords [style*="color: rgb(255, 216, 248)"],
html body #allrecords [style*="color: rgb(255, 20, 163)"],
html body #allrecords [style*="color: rgb(246, 79, 228)"],
html body #allrecords [style*="color: rgb(255, 0, 202)"] {
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--m-brand) !important;
}

/* заголовки стандартных блоков: без капса и градиента */
html body #allrecords .t-section__title,
html body #allrecords .t677__title,
html body #allrecords .t754__title {
  text-transform: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  letter-spacing: -0.01em !important;
}
html body #allrecords .t-section__title {
  color: var(--m-ink) !important;
  font-weight: 700 !important;
}

/* ---------- 4. вопросы и названия курсов ---------- */
html body #allrecords .t668__title {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: var(--m-ink) !important;
}
html body #allrecords .t585__title { text-transform: none !important; letter-spacing: 0 !important; }
html body #allrecords .t754__title { color: var(--m-ink) !important; }
/* у части названий курсов внутри свой розовый — выравниваем с остальными */
html body #allrecords .t754__title [style*="color"] {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
}

/* подписи курсов на «Контактах»: капс 10 px */
html body #rec2226170081 .tn-elem[data-elem-id="1758124066747"] .tn-atom,
html body #rec2226170081 .tn-elem[data-elem-id="1758124066762"] .tn-atom,
html body #rec2226170081 .tn-elem[data-elem-id="1758124066773"] .tn-atom {
  text-transform: none !important;
  font-size: 12px !important;
  color: var(--m-muted) !important;
}

/* ---------- 5. контраст ---------- */
/* преподаватели: белый текст на светло-розовой карточке не читался */
html body #rec1935367211 .tn-elem[data-elem-type="text"] .tn-atom { color: var(--m-text) !important; }
html body #rec1935367211 .tn-elem[data-elem-id="1697545617247"] .tn-atom,
html body #rec1935367211 .tn-elem[data-elem-id="1697545617248"] .tn-atom,
html body #rec1935367211 .tn-elem[data-elem-id="1697545617250"] .tn-atom,
html body #rec1935367211 .tn-elem[data-elem-id="1697545617251"] .tn-atom,
html body #rec1935367211 .tn-elem[data-elem-id="1697545617253"] .tn-atom,
html body #rec1935367211 .tn-elem[data-elem-id="1697545617254"] .tn-atom {
  color: var(--m-ink) !important;
  text-transform: none !important;
  font-size: 21px !important;
  font-weight: 700 !important;
}

/* старая цена была светло-серой и без зачёркивания */
html body #allrecords .t754__price_old {
  color: var(--m-muted) !important;
  opacity: 1 !important;
}
html body #allrecords .t754__price_old .t754__price-value {
  text-decoration: line-through !important;
  text-decoration-color: var(--m-brand) !important;
}

/* тест на главной: белый текст на светлом фото — затемняем подложку */
html body #allrecords #rec2297826061 .t-quiz__cover__filter {
  background-color: transparent !important;
  background-image: linear-gradient(to bottom, rgba(70, 0, 45, .34), rgba(60, 0, 40, .6)) !important;
  opacity: 1 !important;
}
/* «бесплатный» и «Онлайн»: розовое слово на розовом фото → белое с подчёркиванием */
html body #rec2297826061 [style*="color: rgb(255, 0, 202)"],
html body #rec2174762801 .tn-elem[data-elem-id="175776585784989320"] .tn-atom strong {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-decoration: underline !important;
  text-decoration-color: #FF7AC0 !important;
  text-decoration-thickness: .12em !important;
  text-underline-offset: .14em !important;
}

/* ---------- 6. подвал на телефоне: адреса и телефон были обрезаны ---------- */
/* розовая плашка подвала на телефоне высотой 315 px, а адреса и телефон
   стоят ниже неё — блок их обрезал, и на телефоне их не было видно */
@media screen and (max-width: 479px) {
  html body #allrecords .t396__artboard:has(.tn-elem[data-elem-id="1779210431658000010"]) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  html body #allrecords .t396__artboard:has(.tn-elem[data-elem-id="1779210431658000010"]) .t396__carrier,
  html body #allrecords .t396__artboard:has(.tn-elem[data-elem-id="1779210431658000010"]) .t396__filter {
    height: 100% !important;
  }
  html body #allrecords .tn-group[data-group-id="175785598121777890"],
  html body #allrecords .tn-group[data-group-id="175785598121777890"] > .tn-molecule,
  html body #allrecords .tn-group[data-group-id="1779210431657000001"],
  html body #allrecords .tn-group[data-group-id="1779210431657000001"] > .tn-molecule,
  html body #allrecords .tn-group[data-group-id="1779210431658000008"],
  html body #allrecords .tn-group[data-group-id="1779210431658000008"] > .tn-molecule,
  html body #allrecords .tn-group[data-group-id="1779210431658000005"],
  html body #allrecords .tn-group[data-group-id="1779210431658000005"] > .tn-molecule {
    height: auto !important;
  }
  html body #allrecords .tn-group[data-group-id="175785598121777890"] > .tn-molecule {
    padding-bottom: 28px !important;
  }
  html body #allrecords .tn-elem[data-elem-id="1779210431658000010"] .tn-atom {
    font-size: 21px !important;
    line-height: 1.25 !important;
  }
  html body #allrecords .tn-elem[data-elem-id="1779210431658000006"] { width: auto !important; }
  html body #allrecords .tn-elem[data-elem-id="1779210431658000006"] .tn-atom {
    font-size: 26px !important;
    white-space: nowrap !important;
  }
}

/* ---------- 7. мелкие места ---------- */
/* «О нас»: биография основательницы — капс 9 px, читать невозможно */
html body #allrecords #rec1880395161 .tn-elem[data-elem-id="1758121205960"] .tn-atom {
  text-transform: none !important;
  line-height: 1.45 !important;
  color: var(--m-text) !important;
}
/* на телефоне текст без капса становится выше, а блок обрезан по высоте:
   добавляем снизу место, иначе пропадают реквизиты в конце текста */
@media screen and (max-width: 479px) {
  html body #allrecords #rec1880395161 .tn-elem[data-elem-id="1758121205960"] .tn-atom { font-size: 10.5px !important; line-height: 1.4 !important; }
  html body #allrecords #rec1880395161 .t396__artboard {
    box-sizing: content-box !important;
    padding-bottom: 180px !important;
  }
}

/* «Курсы», первый экран на телефоне: в TildaSans заголовок «Онлайн - курсы»
   на 5 px шире розовой карточки, и последняя буква уходила на белый фон */
@media screen and (max-width: 479px) {
  html body #rec2174762801 .tn-elem[data-elem-id="175776585784989320"] .tn-atom { font-size: 36px !important; }
}

/* «Контакты»: слово «контакты» 80 px упиралось в край экрана */
@media screen and (max-width: 479px) {
  html body #allrecords #rec2226155631 .tn-elem[data-elem-id="1758124945229"] .tn-atom { font-size: 68px !important; }
}

/* ---------- 8. тексты, набранные капсом или с опечаткой ----------
   Надёжнее поправить сами тексты в Тильде; тогда эти правила
   можно удалить. До тех пор они показывают правильный вариант. */
html body #allrecords .t677__title { font-size: 0 !important; }
html body #allrecords .t677__title::before {
  content: "Онлайн-курсы в «Маэстро» — это";
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--m-brand);
}