.trending {
  width: 100%;
  padding-right: 64px;
  padding-left: 64px;
  padding-bottom: 48px;
  /* padding: 48px 64px; */
  border-radius: 36px;
  position: relative;
  overflow: hidden;
}

.trending-title {
  font-size: clamp(
    22px,
    calc(22px + (36 - 22) * ((100vw - 350px) / (1800 - 350))),
    36px
  );
  color: white;
  font-weight: 700;
}

/* кнопки */
.left,
.right {
  border: none;
  padding: 1rem;
  border-radius: 50%;
  position: absolute;
  bottom: 50%;
  bottom: calc(50% - 60px);
  transform: translateY(50%);
  background-color: white;
  box-shadow: 1px 1px 5px lightgray;
}

.left {
  left: 2rem;
}

.right {
  right: 2rem;
}

/* фоновые изображения */
.fire {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.tradingbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  object-fit: cover;
}

.d-flex {
  display: flex;
  overflow-x: hidden; 
  gap: 1rem;
  /* padding-top: 1.3rem; */
  scroll-behavior: smooth;
}

.d-flex app-product-card {
  flex: 0 0 100%;
  flex-shrink: 0;
}

/* адаптив */
@media (max-width: 950px) {
  .trending {
    padding: 16px 32px 32px 32px;
  }

  .left {
    left: 1rem;
  }

  .right {
    right: 1rem;
  }
}