/* Фильтры */

.chars-filter-popup .menu-close{
    text-align: right;
	font-size: 22px;
}





.filter{	
	line-height: normal;
	cursor: pointer;
}

/*.filter.cat_1:hover{
		transition: .3s;
		color:  #94a7c8;
}*/
.filter.cat_2:hover{
		transition: .3s;
		color:  #94a7c8;
}

.filter.cat_1 {
    padding-bottom: 4px;
    padding-top: 4px;
}

/*.cat_filter_bar{
	margin-left: 10px;
}*/

.cat_filter_bar .filter{
	padding-left: 15px;
}

.cat_2_list {
    margin-bottom: unset; 
    margin-left: 7px;
    margin-top: 5px;
}
 

.filter.cat_2{
	padding-top: 3px;
	padding-bottom: 3px;
}

.cat_filter_bar .wrap_filter {
    padding: 15px 0px;
    margin-top: -1px;
}


.highlighted{background: red;}


/* Активный фильтр */

.filter.active{
  background-color: #94a7c8;
  color: white;
  border-radius: 2px;
}

.filter.active:hover{
  color: white;
}


/* Фильтры характеристик*/

.wrap_charest_container, 
.filter_charset, 
.filter_charset input, 
.filter_charset label{
    cursor: pointer;
}

.filter_charset {
    margin-bottom: 6px;
}


/* поиск */
.search-wrapp {
  position: relative; 
  width: 300px;
}


/* Absolute Mode */
.search-wrapp.width_mode {
  position: absolute;
  width: calc(100% - 20px);
  right: 10px;
  transition: 0.25s;
  overflow: visible;
  top: 0;
}

.search-wrapp .input_area{
  position: relative;
}

.search-wrapp input, .search-wrapp button {
  outline: none;
  background: transparent;
}


/* Мобильные настройки дял поиска */
@media(max-width: 768px){
  .search-wrapp.width_mode {
    width: 100%;
    right: 0;
    top: 0;
    border-radius: unset;
  } 
  .search-wrapp.width_mode  .input_area{
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
  }
}


.search-wrapp input {
  margin-bottom: unset;
}




.search-wrapp button {
  border: none;
  height: 40px;
  width: 42px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}



.search-wrapp button:before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 17px;
}


.search-wrapp button.close_modal:before{
  content: "\2716";
}

/* Контейнер для фильтров по свойствам */

.filtr_charest{
   margin-left: 15px;
} 

.filter_charset{
  margin-left: 10px;
} 



.filter_charset label input{
  vertical-align: middle;
  text-transform: lowercase;
}


/* поиск для хедера в мобильной версии */
@media (max-width: 990px) { 
	.search-wrapp {
		width: 100%;}

}

/* ------------------------*/
		.search_result{	
			/* width: 100%;
			position: absolute; */
        border-radius: 5px;
        border-top-left-radius: unset;
        border-top-right-radius: unset;
        top: calc(100% - 5px);
      
        border-top: unset;
        background: white;
        /* padding-left: 15px; */
        z-index: 10;

        margin: 0px 15px;

        overflow: auto;
        height: 85vh;

		  }

		.search-wrapp .search_result{	
          margin: 30px 15px;
		}
  


/* спойлеры фильтры */

summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary {
   display:inline-block;
   padding: 4px 28px;
   font-size:1.4em;
   cursor: pointer;
   position: relative;
   width: 100%;
}
summary:before {  
  left: 7px;
  top: 7px;
  color: transparent;
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
  width: 1em;
  height: 1em;  
  content: "";
  position: absolute;
  transition: transform .5s;
}

details[open] > summary:before {
  transform: rotateZ(90deg);
}

summary ~ * {
   padding:0 1em 0 1em;
}

details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
  margin-top: 6px;
}
 

/*summary:focus {
  background-color: #94a7c8;
 
}

summary:active {
  background-color: #94a7c8;
 
}
 
summary:hover {
  background-color: #94a7c8;
  color:white;
 
}*/



.search_result .add_products{
  display: none;
}

.wrap_radio, .wrap_checkbox{
  margin-top: -1px;
  padding: 15px 0px;
}



.chars_filters .next{
  text-decoration: underline;
}