.tzpro-career-section {
  scroll-margin-top: 140px;
}

/* Kariéra – text + obrázek block */
.tzpro-career-text-image-text {
  background-color: #eee;
}

.tzpro-career-text-image-visual {
  min-height: 20rem;
  background-image: linear-gradient(
      to right,
      #eeeeee 0%,
      rgba(238, 238, 238, 1) 10%,
      rgba(238, 238, 238, 0.5) 60%,
      rgba(238, 238, 238, 0) 100%
    ),
    var(--tzpro-career-bg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
}

.tzpro-career-text-image-row.flex-lg-row-reverse .tzpro-career-text-image-visual {
  background-image: linear-gradient(
      to left,
      #eeeeee 0%,
      rgba(238, 238, 238, 1) 10%,
      rgba(238, 238, 238, 0.5) 60%,
      rgba(238, 238, 238, 0) 100%
    ),
    var(--tzpro-career-bg);
  background-position: center left;
}

@media (max-width: 991.98px) {
  /* On mobile, move image below text with top-fade gradient */
  .tzpro-career-text-image-row {
    background-image: none;
  }

  .tzpro-career-text-image-text {
    background-color: #eee;
  }

  .tzpro-career-text-image-visual {
    min-height: 240px;
    background-image: linear-gradient(
        to bottom,
        #eeeeee 0%,
        rgba(238, 238, 238, 1) 5%,
        rgba(238, 238, 238, 0) 100%
      ),
      var(--tzpro-career-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
  }

  /* Keep mobile gradient identical for both desktop image positions. */
  .tzpro-career-text-image-row.flex-lg-row-reverse .tzpro-career-text-image-visual {
    background-image: linear-gradient(
        to bottom,
        #eeeeee 0%,
        rgba(238, 238, 238, 1) 5%,
        rgba(238, 238, 238, 0) 100%
      ),
      var(--tzpro-career-bg);
    background-position: center top;
  }
}

@media (max-width: 767.98px) {
  /* Fullwidth career block: keep plain white mobile background for readability. */
  .tzpro-career-fullwidth-text-image {
    background-image: none !important;
    background-color: #fff !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* Show image below text on mobile (desktop uses absolute side layer). */
  .tzpro-career-fullwidth-text-image-mobile {
    min-height: 240px;
    background-image: var(--tzpro-career-fullwidth-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
}