product-card {
  .swiper-scrollbar.slider--scrollbar {
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: transparent;

    .swiper-scrollbar-drag {
      border-radius: 0;
      background-color: #000;
    }
  }
}

@media screen and (min-width: 989px) {
  product-card {
    .slider--buttons,
    .slider--scrollbar {
      opacity: 0;
      visibility: hidden;
      transition: 0.2s ease-in-out;
    }

    .product-card-slider:hover,
    .product-card-slider:focus {
      .slider--buttons,
      .slider--scrollbar {
        opacity: 1;
        visibility: visible;
        transition: 0.2s ease-in-out;
      }
    }
  }
}