.mkdf-page-header {
  margin-bottom: -140px;
}

/* Mobile-only: re-center the UAGB hero/container block */

@media (max-width: 768px) {
  .uagb-block-ifjasryv {
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    /* helpful if the “float left” is actually from a translate */
    transform: none !important;
  }

  /* If the content inside is still hugging the left edge */

  .uagb-block-ifjasryv .uagb-container-inner-blocks-wrap,
  .uagb-block-ifjasryv .uagb-container__content-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
    max-width: 100%;
  }

  /* Optional: give breathing room so text is legible on small screens */

  .uagb-block-ifjasryv {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* 1) MOBILE: stop any horizontal scroll / clipping */

@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden;
  }

  /* If any block uses 100vw (common culprit), force it back to 100% */

  .wp-site-blocks,
  .site,
  .site-content,
  .entry-content,
  main,
  .wp-block-group,
  .wp-block-cover,
  .alignfull,
  .alignwide {
    max-width: 100% !important;
  }

  /* Kill the most common overflow culprits */

  .alignfull,
  .wp-block-cover,
  .wp-block-group {
    width: 100% !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  /* 1) Center the specific ThemeIsle advanced column you identified */

  #wp-block-themeisle-blocks-advanced-column-f3ea1061 {
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    max-width: calc(100% - 32px) !important;
    /* keeps a 16px gutter */
    width: 100% !important;
  }

  /* 2) If the white “card” is inside this column, center its immediate children */

  #wp-block-themeisle-blocks-advanced-column-f3ea1061 > * {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 768px) {
  .wp-block-cover,
  .wp-block-group.alignfull,
  .alignfull {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .wp-block-cover__inner-container,
  .wp-block-group__inner-container {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .mobile-indent-column {
    margin-left: 50px;
    margin-right: 50px;
  }
}