/* ============================
   ОСНОВНАЯ ТИПОГРАФИКА (ДЕСКТОП)
   ============================ */

/* Базовый текст */
body {
  font-size: 18px;
  line-height: 1.65;
  font-weight: 300;
}

/* Параграфы и описания */
p,
.t-text,
.t-descr,
.t-descr_xs,
.t-descr_sm,
.t-descr_md {
  font-size: 18px !important;
  line-height: 1.65 !important;
  font-weight: 300 !important;
}

/* Крупные заголовки */
h1,
.t-title_xl,
.t-title_lg,
.t-name_xl {
  font-size: 52px !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em;
}

/* Средний заголовок */
h2,
.t-title_md,
.t-name_md {
  font-size: 36px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
}

/* Малые заголовки */
h3,
.t-title_sm,
.t-name_sm {
  font-size: 28px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
}

/* Кнопки */
.t-btn,
.t-btn_sm {
  font-size: 16px !important;
  letter-spacing: 0.05em !important;
  font-weight: 400 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}


/* ============================
   АДАПТАЦИЯ — МОБИЛЬНАЯ ВЕРСИЯ
   ============================ */
@media (max-width: 640px) {

  /* Базовый текст */
  body {
    font-size: 15px;
    line-height: 1.6;
  }
  
  p,
  .t-text,
  .t-descr,
  .t-descr_xs,
  .t-descr_sm,
  .t-descr_md {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  /* Большие заголовки */
  h1,
  .t-title_xl,
  .t-title_lg,
  .t-name_xl {
    font-size: 32px !important;
    line-height: 1.22 !important;
  }

  /* Средние заголовки */
  h2,
  .t-title_md,
  .t-name_md {
    font-size: 24px !important;
    line-height: 1.28 !important;
  }

  /* Малые заголовки */
  h3,
  .t-title_sm,
  .t-name_sm {
    font-size: 20px !important;
    line-height: 1.32 !important;
  }

  /* Кнопки */
  .t-btn,
  .t-btn_sm {
    font-size: 14px !important;
    letter-spacing: 0.06em !important;
  }
}


/* Отступы между ZERO-блоками */
.t396 {
  margin-bottom: 80px !important; /* универсальный отступ */
}

/* Мобильный отступ */
@media (max-width: 640px) {
  .t396 {
    margin-bottom: 50px !important;
  }
}



/* ===========================
     ОТСТУПЫ ДЛЯ ТЕКСТОВ (ДЕСКТОП)
   =========================== */

p,
.t-text,
.t-descr,
.t-title,
h1, h2, h3,
.t-name,
.t-title_xl,
.t-title_lg,
.t-title_md,
.t-title_sm {
  margin-top: 60px !important; /* единый верхний отступ */
}


/* ===========================
     МОБИЛЬНАЯ ВЕРСИЯ
   =========================== */

@media (max-width: 640px) {
  p,
  .t-text,
  .t-descr,
  .t-title,
  h1, h2, h3,
  .t-name,
  .t-title_xl,
  .t-title_lg,
  .t-title_md,
  .t-title_sm {
    margin-top: 40px !important; /* мягче, меньше воздуха */
  }
}