.main-page__title {
  margin-block-end: 30px;
  text-align: center;
}

/* Instalment CMS titles: keep multi-line copy clear of sticky/app header */
.main-page .instalment .background-image-title,
.main-page .instalment .sec-title h2 {
  overflow: visible;
}

@media (max-width: 839.99px) {
  .main-page .instalment .background-image-title,
  .main-page .instalment .sec-title h2 {
    font-size: 24px;
  }

  .main-page .instalment .sec-title,
  .main-page .instalment > .background-image-title {
    margin-block-start: 48px;
  }

  /* Site header is hidden in My HONOR WebView — avoid first line under native bar */
  .honor-app .main-page .instalment .sec-title,
  .honor-app .main-page .instalment > .background-image-title {
    margin-block-start: max(56px, calc(env(safe-area-inset-top, 0px) + 40px));
  }
}

@media (min-width: 960px) {
  .main-page__title {
    margin-block-end: 20px;
  }
}