.products-items-section {
  width: 100vw;
  overflow-x: clip;
  margin-bottom: 120px;
}

.product-wrapper {
  margin-left: 40px;
  scroll-margin-top: var(--menu-height-with-wpadminbar);
  scroll-behavior: smooth;
}

.product-card {
  padding: 40px;
  width: 740px;
  height: 555px;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-card-text {
  max-width: 405px;
}

.product-card picture,
.product-card img {
  overflow: hidden;
}

.product-card  *:not(.product-card-black-overlay) {
  z-index: 1;
}

.product-cards-wrapper .slider-swiper-arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + 40px));
}

.product-cards-wrapper { 
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-166px, -50%);
  width: calc(50vw + 200px);
  z-index: 1;
}

.product-cards {
  overflow: clip;
}


.products-cards-item {
  padding: 60px 40px;
  background-color: var(--neutral-k1);
  width: 555px;
  max-width: 555px;
  height: 360px;
}

.products-cards-item .cta_wrapper {
  padding-top: 0;
}

.products-gradient {
  position: absolute;
  top: 0;
  right: 0;
  width: 255px;
  height: 100%;
  z-index: 1;
  background: linear-gradient(270deg, var(--neutral-w) 0%, var(--neutral-w) 20%, rgba(var(--neutral-w), 0.00) 100%);
  pointer-events: none;
}

.product-card-black-overlay {
 /* background: linear-gradient(0deg, rgba(var(--neutral-w-rgb), .7) 0%, rgba(var(--neutral-w-rgb), .7) 20%, rgba(var(--neutral-w-rgb), .0) 100%);*/
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 20%, rgba(0, 0, 0, 0.00) 50.1%, rgba(0, 0, 0, 0.00) 100%);
  
}

@media screen and (max-width: 1024px) {

  .products-items-section {
    margin-bottom: 80px;
  }

  .product-wrapper {
    gap: 24px;
    margin-left: 0;
  }

  .product-cards-wrapper {
    position: relative;
    left: unset;
    top: unset;
    transform: unset;
    width: 100%;
  }

  /*.product-card-black-overlay {
    background: linear-gradient(0deg, var(--neutral-w) 0%, rgba(var(--neutral-w-rgb), .7) 40%, rgba(var(--neutral-w-rgb), .0) 80%);
  }*/

  .product-cards:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  
  .product-card {
    height: 667px;
    width: 100%;
    padding: 24px 24px 120px;
    background-position: center;
    margin-bottom: -100px;
  }
  
  .products-gradient {
    display: none;
  }

  .products-cards-item {
    max-width: unset;
    height: unset;
    width: calc(100% - 48px);
    padding: 24px;
    gap: 16px;
  }

  .product-cards-wrapper .slider-swiper-arrow {
    position: relative;
    bottom: unset;
    left: unset;
    transform: unset;
    margin-top: 40px;
  }
}