/*
  ============================================================
  ПРАВКИ СТИЛЕЙ САЙТА — РЕДАКТИРУЙТЕ ТОЛЬКО ЭТОТ ФАЙЛ
  ============================================================

  Путь на сервере:
    /home/i/imaxis0z/fixer-it.ru/public_html/custom/site-overrides.css

  URL:
    https://fixer-it.ru/custom/site-overrides.css

  Этот файл:
  - не входит в сборку Next.js (нет хешей типа 226d6742….css)
  - не перезаписывается при деплое приложения
  - подключается на всех страницах после основных стилей

  НЕ ПРАВЬТЕ файлы в:
    fixer-app/.next/static/css/*.css
  Они каждый раз создаются заново при сборке.

  Для селекторов используйте стабильные атрибуты data-site="…"
  или id секций (#why, #contact, #calculator и т.д.).
  ============================================================
*/

:root {
  /* Примеры переменных — раскомментируйте и меняйте */
  /* --hero-title-size-desktop: 3.55rem; */
}

/* Hero: блок калькулятор + картинка */
[data-site="hero-stage"] {
  align-items: end;
}

@media (min-width: 900px) {
  [data-site="hero-stage"] {
    margin-top: -6rem;
    align-items: end;
  }
  .Hero_subtitle__SL1IQ {
    margin-top: 2rem;
    max-width: 60ch;
  }
  .FinalCTA_content__9HZj2>p {
    max-width: 39ch;
  }
  .section-head {
    max-width: 60rem;
  }
}

@media (min-width: 1100px) {
  [data-site="hero-title"] {
    font-size: 3.75rem;
  }
  .FinalCTA_content__9HZj2 h2 {
    max-width: 20ch;
    margin-right: -5rem;
  }
}

@media (max-width: 899px) {
  .Calculator_input__mzKjs, .Calculator_textarea__jHeug {
    font-size: 0.9rem;
  }
  .Hero_title__Ju6wZ {
    font-size: clamp(2.2rem, 8.4vw, 2.85rem);
  }
}


/* Финальный CTA: фон иллюстрации */
[data-site="cta-art"] {
  background-color: transparent;
}

/* «Что входит в доработку» — цвет заголовков карточек */
#scope [data-site="scope-title"] {
  color: var(--color-ink);
}