/* Category cards – add icon at top */
.category-card {
  background-color: var(--ogc-light-gray);
  border-radius: var(--ogc-radius);
  padding: 1rem 1.1rem 1.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02);
  transition: transform 0.18s ease, box-shadow 0.18s ease,
    background-color 0.18s ease;
    text-align:center;
}

.category-icon {
  align-self: anchor-center;
  width: 80px;
  height: 80px;
  border-radius: 999px;
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.25rem;
}

.category-icon::before {
  content: "";
  display: block;
  width: 66px;
  height: 66px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* Fallback generic leaf if no specific rule matches */
.category-icon::before {

  background-image: url('assets/icons/fan.svg');
}
/* Map each category slug to an icon */
.category-icon--nutrients::before {
  background-image: url('../icons/nutrients.svg');
}

.category-icon--growing-media::before {
  background-image: url('../icons/growing-media.svg');
}

.category-icon--hydroponics::before {
  background-image: url('../icons/hydroponics.svg');
}

.category-icon--tools-and-accessories::before {
  background-image: url('../icons/tools-accessories.svg');
}
.category-icon--air-quality-odor::before{
    background-image: url('../icons/air-quality-odor.svg');
}
.category-icon--climate-control::before{
  background-image: url('../icons/fan.svg');
}
.category-icon--lighting::before{
  background-image: url('../icons/lighting.svg');
}
.category-icon--water-control::before{
background-image: url('../icons/water-control.svg');
}
.category-icon--odor-control::before{
  background-image: url('../icons/odor-control.svg');
}
.category-icon--pesticides-fungicides::before{
  background-image: url('../icons/pesticide-fungicide.svg');
}