/* ОБЩЕЕ */
.filter-wrapper {
  
}
.filter-panel {
   
}
.filter-actions {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.apply-btn {
 background: #C41B1B;
    color: white;
    border: none;  
    border-radius: 5px;
    width: 231px;
    height: 38px;
	font-size:16px;
	font-weight:600;
}
.reset-btn {
 background: none;
    color: #000;
    border: 1px solid #C41B1B;  
    border-radius: 5px;
    width: 231px;
    height: 38px;
	font-size:16px;
	font-weight:600;
}

/* DESKTOP */
.desktop-view {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: flex-end;
}
.filter-box {
      display: flex;
    flex-direction: column;
    border: 1px solid #000000;
    padding: 10px;
    border-radius: 3px;
    background: #fff;
	font-size: 14px;
	    min-height: 78px;
}
.filter-box label {
  margin-bottom: 5px;
  font-weight: 600;
}
.date-range {
  display: flex;
  gap: 5px;
  align-items: center;
}
.date-range span{
  color:#C41B1B;
      font-weight: 600;
}
.filter-wrapper{width: 100%;}

/* MOBILE */
.filter-toggle-btn {
     box-shadow: 1px 3px 3px #ccc;
    background: #fff;
    color: #000;
    border: 1px solid #000000;
    border-radius: 5px;
    height: 40px;
    width: 100%;
    display: none;
	font-weight: 600;
        font-size: 14px;
}
.filter-toggle-btn img{
        margin: 0 10px 0 0;
}
.mobile-view {
  display: none;
  flex-direction: column;
  gap: 10px;
}
.filter-main,
.filter-sub {
  display: none;
  flex-direction: column;
  gap: 10px;
}
.filter-main.active,
.filter-sub.active {
  display: flex;
}
.filter-sub.active{background: #fff;border: 1px solid #EDEDED;border-radius: 5px;box-shadow: 2px 2px 10px #ccc;}
.filter-sub.active label{    background: #EDEDED;
    padding: 10px 20px;
    border-radius: 4px;
    margin:0;
    display: flex;
    justify-content: space-between;
    align-items: center;}

.filter-main.active{
    border: 1px solid #EDEDED;
    padding: 25px 0;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #ccc;}
.filter-item {
 
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  background:url(../images/arrow-black-right.svg) 95% center no-repeat, #EDEDED;
}
.back-btn {
  background: #fff;
    /* border: none; */
    color: #000;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 10px;
    border: 1px solid #000;
    border-radius: 5px;
    text-align: left;
    width: 100%;
    height: 38px;
    font-size: 14px;
}
.back-btn img {
    height: 20px;
    border: 0 none;
    padding: 0 10px;
}
.mobblock{display:none;}
/* АДАПТИВНОСТЬ */
@media (min-width: 1200px) and (max-width: 1354px){
	.filter-actions{flex-direction: column;gap: 5px;margin-top: 0;}
	
}
@media (min-width: 1751px) {
	.filter-actions{flex-direction: column;gap: 5px;margin-top: 0;}
	
}
@media (max-width: 768px) {
  .desktop-view {
    display: none;
  }
  
  
  .filter-toggle-btn {
    display: flex;
	align-items: center;
        justify-content: center;	
  }
  .filter-panel.open .mobile-view {
            display: flex;
        position: absolute;
        z-index: 200;
        top: 45px;
        width: 100%;
        background: #f5f5f5;
      
        padding:0;
        border-radius: 5px;
        
  }
  
	.catalog-header-left.filter{width:48% !important;}  
	.catalog-header.scheta-container.filter{flex-direction: row;}
	.catalog-header.scheta-container.filter .catalog-header-right{width:48% !important;}
	
	.catalog-header.scheta-container.filter{position:relative;}
	
	.apply-btn{width: 48%;font-size: 14px;}
	.reset-btn{width: 48%;font-size: 14px;}
	.filter-actions{justify-content: space-between;}
	
	.catalog-header-left.filter input[type="date"]{background: none;}
	
	.orders-swiper-uni-sub.filtr .swiper-slide>div:nth-child(1){justify-content: flex-start;}
	.orders-swiper-uni-sub.filtr .swiper-slide>div:nth-child(1)>span:nth-child(2){padding-left:5px;color:#C41B1B;font-weight:600;}
	.orders-swiper-uni-sub.filtr .swiper-slide>div:nth-child(10){order: -2;
        border-bottom: none;
        position: absolute;
        right: 20px;}
	.orders-swiper-uni-sub.filtr .swiper-slide>div:nth-child(5){ border-bottom: 2px solid #EFEFEF;}
	.orders-swiper-uni-sub.filtr .swiper-slide>div:nth-child(6){order: initial;width: 100%;justify-content: space-between;border-bottom: 2px solid #EFEFEF;padding: 10px 0;}
	
	.mobnone{display:none;}
	.mobblock{display:inline;}
}



.catalog-header-left.filter{width:85%;}
.catalog-header-left.filter select{height: 30px;font-size: 14px;border-top:0 none;border-left:0 none;border-right:0 none;border-bottom:0 none;outline: 0 none;letter-spacing: normal;}
.catalog-header-left.filter input[type="date"]{border: 0 none;width: 85px;}


.custom-select {
      position: relative;
    width: 140px;
    font-family: sans-serif;
    background: url(../images/arrow-down.png) right 6px no-repeat;
    background-size: 10px;
}

.custom-select .selected {
 
  cursor: pointer;
  user-select: none;
  color: black;
  background: transparent;
  border-radius: 5px;
  width: 100%;
}

.custom-select .options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  background: white;
  border: 1px solid #ccc;
  border-top: none;
  display: none;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 0 0 4px 4px;
    box-shadow: 0px 2px 3px #706f6f;
	margin: -17px -11px 0 -11px;
}

.custom-select.open .options {
  display: block;
}

.custom-select .option {
  padding: 3px 10px;
    cursor: pointer;
    color: black;
font-size: 13px;
    border-bottom: 1px solid #ccc;	
}

.custom-select .option:hover {
  background-color: #f0f0f0;
}