.catalog h1 {
  font-family: var(--font-family-ExtraBold);
  font-size: var(--font-size-28);
  margin: 0 0 20px 0;
}

.catalog__container {
  margin: 0 0 20px 0;
}

.catalog__filter-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(250px, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 10px 0;
  background-color: var(--color-gray);
  border: 1px var(--color-light-gray) solid;
}

.catalog__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog__row:not(:last-child) {
  margin: 0 0 15px 0;
}

.catalog__item {
  padding: 25px;
  width: 260px;
  border: 1px var(--color-gray) solid;
  border-radius: 15px;
}

.catalog__item:not(:last-child) {
  margin: 0 15px 0 0;
}

.catalog__view {  
  margin: 0 0 40px 0;
}

@media (min-width: 992px) {
  .catalog__view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
}

.catalog__sort-by select, .catalog__products-to-show select {
  color: var(--color-red);
  border: 1px white solid;
}

.catalog__sort-by select option, .catalog__products-to-show select option {
  color: var(--color-black);
}

.catalog .tabs {
  margin: 0px auto 20px;
}

.catalog .tabs ul {
  margin: 0;
}

.catalog .tabs .tabs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border:1px solid transparent;
}

.catalog .tabs a .tabs-item {
  text-align: center;
}
.catalog .tabs .tabs-item:hover {
  border-radius: 15px;
  border:1px solid var(--color-red);
}

.catalog__row .product-item-container:not(:last-child) {
  /* margin: 0 15px 0 0; */
}

.filter-title {
  margin: 0 5px 0 0;
}

@media (min-width: 530px) {
  .smartfilter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.bx-filter-parameters-box-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}

.bx-filter-parameters-box-container-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bx-filter-parameters-box-container-block span {
  margin: 0 5px 0 0;
}

.bx-filter-input-container input {
  border: 1px var(--color-light-gray) solid;
  border-radius: 5px;
  padding: 0 5px 0;
}

.min-price {
  margin: 0 5px 0 0;
}

.bx-right {
  margin: 0 34px 0 0;
  position: relative;
}

.bx-active{
  margin: 0 0 10px 0;
}

@media (min-width: 530px) {
  .bx-active{
    margin: 0 0 0px 0;
  }
}

@media (min-width: 530px) {
  .bx-right::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 20px;
    right: -29px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5594 10.8828C24.1453 10.3945 24.1453 9.60156 23.5594 9.11328L17.5594 4.11328C16.9734 3.625 16.0219 3.625 15.4359 4.11328C14.85 4.60156 14.85 5.39453 15.4359 5.88281L18.8766 8.75H1.5C0.670312 8.75 0 9.30859 0 10C0 10.6914 0.670312 11.25 1.5 11.25H18.8766L15.4359 14.1172C14.85 14.6055 14.85 15.3984 15.4359 15.8867C16.0219 16.375 16.9734 16.375 17.5594 15.8867L23.5594 10.8867V10.8828Z' fill='%23BD1920'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%, 50%;
  }
}

.bx-filter-parameters-box-container .btn {
  border: 1px var(--color-red) solid;
  border-radius: 5px;
}

.bx-filter-parameters-box-container .btn:first-child {
  background-color: var(--color-red);
  margin: 0 5px 0 0;
}

.bx-filter-parameters-box-container .btn:last-child {
  color: var(--color-black);
}

.btn-link {
  color: var(--color-black);
}

.btn-link:hover {
  text-decoration: none;
  color: var(--color-black);
}

.bx-filter-container-modef {
  display: none;
}