/* =========================================
   8. PRODUCTS CARDS
========================================= */

.category-container {
  width: 100%;
  height: 135px;
  padding: 5px;
  background: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
  
}
.category-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
  border-radius: 9px;
}
.category-container:hover img {
  transform: scale(1.08);
}

/* Dropdown animation */
.dropdown-container {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.45s ease;
}
.card.expanded .dropdown-container {
  max-height: 500px;
}

/* Dropdown links */
.dropdown-links a {
  display: block;
  padding: 8px 12px;
  color: #333;
  border-bottom: 1px solid #ddd;
  text-decoration: none;
  transition: 0.25s;
}
.dropdown-links a:hover {
  background-color: #dc3545;
  color: #fff;
}

/* Toggle rotating arrow */
.btn-toggle span {
  display: inline-block;
  transition: transform .3s;
}
.card.expanded .btn-toggle span {
  transform: rotate(180deg);
}

.card-title {
  min-height:20px;
  font-size: 15px;
  font-weight: 800;
}