.navbar .nav-item .nav-link{
	font-size:14px !important;
	text-transform:uppercase;
	font-weight:bold;
}
.flex-prev{
	background:#016938 !important;
}
.flex-prev:hover{
	background:#ed2027 !important;
}

.flex-next{
	background:#016938 !important;
}
.flex-next:hover{
	background:#ed2027 !important;
}

.product-action a{
	background:#167333 !important;
}


.product-action a:hover{
	background:#ed2027 !important;
}
.product-cart-btn{
background:#ed2027;
}

.product-cart-btn:hover{
background:#167333;
}

.product-slider .owl-nav button{
	background:#76ae94 !important;
}
 
 
 .product-slider .owl-nav button:hover{
	background:#167333 !important;
}


@media screen and (max-width: 980px) {
.slideMobile{
	display:block !important;
}

.slideDesktop{
	display:none !important;
}
.swiper-button-prev, .swiper-button-next{
	display:none !important;
}
}


@media screen and (min-width: 980px) {
.slideMobile{
	display:none !important;
}

.slideDesktop{
	display:block !important;
}
}
 

.sidebarBasket {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  background-color: #fff;
  border-left:1px solid #ccc;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
-webkit-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
}



.sidebarBasket .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (min-width: 1025px) {
#cartLi.show {
	position:fixed;
	z-index:9999 !important;
	right:20px;
  top: 25px;
      animation: slide-down 0.7s;
}

}

@media screen and (min-width: 1281px) {

#userIcon.showUserIcon {
	position:fixed;
	z-index:9999 !important;
	right:70px;
  top: 25px;
      animation: slide-down 0.7s;
}
}

#categorybarMenu.showbarMenu {
	padding-top:15px !important;
}

@media screen and (max-width: 980px) {
#mobileHdrMenu.showHdrMenu {
	display:block !important;
}

#mobileHdrMenu1.showHdrMenu1{
	
left:145px !important;	
top:10px !important;	
position:absolute;
cursor:pointer;
}

#dropdown-cart-menu{
	display:none !important;
}

.dropdown-cart-menu{
	display:none !important;
}
.userIcon{
	display:none !important;
}
}




/* Confirm */
.custom-confirm-overlay {
  position: fixed;
  top: 0; left: 0; right:0; bottom:0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;

}

.custom-confirm-box {
  background: white;
  padding: 20px 30px;
  border-radius: 10px;
  box-shadow: 0 2px 15px rgba(0,0,0,0.3);
  max-width: 320px;
  text-align: center;
  animation: fadeInScale 0.3s ease forwards;
    border-bottom: 6px solid #ff0000;
}

.custom-confirm-box p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height:22px;
}

.btn-group button {
  margin: 0 10px;
  padding: 8px 18px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s ease;
}

#confirmOk {
  background-color: #4CAF50;
  color: white;
}

#confirmOk:hover {
  background-color: #45a049;
}

#confirmCancel {
  background-color: #f44336;
  color: white;
}

#confirmCancel:hover {
  background-color: #da190b;
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}



/* alert */
.custom-alert-overlay {
  position: fixed;
  top: 0; left: 0; right:0; bottom:0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.custom-alert-box {
  background: white;
  padding: 20px 30px;
  border-radius: 10px;
  box-shadow: 0 2px 15px rgba(0,0,0,0.3);
  max-width: 320px;
  text-align: center;
  animation: fadeInScale 0.3s ease forwards;
}

.custom-alert-box p {
  margin-bottom: 20px;
  font-size: 15px;
  margin-top:-10px;
  line-height:22px;
}

.alert-icon {
  /* Дээш байрлуулах, өнгө, хэмжээ тохируулах */
  font-size: 40px;
  color: #f39c12; /* шаргал өнгө - анхааруулга*/
  margin-bottom: 0px;
  user-select: none;
}

#alertOk {
  padding: 8px 20px;
  border: none;
  border-radius: 5px;
  background-color: #007bff;
  color: white;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#alertOk:hover {
  background-color: #0056b3;
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.amount{
	font-weight:bold !important;
	color:#ec1f26 !important;
}


@media screen and (max-width: 1200px) {
 #zeelbtn{
	  display:none !important;
  }
}




/* bodyheader */

.basketScroll::-webkit-scrollbar {
    width: 6px;
}



.basketScroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

@media all and (max-width: 1000px) {
  .header-middle-logo{
    margin-top:0px !important;
	
  }
 
}





.slideInShake {
    animation: slideInShake 0.7s ease forwards;
}

@keyframes slideInShake {
    0%   { opacity: 0; transform: translateX(120%); }
    60%  { opacity: 1; transform: translateX(-10px); }
    75%  { transform: translateX(6px); }
    85%  { transform: translateX(-4px); }
    95%  { transform: translateX(2px); }
    100% { transform: translateX(0); }
}




/*  Header */

@media all and (max-width: 992px) {
  .header-top{
    height:50px !important;
	z-index:-1 !important;
  }
  .changeCatDiv{
	  display:none;
  }
  .changeCatDiv1{
	  display:inline !important;
	  float:left !important;

  }
  .header-middle{
	  z-index:1 !important;
  }
  .shop-sort-gl, .shop-sorty-label{
	  display:none;
  }

}
 @media screen and (max-width: 992px) {
      .navbar-toggler {
        display: none !important;
      }
	
 }
 
  @media screen and (min-width: 992px) {
  
	  .category-barMenu{
        display: none !important;
      }
	  
	  
 }