.shopify-section--page-header {
  & .mx-page-header {
    display: flex;
    position: relative;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: stretch;
    width: calc(100% - 2rem);
    max-width: var(--mx-max-width);
    margin: 0.875rem auto 1.125rem;
    color: var(--mx-content-color);
    text-align: center;

    @media (width >= 40rem) {
      margin-block-end: 1.25rem;
    }

    &::before {
      top: -0.875rem;
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background: currentColor;
      box-shadow: 0 6px 0 currentColor;
    }

    &::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background: currentColor;
      box-shadow: 0 6px 0 currentColor;
      bottom: -1.125rem;

      @media (width >= 40rem) {
        bottom: -1.25rem;
      }
    }
  }

  & .header-title {
    font-family: var(--heading-font-family);
    font-style: var(--heading-font-style);
    font-size: 2.25rem;

    @media (width >= 40rem) {
      font-size: 3rem;
    }
  }

  & .header-undertitle {
    margin-block-start: 0.375rem;
    font-family: var(--base-font-family);
    font-style: var(--base-font-style);
    font-size: 1rem;

    @media (width >= 40rem) {
      font-size: 1.25rem;
    }
  }
}