:root {
  --swiper-scrollbar-size: 8px;
  --swiper-scrollbar-bg-color: #ffffff;
  --swiper-scrollbar-drag-bg-color: rgba(var(--color-button), var(--alpha-button-background));
  --swiper-scrollbar-border-radius: 0;
  --swiper-scrollbar-bottom: 0;
}

.product__herbs-wrapper {
  //background-color: rgb(var(--color-main));
}

@media screen and (min-width: 1024px) {
  .product__herbs-wrapper .swiper-wrapper {
    justify-content: center;
  }
}