/* PsyRogova — дизайн-полировка поверх экспорта Тильды (ветка develop).
   Подключается инъекцией <link> при отдаче страниц; экспортированный код не тронут.
   Тезис: «одно действие за раз» — один коралловый акцент на экран. */

@import url("https://fonts.googleapis.com/css2?family=Lora:wght@500;600&display=swap");

/* ---------- 1. Заголовки — Lora (тело остаётся Roboto) ---------- */
.t-title {
  font-family: "Lora", Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em;
}

/* ---------- 2. Hero: диагональный скрим вместо плоского затемнения ---------- */
.t-cover__filter {
  background-image: linear-gradient(
    75deg,
    rgba(20, 17, 15, 0.8) 0%,
    rgba(20, 17, 15, 0.42) 55%,
    rgba(20, 17, 15, 0.1) 100%
  ) !important;
}

/* ---------- 3. Кнопки: коралл только у главного действия ---------- */
/* Hero главной: первая кнопка «Записаться на консультацию» */
#rec1093429696 .t182__buttons a:first-child {
  background-color: #f98669 !important;
  border-color: #f98669 !important;
  color: #fff !important;
}
#rec1093429696 .t182__buttons a:first-child:hover {
  background-color: #ff8562 !important;
  border-color: #ff8562 !important;
}
/* Все кнопки, ведущие к записи (#preForm и страница контактов) — главное действие, коралл.
   «Оплатить сессию» в шапке и «Оплатить» в карточках остаются чёрными — вторичные. */
a.t-btn[href="#preForm"],
a.t-btnflex[href="#preForm"],
a.t-btn[href="/svyaz-s-rogovoj"],
a.t-btnflex[href="/svyaz-s-rogovoj"] {
  background-color: #f98669 !important;
  border-color: #f98669 !important;
  color: #fff !important;
}
a.t-btn[href="#preForm"]:hover,
a.t-btnflex[href="#preForm"]:hover,
a.t-btn[href="/svyaz-s-rogovoj"]:hover,
a.t-btnflex[href="/svyaz-s-rogovoj"]:hover {
  background-color: #ff8562 !important;
  border-color: #ff8562 !important;
}
/* Отправка формы записи */
button.t-submit {
  background-color: #f98669 !important;
  border-color: #f98669 !important;
  color: #fff !important;
  border-radius: 999px !important;
}
button.t-submit:hover {
  background-color: #ff8562 !important;
}

/* ---------- 3а. Размеры и положение кнопок: единая система ---------- */
/* Главные действия (запись): 52px высоты, обычный регистр вместо капса */
a.t-btn[href="#preForm"],
a.t-btnflex[href="#preForm"],
a.t-btn[href="/svyaz-s-rogovoj"],
a.t-btnflex[href="/svyaz-s-rogovoj"],
button.t-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  height: auto !important;
  padding: 6px 34px !important;
  font-family: Roboto, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  border-radius: 999px !important;
}
/* Вторичная в hero («Как я работаю») — тот же размер, тоже без капса */
#rec1093429696 .t182__buttons a {
  min-height: 52px !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 30px !important;
  font-size: 16px !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  border-radius: 999px !important;
}
/* «Оплатить» в карточках услуг: на всю ширину карточки, нормальный тап-таргет */
.t776 .t776__btn-wrapper {
  width: 100%;
}
.t776 .t776__btn-wrapper .t-btn,
.t776 .t776__btn-wrapper .t-btnflex {
  width: 100% !important;
  min-height: 46px !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  text-transform: none !important;
}
/* Мобильный: главные кнопки на всю ширину, удобно попадать пальцем */
@media (max-width: 640px) {
  a.t-btn[href="#preForm"],
  a.t-btnflex[href="#preForm"],
  a.t-btn[href="/svyaz-s-rogovoj"],
  a.t-btnflex[href="/svyaz-s-rogovoj"],
  button.t-submit,
  #rec1093429696 .t182__buttons a {
    width: 100% !important;
    max-width: 360px !important;
  }
}

/* ---------- 4. «Коралловая нить» — подчёркивание в hero (см. polish.js) ---------- */
.psy-thread {
  position: relative;
  white-space: nowrap;
}
.psy-thread svg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.16em;
  width: 100%;
  height: 0.28em;
  pointer-events: none;
}

/* ---------- 5. Карточки услуг (t776): без стоковых фото, первая выделена ---------- */
.t776__imgwrapper {
  display: none !important;
}
.t776 .t776__content {
  border: 1px solid #e7e5e1;
  border-radius: 18px;
  padding: 26px 24px 24px;
  height: 100%;
  box-sizing: border-box;
  background: #fff;
}
.t776 .t776__col:first-child .t776__content {
  border-color: #f98669;
  box-shadow: 0 10px 30px rgba(249, 134, 105, 0.13);
  position: relative;
}
.t776 .t776__col:first-child .t776__content::before {
  content: "Чаще всего выбирают";
  display: inline-block;
  font:
    500 11.5px/1 Roboto,
    Arial,
    sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #f98669;
  background: #fdeee9;
  border-radius: 999px;
  padding: 7px 12px;
  margin-bottom: 14px;
}
/* Цена — крупнее и с характером */
.t776__price-value,
.t776__price-currency {
  font-family: "Lora", Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 26px !important;
  color: #292929 !important;
}
/* Мобильный: карточки в одну колонку (Тильда на узких экранах ставит их по две) */
@media (max-width: 640px) {
  .t776__col.t776__col_mobile-grid {
    width: 100% !important;
    max-width: 100% !important;
  }
  .t776__parent {
    row-gap: 24px !important;
  }
}

