/* ==========================================================================
   hc-jardin.css — Nueva categoría "Jardinería" (7ª categoría del sitio)
   Se carga después de styles.css. Apunta a herramientas.html#jardin, que ya
   existe y lista los productos de la categoría "jardineria" de la tienda.
   ========================================================================== */

/* Tarjeta de la sección "Encontrá lo que tu proyecto necesita" */
.cat-jardineria .cat-icon { background: #e4ecd9; color: #3f5f2f; }
.cat-jardineria:hover .cat-icon { background: #d3dfc4; }
.cat-jardineria h3 { color: #2f4a24; }

/* 7 tarjetas: 4 arriba + 3 abajo centradas (antes: 6 en una fila) */
@media (min-width: 1025px) {
  .cat-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
  .cat-grid > .cat-card { flex: 0 0 calc((100% - 54px) / 4); }
}
/* Tablet: la 7ª tarjeta ocupa la fila completa en vez de quedar suelta */
@media (min-width: 721px) and (max-width: 1024px) {
  .cat-grid > .cat-card:last-child { grid-column: 1 / -1; }
}

/* Menú desplegable de escritorio: 7 columnas en el mismo ancho de siempre (1100px) */
@media (min-width: 1025px) {
  .dropdown.mega { padding: 26px 20px; }
  .dropdown-grid.mega-grid { grid-template-columns: repeat(7, 1fr); gap: 8px 12px; }
}

/* Celular: con 7 categorías, la última ocupa la fila completa (evita el hueco) */
@media (max-width: 720px) {
  .mobile-cat-nav .mcn-block.mcn-solo { grid-column: 1 / -1; }
}