/* ── GRID Y TOOLBAR ── */
.cat-main {
    flex: 1;
    min-width: 0; /* Evita que el flex se desborde en pantallas chicas */
}

.cat-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding: 0 5px;
}

.cat-grid {
    display: grid;
    /* Ajustamos a 3 columnas fijas en desktop para que no se aprieten */
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px; /* Un poco más de aire entre cards */
    align-items: stretch;
}

/* ── AJUSTE PARA LAS IMÁGENES DENTRO DEL CATÁLOGO ── */
/* Esto asegura que NADA que sea imagen se salga de su contenedor en esta página */
.cat-grid img {
    max-width: 100%;
    display: block;
}