#collection-page-header {
  min-height: unset;
  padding: 32px 0 40px;
  text-align: left;
  background-color: #f2f5f9;

  .page-header__inner {
    width: 100%;
    padding: 0 16px;

    @media only screen and (min-width: 768px) {
      max-width: 960px;
      padding: 0;

      > * {
        max-width: 800px;
      }
    }

    /* Content */
    .page-header--collection-content {
      .metafield-rich_text_field {
        color: #152a49;

        h1,
        h2,
        h3 {
          margin: 0;
        }

        h1 {
          font-size: 24px;
          font-weight: 700;
          line-height: 1.4;

          @media only screen and (min-width: 768px) {
            font-size: 40px;
            font-weight: 600;
            letter-spacing: 0.4px;
          }
        }

        h2 {
          font-size: 20px;
          font-weight: 500;
          line-height: 1.4;

          @media only screen and (min-width: 768px) {
            font-size: 24px;
          }
        }

        h3 {
          font-size: 18px;
          line-height: 1.4;

          @media only screen and (min-width: 768px) {
            font-size: 20px;
          }
        }

        p {
          margin-top: 8px;
          margin-bottom: 0;
          font-size: 16px;
          font-weight: 400;
          line-height: 1.5;

          @media only screen and (min-width: 768px) {
            font-size: 18px;
          }
        }
      }
    }

    /* Links */
    .page-header--subcollections {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      margin-top: 16px;

      a {
        margin: 0;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.5;
        color: #152a49;

        @media only screen and (min-width: 768px) {
          font-size: 16px;
        }
      }
    }
  }
}