.products-data {
  display: none;
}

.products-data--show {
  display: block;
}

.products-not-found {
  text-align: center;
}



.filters-mode-view {
  margin-left: auto;
}

.filters-mode-view__item {
  cursor: pointer;
}

.filters-mode-view__item:not(.active) svg {
  fill: #808d9a;
}

.filters-mode-view__item:hover svg,
.filters-mode-view__item.active svg {
  fill: #004989;
}

.filters-mode-view__items {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.filter-mode-view__sep {
  width: 1px;
  height: 17px;
  display: flex;
  background-color: #cfcfcf;
  border-radius: 24px;
}



.products-grid__wrapper {
  position: relative;
  min-height: 25rem;
}

.products-grid .loading {
  position: absolute;
}

.products-grid [class*=col-] {
  margin-bottom: 50px;
}

@media (max-width: 1024px) {
  /* выключаем для мобилки */
  .filters-mode-view {
    display: none;
  }
}

@media (max-width: 991px) {
  .products-grid .pagination div {
    font-size: 16px;
    line-height: 21px;
  }

  .products-grid .pagination div:last-child {
    padding: 13px 78px;
  }

  .products-grid [class*=col-] {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .products-grid .pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap-reverse;
  }

  .products-grid .pagination div {
    font-size: 12px;
    line-height: 16px;
  }

  .products-grid .pagination div:last-child {
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
    padding: 7px 8px;
  }

  .products-grid [class*=col-] {
    margin-bottom: 30px;
  }
}