.product_bar{
  display: flex;
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 8px;
  border-radius: 6px;
  align-items: stretch;
  align-items: center;

}

.product_bar .card_changer{
  margin-left:auto; 
}


.product_bar .card_filter {
	display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    border-radius: 4px;
    padding: 6px 10px;
}


.product_bar .card_filter img{
    width: 16px;
}


/* Переключатель */
.card_changer {
	display: flex;
	height: fit-content;
}

.card_changer button.active{
  background-color: #f5f5f5;
}

.card_changer button{  
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  padding: 6px 10px;
}

.card_changer button img{  
	width: unset;
}

.card_changer button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}

.card_changer button:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.card_changer button:hover{
	background-color: rgba(0, 0, 0, 0.04);
}


.middle_container{
  margin-right: 15px;
  margin-left: auto;
}

.middle_container img{
  width: 27px;
  position: relative;
  top: -2px;
  cursor: pointer;
  transition: .3s;
}

.middle_container img:hover{
  filter: saturate(1.5);
  filter: drop-shadow(1px 4px 3px #eb3871);
}


.middle_container .column_3{
  width: 28px;
  margin-right: 5px;
  filter: grayscale(1);
  top: -1px;
}

.middle_container .column_3.grid_3{
  filter: grayscale(0);
}


.middle_container .column_3:hover{
  filter: drop-shadow(1px 4px 3px #47c4ea);
}


/* фильтры в сайт-баре */

.product_bar_filter  {
    display: flex;
}

.product_bar_filter span{ 
  display: flex;
  align-items:center;
  padding: 6px 15px;
  margin-right: 23px;
  text-align: center;
  cursor:pointer;
}


.product_bar_filter span:hover {
  background-color: #94a7c8;
  color: white;
}