/* Contenedor: marco + alineación izquierda */
.links-filter.pdp-links-filter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;

  border: 1px solid rgba(0,0,0,.12);
  border-radius: 6px;
  padding: 8px 10px;
}

/* Mantener estilo de enlaces, sin inventar fondos */
.links-filter.pdp-links-filter a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

/* Filtrar: se ve igual pero no clickeable */
.links-filter.pdp-links-filter a.no-click {
  pointer-events: none;
  cursor: default;
}

/* Separación icono-texto */
.links-filter.pdp-links-filter a i {
  margin-right: 6px;
}

/* Evitar salto en el último */
.links-filter.pdp-links-filter a:last-child {
  white-space: nowrap;
}

/* Activo: sutil */
.links-filter.pdp-links-filter .active {
  font-weight: 600;
}

/* ✅ FIX mobile: que el marco NO se desborde */
.links-filter.pdp-links-filter {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

/* Asegurar que los items puedan bajar de línea sin romper */
.links-filter.pdp-links-filter a {
  max-width: 100%;
}