/* Fanor · Producto — Breadcrumb */

.fanor-prod-breadcrumb__list {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  padding: 16px 0;
  list-style: none;
}

.fanor-prod-breadcrumb__item {
  display: inline-flex;
  align-items: center;
}

.fanor-prod-breadcrumb__link {
  font-family: var(--fn-fuente);
  font-size: 12px;
  font-weight: 400;
  color: #888;
  text-decoration: none;
  transition: color .15s ease;
}

a.fanor-prod-breadcrumb__link:hover {
  color: var(--fn-rojo);
}

.fanor-prod-breadcrumb__actual {
  font-family: var(--fn-fuente);
  font-size: 12px;
  font-weight: 500;
  color: #1A1A1A;
}

.fanor-prod-breadcrumb__sep {
  display: inline-flex;
  align-items: center;
  color: #bbb;
}

.fanor-prod-breadcrumb__chevron {
  display: block;
}

/* ════════════════ RESPONSIVE ≤767px ════════════════ */
@media (max-width: 767px) {
  /* Una sola línea con scroll horizontal (sin barra visible) en vez de
     envolver a 2-3 líneas; cada nivel no se parte. */
  .fanor-prod-breadcrumb__list {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 6px;
    padding: 12px 0;
  }
  .fanor-prod-breadcrumb__list::-webkit-scrollbar {
    display: none;
  }
  .fanor-prod-breadcrumb__item {
    flex: 0 0 auto;
  }
  .fanor-prod-breadcrumb__actual {
    white-space: nowrap;
  }
}