/* ---------- 6. Шапка: приоритет записи, соцсети — только в подвале ---------- */
/* Соц-иконки из шапки убраны (уводят с сайта до знакомства с оффером; в подвале есть) */
#rec1093468851 .t-sociallinks {
  display: none !important;
}
/* Кнопка шапки (после polish.js это «Записаться» → /svyaz-s-rogovoj): компактнее общих CTA */
#rec1093468851 a.t-btnflex[href="/svyaz-s-rogovoj"] {
  min-height: 40px !important;
  padding: 4px 22px !important;
  font-size: 15px !important;
}

/* Мобильная шапка: компактная коралловая «Записаться» рядом с бургером */
.psy-mobile-cta {
  display: none;
}
@media (max-width: 980px) {
  .psy-mobile-cta {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    margin-right: 10px;
    padding: 9px 14px;
    background: #f98669 !important;
    color: #fff !important;
    border-radius: 999px;
    font: 500 14px/1 Roboto, Arial, sans-serif;
    text-decoration: none;
    white-space: nowrap;
  }
  .psy-mobile-cta:active {
    background: #ff8562;
  }
  /* логотип ужимаем, чтобы кнопка и бургер помещались */
  .tmenu-mobile__burgerlogo img.tmenu-mobile__imglogo {
    width: auto !important;
    max-width: 44vw !important;
    max-height: 30px !important;
  }
  .tmenu-mobile__container {
    display: flex;
    align-items: center;
  }
}

/* Десктоп-подменю «Обо мне»: пункт «Кто я» скрыт — сам «Обо мне» теперь кликабелен
   и ведёт туда же (на мобильном «Кто я» остаётся — там подменю раскрывается тапом) */
@media (hover: hover) and (min-width: 981px) {
  #rec1093468851 a.t-menusub__link-item[href="/o-rogovoj"] {
    display: none !important;
  }
}

/* ---------- 7. Страница услуг: блоки доверия (инъекция из polish.js) ---------- */
.psy-wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
}
.psy-h2 {
  font-family: 'Lora', Georgia, serif;
  font-weight: 500;
  font-size: 34px;
  line-height: 1.25;
  color: #292929;
  margin: 0 0 18px;
}
.psy-link {
  font: 500 15px/1 Roboto, Arial, sans-serif;
  color: #292929;
  text-decoration: none;
  border-bottom: 2px solid #f98669;
  padding-bottom: 3px;
}
.psy-link:hover { color: #f98669; }

.psy-trust { padding: 72px 0 8px; }
.psy-trust__in {
  display: flex;
  align-items: center;
  gap: 40px;
}
.psy-trust__photo {
  width: 190px;
  height: 190px;
  object-fit: cover;
  border-radius: 22px;
  flex-shrink: 0;
}
.psy-trust__text {
  font: 300 17px/1.6 Roboto, Arial, sans-serif;
  color: #4a4a43;
  max-width: 56ch;
  margin: 0 0 18px;
}

.psy-reviews { padding: 40px 0 72px; }
.psy-reviews__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 26px;
}
.psy-review {
  background: #f3f3f2;
  border-radius: 18px;
  padding: 26px 24px;
  margin: 0;
}
.psy-review blockquote {
  font: 300 15.5px/1.6 Roboto, Arial, sans-serif;
  color: #292929;
  margin: 0 0 16px;
}
.psy-review figcaption {
  font: 500 14px/1 Roboto, Arial, sans-serif;
  color: #4a4a43;
}
.psy-review figcaption::before {
  content: "— ";
  color: #f98669;
}

@media (max-width: 900px) {
  .psy-h2 { font-size: 27px; }
  .psy-trust { padding: 48px 0 0; }
  .psy-trust__in { flex-direction: column; align-items: flex-start; gap: 22px; }
  .psy-trust__photo { width: 140px; height: 140px; }
  .psy-reviews { padding: 36px 0 56px; }
  .psy-reviews__grid { grid-template-columns: 1fr; }
}

/* ---------- 8. Встроенный виджет записи ОКНА (страница «Связь с Роговой») ---------- */
.psy-booking { padding: 128px 0 90px; }
.psy-booking__in { text-align: center; }
.psy-eyebrow {
  font: 500 13px/1 Roboto, Arial, sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #f98669;
  margin-bottom: 14px;
}
.psy-booking__lead {
  font: 300 17px/1.6 Roboto, Arial, sans-serif;
  color: #6b6b64;
  max-width: 48ch;
  margin: 0 auto 34px;
}
/* Карточка виджета: потолок высоты + внутренний скролл — страница не «простыня» */
.okna-card {
  max-width: 620px;
  margin: 0 auto;
  max-height: 640px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #e7e5e1;
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(41, 41, 41, 0.06);
  -webkit-overflow-scrolling: touch;
}
.okna-card iframe { border-radius: 20px; }
.psy-booking__or {
  font: 400 15px/1.5 Roboto, Arial, sans-serif;
  color: #6b6b64;
  margin: 28px auto 0;
}
@media (max-width: 640px) {
  .psy-booking { padding: 96px 0 56px; }
  .okna-card { max-height: 72vh; border-radius: 16px; }
}