/* =========================================================
   Produit – Styles spécifiques basés sur le thème global
   ========================================================= */

/* Sections : on se base sur les fonds globaux */
.bx-section-main {
  background: var(--bx-bg-soft);
  border-bottom: 1px solid var(--bx-border-subtle);
}

.bx-section-alt {
  background: var(--bx-bg-solid);
}

/* Carte “soft” réutilisable */
.bx-card-soft {
  background: var(--bx-surface);
  border: 1px solid var(--bx-border-subtle);
}

/* Texte adouci / secondaire */
.bx-text-soft {
  color: var(--bx-text-dim);
}

/* Petit badge / pill (comme sur la home, mais sur tokens globaux) */
.bx-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  background: var(--bx-glass);
  border: 1px solid var(--bx-border-subtle);
  font-size: 0.85rem;
}