/* ===========================
   TYPOGRAPHY BASE — ROBOTIST GOLF CLUB
   DM Serif Display + Manrope
=========================== */

/* ====== Desktop ≥ 1200px ====== */
.defaultH1 {
  
  font-size: 60px !important;
  line-height: 1.04 !important;
  margin: 0;
 
}

.defaultH2, .rv-controls {
  
  font-size: 40px !important;
  line-height: 1.08 !important;
  margin: 0;
  letter-spacing: -0.4px;
  font-family: var(--font2) !important;
  
}

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

.defaultH4 {
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  font-size: 20px !important;
  line-height: 1.18 !important;
  margin: 0 0 4px;
}

.defaultP,
li {
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  font-size: 18px !important;
  line-height: 1.7 !important;
  margin: 0;
}

/* Отступы + цвет заголовков секций */
section h2 , .rv-controls{
  margin-top: 0 !important;
  margin-bottom: 22px !important;
  /* тёмно-зелёный для h2 */
  
}

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

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

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

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

  .defaultH2, .rv-controls {
    font-size: 36px !important;
    line-height: 1.08;
  }

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

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

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

  section h2 , .rv-controls{
    margin-bottom: 20px !important;
  }
}

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

  .defaultH2 , .rv-controls{
    font-size: 32px !important;
  }

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

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

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

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

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

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

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

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

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

  section h2, .rv-controls {
    margin-bottom: 18px !important;
  }
}

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

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

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

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

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

  section h2, .rv-controls {
    margin-bottom: 16px !important;
  }
}

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

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

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

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

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