.tr-homecategory {
  width: 100%;
}

.tr-homecategory__inner {
  display: flex;
  align-items: center;
  width: 100%;
}

.tr-homecategory__viewport {
  overflow-x: auto;
  scroll-behavior: smooth;
  width: 100%;
  scrollbar-width: none;
}

.tr-homecategory__viewport::-webkit-scrollbar {
  display: none;
}

.tr-homecategory__track {
  display: flex;
}

.tr-homecategory__item {
  flex: 0 0 calc(100% / 8);
  text-align: center;
  text-decoration: none;
  padding: 15px;
}

.tr-homecategory__image-wrapper {
  display: block;
}

.tr-homecategory__image {
  max-width: 100%;
  height: auto;
}

.tr-homecategory__title {
  display: block;
}

.tr-homecategory__arrow {
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 70px;
  line-height: 1;
}

.tr-homecategory__arrow:disabled {
  opacity: 0.3;
  cursor: default;
}

@media (max-width: 991px) {
  .tr-homecategory__item {
    flex-basis: calc(100% / 4);
  }
}

@media (max-width: 575px) {
  .tr-homecategory__item {
    flex-basis: calc(100% / 2);
  }
}