.jb-banner.image-banner {
  &.overlay {
    .banner__overlay {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
    }
  }

  .jb-banner-wrap {
    padding-bottom: 120px;

    @media screen and (min-width: 1440px) {
      height: 66vh;
      min-height: 600px;
      padding-bottom: unset;
    }
  }

  .product-slider__image.background-gray-scale {
    .product-slider__image-overlay {
      background: linear-gradient(-90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
    }

    .product-slider__image-wrapper {
      img {
        filter: grayscale(1);
      }
    }
  }

  .image-banner__wrapper__banner {
    .container {
      padding: unset;
    }

    .breadcrumb {
      a,
      span {
        color: var(--Type-light-heading, #fff);
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
      }

      .breadcrumb__delimiter {
        color: white;
        background-color: white;
      }
    }
  }

  @media screen and (min-width: 990px) {
    .image-banner__column--column {
      gap: 80px;
    }
  }

  .image-banner__column--column {
    max-width: 550px;
  }

  .image-banner__wrapper {
    width: 1336px;
    width: clamp(640px, calc(1336 * 100vw / 1920), 1336px);
  }

  .image-banner__text {
    font-size: 20px;
  }

  @media screen and (max-width: 750px) {
    .jb-banner-wrap {
      padding-bottom: 42px !important;
    }

    .jb-banner-wrap {
      max-height: unset;
    }
  }
}

.jb-banner.image-banner.gray-scale {
  .banner__media.media {
    &::before {
      pointer-events: none;
    }
    img {
      filter: grayscale(1);
    }
  }

  .banner__overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
  }
}