/**
 * Semantic heading look on <p> — wins over generic `p {}` from bundle
 */

.heading-style-h3 {
  font-family: "Epilogue", serif !important;
  font-size: 32px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 40px !important;
  letter-spacing: -0.64px !important;
  text-transform: capitalize !important;
  margin: 0 !important;
}

@media screen and (max-width: 768px) {
  .heading-style-h3 {
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 32px !important;
    letter-spacing: -0.48px !important;
  }
}

.heading-style-h4 {
  font-family: "Epilogue", serif !important;
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  letter-spacing: -0.56px !important;
  text-transform: capitalize !important;
  color: #28261b !important;
  margin: 0 !important;
}

@media screen and (max-width: 768px) {
  .heading-style-h4 {
    font-size: 22px !important;
    line-height: 100% !important;
    letter-spacing: -0.44px !important;
  }
}

/* FAQ: тёмный фон — только <h3.faq-question>, без .heading-style-h4 */
#faq .section__card h3.faq-question {
  color: #fff !important;
}

/* Оверлей-карточки */
.section__item--overlay .heading-style-h4.section__item-title--break {
  color: #fff !important;
}

/* Тёмные плитки (#choose и аналоги) */
.section__item.section__item--dark .heading-style-h4,
.section__item.section__item--dark > p:not(.heading-style-h4) {
  color: #fff !important;
}