/*
 * Aloldali hero-egységesítés
 * A főoldal meglévő hero-hátterének eredeti képfájlját és sötétítő rétegét használja.
 * Az útvonalanként első tartalmi szakasz érintett; a főoldal hero-ja változatlan marad.
 */
main > div.pt-20 > section:first-child {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #0A0A0A !important;
  background-image:
    linear-gradient(
      to right,
      rgba(10, 10, 10, 0.90) 0%,
      rgba(10, 10, 10, 0.70) 52%,
      rgba(10, 10, 10, 0) 100%
    ),
    url('/assets/media/hero-bg.png') !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* A tartalom minden esetben a dekorációs háttér fölött marad. */
main > div.pt-20 > section:first-child > .container {
  position: relative;
  z-index: 1;
}

/* Kis képernyőkön is megőrzi a főoldal visszafogott, olvasható kontrasztját. */
@media (max-width: 767px) {
  main > div.pt-20 > section:first-child {
    background-image:
      linear-gradient(
        to right,
        rgba(10, 10, 10, 0.93) 0%,
        rgba(10, 10, 10, 0.80) 58%,
        rgba(10, 10, 10, 0.42) 100%
      ),
      url('/assets/media/hero-bg.png') !important;
  }
}