/* ============================================================
   EEIPHOTO — Единая дизайн-система (Inter / Apple Glass Style)
   ============================================================ */


/* ============================================================
   0. ЕДИНАЯ ШКАЛА РАЗМЕРОВ ШРИФТА (для справки)
   ------------------------------------------------------------
   H1 (заголовок страницы):     clamp(38px, 4.8vw, 54px)
   H2 (заголовок раздела):      clamp(28px, 3.4vw, 42px)
   H3 (заголовок карточки):     18px
   Основной текст:               clamp(15px, 1.1vw, 16px)
   Мелкий текст в карточках:     14.5px
   ============================================================ */


/* ============================================================
   1. СМЫСЛОВЫЕ БЛОКИ ("Что такое хэдшот?" и "Зачем нужен хэдшот?")
   ============================================================ */

/* Заголовки H2 */
#rec2468507271 .t015__title,
#rec2468507271 .t015__title *,
#rec2468529981 .t015__title,
#rec2468529981 .t015__title * {
  color: #0a0a0c !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(28px, 3.4vw, 42px) !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
}

/* Текстовые абзацы под заголовками (Тёмный цвет) */
#rec2468409671 .t-text,
#rec2468409671 .t-text *,
#rec2468555751 .t-text,
#rec2468555751 .t-text * {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 300 !important;
  font-size: clamp(15px, 1.1vw, 16px) !important;
  line-height: 1.7 !important;
  color: #1a1a1e !important;
}

/* Сохраняем и подсвечиваем жирные акценты (strong) */
#rec2468409671 .t-text strong,
#rec2468409671 .t-text strong *,
#rec2468555751 .t-text strong,
#rec2468555751 .t-text strong * {
  font-weight: 600 !important;
  color: #000000 !important;
}


/* ============================================================
   2. БЛОК FAQ (Вопрос-Ответ) — Светлая чистая тема
   ============================================================ */

/* Контейнер заголовка и сам заголовок H2 "FAQ" */
#rec2469199661 {
  background-color: #ffffff !important;
  padding-top: 100px !important;
}

#rec2469199661 .t795__title,
#rec2469199661 .t795__title * {
  color: #0a0a0c !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(28px, 3.4vw, 42px) !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase;
}

/* Контейнер аккордеона */
#rec2469187231 {
  background-color: #ffffff !important;
  color: #0a0a0c !important;
  padding-bottom: 120px !important;
}

/* Тонкие линии-разделители */
#rec2469187231 .t585__header,
#rec2469187231 .t585__border {
  border-color: rgba(10, 10, 12, 0.1) !important;
}

/* Заголовки вопросов (H3-уровень) */
#rec2469187231 .t585__title,
#rec2469187231 .t585__title * {
  color: #0a0a0c !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  transition: color 0.3s ease;
}

/* Ховер на заголовок вопроса */
#rec2469187231 .t585__trigger-button:hover .t585__title {
  color: #2AABEE !important;
}

/* Убираем стандартный серый квадратный ховер Тильды */
#rec2469187231 .t585__icon-hover {
  display: none !important;
}

/* Текст ответов */
#rec2469187231 .t585__text,
#rec2469187231 .t585__text * {
  color: rgba(10, 10, 12, 0.75) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

/* Синие иконки плюсиков */
#rec2469187231 .t585__icon g {
  stroke: #2AABEE !important;
}

#rec2469187231 .t585__circle {
  background-color: rgba(42, 171, 238, 0.08) !important;
}


/* ============================================================
   3. ОБЛОЖКА И ПЕРВЫЙ ЭКРАН (Тёмная тема)
   ============================================================ */

#rec2468401271 .t001__title,
#rec2468401271 .t001__title * {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(38px, 4.8vw, 54px) !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
  color: #ffffff !important;
}

#rec2468401271 .t001__descr,
#rec2468401271 .t001__descr * {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(15px, 1.1vw, 16px) !important;
  color: rgba(255, 255, 255, 0.75) !important;
  font-weight: 300 !important;
}


/* ============================================================
   4. БЛОК "ОБО МНЕ" (Принудительный тёмный цвет текста)
   ============================================================ */

#rec2469181421 .t544__title,
#rec2469181421 .t544__title * {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(28px, 3.4vw, 42px) !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: #0a0a0c !important;
}

#rec2469181421 .t544__text,
#rec2469181421 .t544__text *,
#rec2469181421 .t544__content,
#rec2469181421 .t544__content * {
  color: #1a1a1e !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(15px, 1.1vw, 16px) !important;
  line-height: 1.7 !important;
  font-weight: 300 !important;
}

#rec2469181421 .t544__text strong,
#rec2469181421 .t544__text strong * {
  font-weight: 600 !important;
  color: #000000 !important;
}


/* ============================================================
   5. КАСТОМНЫЕ HTML-БЛОКИ (классы lg-* и hp-*)
   ------------------------------------------------------------
   Эти классы уже объявлены в  внутри самих HTML-блоков
   (T1370) на страницах. Здесь мы приводим их к единой шкале
   через глобальный override — custom.css подключается позже
   инлайновых стилей страницы и переопределит их благодаря !important.
   ============================================================ */

/* --- H1 (заголовок страницы), везде --- */
.lg-h1-main,
.t001__title {
  font-size: clamp(38px, 4.8vw, 54px) !important;
}

/* --- H2 (заголовок раздела), везде --- */
.lg-h2,
.hp-use__title,
.hp-pricing__title,
.hp-prep__title,
.hp-contact__title {
  font-size: clamp(28px, 3.4vw, 42px) !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
}

/* --- H3 (заголовок карточки), везде --- */
.lg-h3-card,
.hp-use__card-title,
.hp-prep__card-title,
.hp-pricing__card-name {
  font-size: 18px !important;
}

/* hp-pricing__card-name у тебя изначально крупнее (30px) как акцент —
   если хочешь оставить эту карточку заметнее остальных, удали
   строку .hp-pricing__card-name выше из общего правила */

/* --- Основной текст (параграфы), везде --- */
.lg-p,
.hp-use__card-text,
.hp-prep__card-text,
.hp-prep__list li,
.hp-pricing__subtitle,
.hp-use__subtitle,
.hp-contact__descr {
  font-size: clamp(15px, 1.1vw, 16px) !important;
}

/* --- Мелкий текст внутри карточек с обтравкой (стоимость, доп. детали) --- */
.hp-pricing__card-features li {
  font-size: 14.5px !important;
}