/* ─────────────────────────────────────────────────────────
   responsive.css — global overrides only
   Component-specific responsive rules live inside each
   component's own .css file.
───────────────────────────────────────────────────────── */

/* ── ≤ 1199px ────────────────────────────────────────── */
@media (max-width: 1199.98px) {
  h1 { font-size: 36px; }
  h2 { font-size: 30px; }
  h3 { font-size: 24px; }

  /* section-title overrides h2 with 50px fixed — reduce it */
  .section-title .title,
  .section-title-two .title { font-size: 38px; }
}

/* ── ≤ 991px ─────────────────────────────────────────── */
@media (max-width: 991.98px) {
  /* section spacing */
  .section-py-130 { padding: 100px 0; }
  .section-pt-130 { padding-top: 100px; }
  .section-pb-100 { padding-bottom: 70px; }
  .section-pb-130 { padding-bottom: 100px; }
}

/* ── ≤ 767px ─────────────────────────────────────────── */
@media (max-width: 767.98px) {
  h1 { font-size: 30px; }
  h2 { font-size: 26px; }
  h3 { font-size: 22px; }
  h4 { font-size: 19px; }
  h5 { font-size: 16px; }

  .section-title .title,
  .section-title-two .title { font-size: 30px; }

  /* section spacing */
  .section-py-130 { padding: 80px 0; }
  .section-pt-130 { padding-top: 80px; }
  .section-pb-100 { padding-bottom: 60px; }
  .section-pb-130 { padding-bottom: 80px; }

  /* scroll-top button */
  .scroll-top {
    right: 15px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  .scroll-top.open { bottom: 15px; }
}

/* ── ≤ 575px ─────────────────────────────────────────── */
@media (max-width: 575px) {
  h1 { font-size: 26px; }
  h2 { font-size: 22px; }
  h3 { font-size: 20px; }

  .section-title .title,
  .section-title-two .title { font-size: 26px; }

  /* give container a bit more breathing room on phones */
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* section spacing */
  .section-py-130 { padding: 60px 0; }
  .section-pt-130 { padding-top: 60px; }
  .section-pb-100 { padding-bottom: 50px; }
  .section-pb-130 { padding-bottom: 60px; }

  /* global button sizing */
  .btn { padding: 15px 30px; font-size: 15px; }
}