.acme-navbar{
  background-color: var(--primary-color);
  top: 0px;
}
.acme-navbar .navbar.custom-navbar img{
  height: 35px;
}
.acme-navbar .custom-navbar{
  box-shadow: none;
  background-color: transparent;
  border-radius: 0;
}
.acme-navbar .custom-navbar{
  padding: 0.5rem 0;
}

 .categories-cs ul li {
    padding:  18px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    color: var(--gray-color);
    font-size: 18px;
    transition: 0.2s ;

  }
   .categories-cs ul li:hover{
    color: var(--yellow-color);
    transition: 0.2s ;
   }
  .categories-cs ul li.active {
    background: var(--primary-color);
    color: #fff;
    border-radius: 12px;
  }
.banner-product-page img{
    width:auto; 
    height:350px;
}
@media (max-width: 992px){
  .banner-product-page img{
    height:180px;
}
}
.back-menus{
  display: flex;
  gap: 8px;
  align-items: center;
}
.back-menus svg{
  width: 20px;
  color: var(--dark-color);
}
.back-menus a{
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  display: block;
  transition: 0.2s;
}
.back-menus a:hover{
  text-decoration: underline;
  transition: 0.2s;
}
.navbar-brand.acme{
  display: block; 
}
.offcanvas-body li a{
  font-size: 1.1rem;
  font-weight: 500;
}