/* ===========================
   TYPOGRAPHY BASE — SUDOLAB
   (fixed px sizes, responsive)
=========================== */

/* ====== Desktop ≥ 1200px ====== */
.defaultH1 {
  font-size: 54px !important;
  line-height: 1.04 !important;
  letter-spacing: 0.10em;
  margin: 0;
  text-transform: uppercase;
}

.defaultH2 {
  font-size: 34px !important;
  line-height: 1.08 !important;
  letter-spacing: 0.12em;
  margin: 0;
  text-transform: uppercase;
}

.defaultH3 {
  font-size: 24px !important;
  line-height: 1.12 !important;
  margin: 0 0 6px;
}

.defaultH4 {
  font-size: 20px !important;
  line-height: 1.15 !important;
  margin: 0 0 4px;
}

.defaultP,
li {
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 0;
}

/* Отступы секций */
section h2 {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

section h2 + p {
  margin: 0 !important;
  margin-bottom: 20px !important;
}

.left section {
  padding: 10px 0 !important;
  margin-bottom: 0 !important;
}

.left-title {
  margin-block: 36px;
}

/* ====== ≤ 1200px ====== */
@media screen and (max-width: 1200px) {
  .defaultH1 {
    font-size: 46px !important;
    line-height: 1.06;
  }

  .defaultH2 {
    font-size: 30px !important;
    line-height: 1.08;
  }

  .defaultH3 {
    font-size: 22px !important;
  }

  .defaultH4 {
    font-size: 17px !important;
  }

  .defaultP,
  li {
    font-size: 15px !important;
  }

  section h2 {
    margin-bottom: 18px !important;
  }
}

/* ====== ≤ 900px (планшеты) ====== */
@media screen and (max-width: 900px) {
  .defaultH1 {
    font-size: 40px !important;
    letter-spacing: 0.08em;
  }

  .defaultH2 {
    font-size: 28px !important;
  }

  .defaultH3 {
    font-size: 20px !important;
  }

  .defaultH4 {
    font-size: 16px !important;
  }

  .defaultP,
  li {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
  }

  .left section {
    padding: 10px 0 !important;
  }
}

/* ====== ≤ 700px ====== */
@media screen and (max-width: 700px) {
  .defaultH1 {
    font-size: 34px !important;
    letter-spacing: 0.07em;
  }

  .defaultH2 {
    font-size: 24px !important;
  }

  .defaultH3 {
    font-size: 18px !important;
  }

  .defaultH4 {
    font-size: 15px !important;
  }

  .defaultP,
  li {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  section h2 {
    margin-bottom: 16px !important;
  }
}

/* ====== ≤ 500px (телефоны) ====== */
@media screen and (max-width: 500px) {
  .defaultH1 {
    font-size: 30px !important;
  }

  .defaultH2 {
    font-size: 22px !important;
  }

  .defaultH3 {
    font-size: 18px !important;
  }

  .defaultH4 {
    font-size: 15px !important;
  }

  .defaultP,
  li {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  section h2 {
    margin-bottom: 14px !important;
  }
}

/* ====== ≤ 380px (малые экраны) ====== */
@media screen and (max-width: 380px) {
  .defaultH1 {
    font-size: 26px !important;
  }

  .defaultH2 {
    font-size: 20px !important;
  }

  .defaultH3 {
    font-size: 16px !important;
  }

  .defaultH4 {
    font-size: 14px !important;
  }

  .defaultP,
  li {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
  }
}