.spr-page-heading {
  position: relative;
  color: var(--heading-color);
  background-color: var(--page-heading-background);
  font-size: var(--heading-font-size);
  font-weight: var(--heading-font-weight);
  line-height: var(--heading-line-height);
  padding-block: var(--padding-vertical-small);

  @media (min-width: 992px) {
    padding-block: calc(var(--padding-vertical-small) + var(--space-small));
  }
}

.path-frontpage .spr-page-heading {
  display: none;
}

.spr-page-heading.has-background-color-white {
  --page-heading-background: var(--color-white);
}

.spr-page-heading.has-background-color-gray {
  --page-heading-background: var(--color-light);
}

.spr-page-heading.has-one-column .spr-page-heading__container > .spr-heading,
.spr-page-heading.has-two-column .spr-page-heading__container > .spr-heading {
  margin-block-end: var(--space-medium);
}

.spr-page-heading__container .spr-heading {
  grid-column: 1 / span 4;

  @media (min-width: 992px) {
    grid-column: 1 / span 12;
  }
}

.spr-page-heading.has-two-column .spr-page-heading__blocks {
  align-items: flex-end;

  @media (min-width: 992px) and (max-width: 1399px) {
    gap: var(--space-large);
  }
}

/* The Card List overrides */
.spr-page-heading__blocks .spr-card-list {
  grid-column: 1 / span 4;
  padding-block: 0;

  @media (min-width: 992px) {
    grid-column: 1 / span 5;
    align-self: stretch;
  }
}

.spr-page-heading__blocks .spr-card-list .spr-card-list__content,
.spr-page-heading__blocks .spr-card-list .spr-card-list__content .spr-card {
  @media (min-width: 992px) {
    height: 100%;
  }
}

/* The Game List overrides */
.spr-page-heading__blocks .spr-game-list {
  grid-column: 1 / span 4;

  &.grid {
    padding-inline: 0;
  }

  @media (min-width: 992px) {
    grid-column: 6 / span 7;
    align-self: stretch;
  }

  @media (min-width: 1400px) {
    grid-column: 7 / span 6;
  }
}

.spr-page-heading__blocks .spr-game-list .spr-game-list__heading {
  @media (min-width: 992px) {
    position: absolute;
    top: 0;
    width: 100%;
    transform: translateY(-100%);
  }
}

.spr-page-heading__blocks .spr-game-list .spr-game-list__content {
  margin: 0;
}

/* The Podium and Section Menu overrides */
.spr-page-heading__blocks .spr-podium,
.spr-page-heading__blocks .spr-section-menu {
  grid-column: 1 / span 4;

  @media (min-width: 992px) {
    grid-column: 1 / span 12;
  }
}

.spr-page-heading.grid {
  padding-block: var(--padding-vertical-small);
}

.spr-page-heading--left.grid .spr-page-heading__container {
  justify-content: flex-start;
}

.spr-page-heading--center.grid .spr-page-heading__container {
  justify-content: center;
}

.spr-page-heading--right.grid .spr-page-heading__container {
  justify-content: flex-end;
}

.spr-page-heading.grid .spr-page-heading__container {
  grid-column: 1 / span 12;
}