.pack,.pitem{background:  #FFF;margin-bottom:30px;margin-right:21px;position:relative;height:auto;overflow:hidden;float:left;width:283px;margin-right:30px;height:445px;border-radius: 10px;}
.pitem .img{width:283px;height:350px;padding:0;background:#fff;margin-bottom: 10px;overflow: hidden;}
.pitem .img>img{width:283px;height:350px;transition: all .2s ease-in-out;}
.pitem .img>img:hover{width:283px;height:auto;overflow: hidden;transform: scale(1.3);-ms-transition:all 800ms ease-in-out;-khtml-transition:all 800ms ease-in-out;-webkit-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;-moz-transition:all 800ms ease-in-out;transition:all 800ms ease-in-out; }
.pitem>a>div>b{display:block;font-weight:bold;font-size:17px;line-height:20px;color:#000;padding:0 8px;height:30px;overflow:hidden;text-align: center;}
.pitem>a:hover{text-decoration:none;}
.pitem>a p{position:absolute;background:#FFF;color:#fff;top:0;left:0;bottom:0;right:0;padding:8px 10px;-ms-transform:translateY(-100%);-khtml-transform:translateY(-100%);-webkit-transform:translateY(-100%);-o-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);-ms-transition:all 400ms ease-in-out;-khtml-transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;overflow:hidden;margin:0;font-size:15px;}




.pitem>a:hover p{-ms-transform:translateY(0px);-khtml-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);overflow: hidden;}
.pitem .price,.itemhome .price{height:20px;line-height:16px;font-size:14px;font-weight:normal;text-align: center;padding:0;color: #ACACAC;}
.pitem .price>b,.itemhome .price b{color:#000;font-weight:100;font-size:16px;text-transform:uppercase;padding-left: 0px; text-decoration: line-through;text-align: center;}
.pitem .price>span,.itemhome .price>span{color:#333;}
.pitem .price>del, .itemhome .price>del{color:#AAB2B7;}  

.pack:nth-child(3n),.pitem:nth-child(3n){margin-right:0;}

.tbl .catfilter{border: 1px solid #EEE;border-radius: 10px;overflow: hidden;padding: 8px;margin-bottom: 10px;}
.tbl .catfilter ul{list-style:none;padding:0;margin:0;}
.tbl .catfilter ul>li{position:relative;}
.tbl .catfilter ul>li img{width: 30px;height: 30px;margin-right: 10px;float: left;}
.tbl .catfilter ul>li span{height: 100%;height: 30px;display: block;vertical-align: top;}
.tbl .catfilter>ul>li>ul>li span{color: #333;font-size: 14px;}
.tbl .catfilter ul>li>a{display:block;padding:5px;line-height:22px;height: 30px;}
.tbl .catfilter ul>li:last-child>a{border-bottom:none;}
.tbl .catfilter ul>li>a:hover{text-decoration:none;color: #f42834;}
.tbl .catfilter ul>li>a.active, .tbl .catfilter>ul>li>ul>li>a.active span{color: #f42834;}
.tbl .catfilter>ul>li{margin-bottom:-1px;display: block;background-size: 30px 30px;background-repeat: no-repeat;background-position: left center;}
.tbl .catfilter>ul>li>a{text-transform: none;color:#333;font-weight:normal;font-size: 14px;}

.tbl .catfilter>ul>li>ul{margin-left:20px;}
.tbl .catfilter>ul>li ul{display:none;}

/* .tbl .catfilter>ul>li>ul>li ul{position:absolute;left:100%;width:200px;background:#fff;top:0;border:1px solid #eee;border-left-width:2px;z-index:-1;} */

/* .tbl .catfilter>ul>li>ul>li img{width: 25px;height: 25px;margin-right: 10px;float: left;} */
.tbl .catfilter ul.cats li a b{color: #000;font-size: 16px;}
.tbl .catfilter ul.cats li.active ul{position:relative;display:block;left:0;width:inherit;border:none;padding-left:0px;}
.tbl .catfilter ul li.active ul,.tbl .catfilter>ul>li ul li:hover>ul{display:block;display: inline-block;}
.tbl .catfilter ul li.active ul{padding-left:0;display: block;}
.tbl .catfilter>ul>li>b{position:absolute;cursor:pointer;display:block;width:20px;height:20px;background:url("../../stat/image/icons.png") -50px top no-repeat;top:5px;right:5px;font-weight: bold;}
.tbl .catfilter>ul>li.active>b{background-position:-70px top;}
.tbl .catfilter>ul>li>a.active+b{background-position:-90px top;}
.tbl .catfilter>ul>li.active>a.active+b{background-position:-110px top;}


.tbl .filter1{display: grid;text-align: left;margin: 0px;padding: 0px;margin-bottom: 30px;}
.tbl .filter1 ul{padding: 0px;margin: 0px;}
.tbl .filter1 ul>li{display: block;width: 150px;height: 134px;background: #FAFAFA;margin-bottom: 10px;padding: 6px;border:1px solid #DDD; margin: 0px;float: left;margin-right: 22px;margin-bottom: 22px;overflow: hidden;}
.tbl .filter1 ul>li:nth-child(5n){margin-right: 0px;}
.tbl .filter1 ul>li:hover{box-shadow:0 0 5px rgba(0,0,0,0.3);}
.tbl .filter1 ul>li span{font-size: 22px;line-height: 30px;margin: 0px;padding: 0px;color: #333;}
.tbl .filter1 ul>li a{border: none;height: auto;padding: 5px;margin: 0px;background: #FAFAFA;}
.tbl .filter1 ul>li a:hover{background: #FAFAFA;text-decoration: none;}
.tbl .filter1 ul>li img{width: 140px;height: 100px;margin-bottom: 4px;}






.main-cats{margin-bottom:10px;}
.main-cats>a{display:inline-block;width:130px;margin-right:6px;background:#435A6B;height:50px;padding:5px 0;font-size:16px;text-align:center;vertical-align:top;color:#000;text-transform:uppercase;}
.main-cats>a:hover{background:#444;color:#fff;text-decoration:none;}
.main-cats>a>span{display:table;width:100%;height:40px;}
.main-cats>a>span>b{display:table-cell;font-weight:bold;vertical-align:middle;color: #000;}
.pack{-ms-border-radius:0;-khtml-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;-moz-border-radius:0;border-radius:0;}
.pack b{display:block;text-align:center;line-height:20px;font-size:16px;padding:4px;overflow:hidden;height:40px;font-weight: normal;}
.pack>a:hover{text-decoration:none;} 
.pack .thumbs{width:171px;height:171px;padding:0;background:#fff;border-bottom:1px solid #E4E9EC;background:#FFF;padding-left: 20px;padding-top: 20px;}
.pack .thumbs>img{width:85px;margin-bottom:1px;}
.pack .thumbs>img:nth-child(2n-1){margin-right:1px;}
.empty{background:url("../../stat/image/nodata.png") 20px 30px no-repeat #fff;border:1px solid #ddd;padding:65px 160px;color:#777;line-height:185%;}

.sendad, .sendad1{display:block;width:100%;margin-bottom:15px;}
.sendad1>a{display:inline-block;vertical-align:top;width:277px;margin-right:30px;height:440px;cursor:pointer;position:relative;margin-bottom: 20px;margin-top: 0px;background: #FFF;vertical-align: top;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;}
.sendad1 a:hover{text-decoration: none;	-webkit-transition: all 1.2s;
	-moz-transition: all 1.2s;
	-o-transition: all 1.2s;
	transition: all 1.2s;}
.sendad1 a:hover span.twospan{display: block;}
.sendad1 a em{font-weight: normal;font-size: 16px;color: #ACACAC;text-align: right;display: block;bottom: 20px;left: 5px;right: 10px;padding: 5px;font-style: normal;color: #ACACAC;position: absolute;text-align: center;}
.sendad1 a div b{font-weight: bold;font-size: 16px;color: #333; font-family: "Noto Sans", sans-serif;text-align: center;}
.sendad1 a span{display:block;width:277px;height:350px;z-index:1;background-position: center top;background-size: 100%;background-repeat: no-repeat;}
.sendad1 a span.twospan{display: normal;position: absolute;top: 0px;display: none;}

.sendad>a{display:inline-block;vertical-align:top;width:390px;margin-right:15px;height:195px;cursor:pointer;position:relative;margin-bottom: 15px;margin-top: 0px;float: left;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;transition: all 0.4s ease;}
.sendad a span{display:block;float: left;width:195px;height:195px;z-index:1;background-position: center top;background-size: 100%;background-repeat: no-repeat;margin-right: 5px;}

.sendad a:nth-child(3), .sendad a:nth-child(6),.sendad a:nth-child(9),.sendad a:nth-child(12){margin-right: 0px;}

.sendad a div{width: 175px;height: 130px;float: left;display:block;padding: 5px;text-align: left;}
.sendad a div b{font-weight: bold;font-size: 16px;color: #333;display:block;float: none;width: 100%;height: auto;margin-top: 40px;}
.sendad a div p{color: #ACACAC;line-height: auto;margin: 0px;padding: 0px;}
.sendad a div em{color: #FFF;position: absolute;bottom: 5px;left: 5px;right: 5px;font-weight: normal;text-align: center;}
.sendad a div .sale{color: #ACACAC;background: #FFF;width: auto;height: auto;display:block;transform: skew(-20deg);margin-top: 5px;margin-left: 5px;}
.sendad a div:hover .sale{background: #FE980E;color: #FFF;}

.sendad a:hover{
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}


.sendad a:hover{text-decoration: none;}
.sendad1 a div{display: block; background: #FFF;width: auto;height: auto;z-index: 999999;padding: 10px;text-align: center;}
.sendad1 a .new{position: absolute;top: 5px;left: 5px;display: block;width: 50px;height: auto;padding: 0px;margin: 0px;padding: 5px;text-align: center; border-radius: 4px;color: #f8363a;}

.sendad a em{font-weight: normal;font-size: 16px;color: #ACACAC;text-align: right;display: block;right: 10px;padding: 5px;font-style: normal;}
.sendad1>a:nth-child(4n){margin-right:0;}
.sendad .sale1{display:block;position:absolute;text-align:left;left:10px;top:10px;color:#FFF;font-size:14px;line-height: 14px; z-index:2;font-stretch: condensed; font-weight: normal;background: rgba(212,175,55,0.5);width: auto;padding: 2px;border: none;height: auto;}



.aasdfasd{width: auto;height: auto;overflow: hidden;margin-bottom: 50px;margin-top: 30px;}
.aasdfasd div{width: 230px;height: 330px;background: rgba(5,5,3,0);
background: -moz-linear-gradient(top, rgba(5,5,3,0) 0%, rgba(5,5,3,0) 0%, rgba(5,5,3,0.66) 66%, rgba(8,5,1,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5,5,3,0)), color-stop(0%, rgba(5,5,3,0)), color-stop(66%, rgba(5,5,3,0.66)), color-stop(100%, rgba(8,5,1,1)));
background: -webkit-linear-gradient(top, rgba(5,5,3,0) 0%, rgba(5,5,3,0) 0%, rgba(5,5,3,0.66) 66%, rgba(8,5,1,1) 100%);
background: -o-linear-gradient(top, rgba(5,5,3,0) 0%, rgba(5,5,3,0) 0%, rgba(5,5,3,0.66) 66%, rgba(8,5,1,1) 100%);
background: -ms-linear-gradient(top, rgba(5,5,3,0) 0%, rgba(5,5,3,0) 0%, rgba(5,5,3,0.66) 66%, rgba(8,5,1,1) 100%);
background: linear-gradient(to bottom, rgba(5,5,3,0) 0%, rgba(5,5,3,0) 0%, rgba(5,5,3,0.66) 66%, rgba(8,5,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050503', endColorstr='#080501', GradientType=0 );float: left;margin-right: 12px;margin-bottom: 30px;display: block;position: relative;overflow: hidden;
}
.aasdfasd div:nth-child(5){margin-right: 0px;}
.aasdfasd a span{display:block;width:230px;height:330px;z-index:1;background-position: center top;background-size: 100%;background-repeat: no-repeat;-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;}
.aasdfasd a span:hover{
	 -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
  }	


.itemhome{
	display: block; 
	height: 450px;	
	margin: 0px;padding: 0px;
	margin-bottom: 12px;            
}
.itemhome a{
	padding: 0px;
	margin: 0px;
	float: left;
	display:block;
	overflow: hidden;
	text-decoration: none;	    
    width:277px;
    height: 410px;	
    margin-right: 30px;
    /* border-radius: 10px; */
    position:  relative;
    background-size: cover;
	background-position: center;
	transition: all 0.4s ease;
    font-size: 16px;    
}
/* Hover эффект */
.itemhome a::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.2);
	transition: background 0.4s ease;
}

.itemhome a:hover {
	transform: scale(1.04);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.itemhome a:hover::before {
	background: rgba(0, 0, 0, 0.4);
}
.itemhome a:nth-child(4){	
	display:block; 
     width:277px;
	height: 410px;	
	margin: 0px;padding: 0px;
	float: left;	
	margin-right: 0px;	 	
}
.itemhome a:hover{

}


.itemhome a span{display:block;width:100%;height:100%;z-index:1;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.itemhome img{width: auto;height: auto;padding: 0px;overflow: hidden; margin-bottom: 5px;z-index: 999999;}
.itemhome div{height: 40px;font-size: 16px;line-height: 16px;position: absolute;top: 40%;width: 100%; display: block;text-align: center;color: white;}
.itemhome .price{height: 20px;text-align: right;color: red;padding-right: 5px;}



.c-page .tbl{display:table;width:100%;border-spacing:0;margin-bottom: 40px;}
.c-page .tbl span{
    display: block;vertical-align:top;
    float: left;
    background: #FFF;
    border: 1px solid #EEE;              
    text-align: center;
    padding: 20px;
    width: 543px;    
    border-radius: 10px;
    margin-right: 30px; 
}
.c-page .tbl span:last-child {
  
    margin-right: 0px; 

}
.c-page .tbl>span img{width: 100%;height: 60%;}

.multi-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-start;
  max-width: 900px;    
  padding: 4px;
}
/* Chip (label) */
.multi-chips .chip {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 0px;
  border-radius:0px;
  background: none;    
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  user-select: none;
  min-width: 80%;  
  
  margin: 0px;  
}

/* Жижиг зургийн thumbnail */
.multi-chips .chip .thumb {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  background-size: cover;
  background-position: center;
  flex: 0 0 56px;  
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
}

/* Нэр болон үнэ */
.multi-chips .chip .meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #333;
  font-size: 14px;
}
.multi-chips .chip .meta b {
  font-size: 14px;
  background: blue;
}
.multi-chips .chip .meta em {
  font-style: normal;
  color: #e53935;
  font-weight: 700;
  font-size: 14px;    
}

/* Hover effect */
.multi-chips .chip:hover {    
  border-color: #d6e6ff;
}

/* Сонгогдсон (checkbox checked) байрлалын стиль */
.multi-chips input[type="checkbox"]:checked + .chip {
  
  border-color: #f42834;  
  transform: translateY(0px);      
  color: #f42834;  
}

/* Сонгогдсон үед жижиг 'checked' чимэг (pseudo-element ашиглан) */
.multi-chips input[type="checkbox"]:checked + .chip::after{
  content: "✓";
  position: absolute;
  right: 8px;
  top: 0px;
  font-size: 14px;
  background: #f42834;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(11,102,255,0.18);    
  
  
}
.multi-chips input[type="checkbox"]:checked {
  background-color: #f42834;
  border-color: #f42834;
    accent-color: #f42834;
    color: white;
}
/* Хувилбар: responsive */
.multi-chips input[type="checkbox"]{    
}
@media (max-width:640px) {
  .multi-chips .chip { min-width: 140px; gap:8px; padding: 8px; }
  .multi-chips .chip .thumb { width:46px; height:46px; flex: 0 0 46px; }
}

 input[type="range"] {
      width: 100%;
      height: 6px;
      background: linear-gradient(to right, #EEE, #f42834);
      border-radius: 5px;
      outline: none;
      appearance: none;
    }

    input[type="range"]::-webkit-slider-thumb {
      appearance: none;
      width: 20px;
      height: 20px;
      background: #f42834;
      border-radius: 50%;
      cursor: pointer;
      transition: background 0.3s;
    }

    input[type="range"]::-webkit-slider-thumb:hover {
      background: #f42834;
    }

    .range-labels {
      display: flex;
      justify-content: space-between;
      margin-top: 5px;
      color: #555;
      font-size: 14px;
    }