/* Mobile visual QA fixes: keep Divi rows, hero cards and display headings inside viewport. */
@media (max-width: 767px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .cinda-hero .et_pb_row,
  .cinda-page-hero .et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box;
  }

  .cinda-hero-card,
  .cinda-page-hero-card {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  .cinda-display,
  .cinda-section-title,
  .cinda-display .et_pb_text_inner,
  .cinda-section-title .et_pb_text_inner,
  .cinda-section-title h2,
  .cinda-section-title h3,
  .cinda-hero-card .et_pb_text_inner,
  .cinda-page-hero-card .et_pb_text_inner,
  .cinda-hero-card h1,
  .cinda-page-hero-card h1,
  .cinda-hero-card p,
  .cinda-page-hero-card p {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .cinda-section-title,
  .cinda-section-title h2,
  .cinda-section-title h3 {
    font-size: clamp(2rem, 10vw, 2.8rem) !important;
    line-height: .98 !important;
  }

  .cinda-hero .et_pb_column,
  .cinda-page-hero .et_pb_column,
  .cinda-hero .et_pb_module,
  .cinda-page-hero .et_pb_module {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}