/**
 * Surcharges CSS du thème enfant fashionseo_child.
 *
 * Déclaré dans config/theme.yml (assets > css, priority: 1000) : ce fichier se
 * charge APRÈS le CSS du thème parent fashionseo, donc tes règles l'emportent
 * dans la cascade (sans avoir besoin de !important la plupart du temps).
 *
 * Ne modifie jamais le CSS du thème parent : tout va ici.
 * Après modification : vide le cache (BO > Performances) puis Ctrl+F5.
 */

/* ====== Écris tes surcharges ci-dessous ====== */

.pierres {
  display: flex;
  flex-wrap: nowrap;     /* les 3 restent sur la même ligne */
  gap: 16px;
  justify-content: center;
}

.pierres figure {
  flex: 1 1 0;           /* largeur égale pour les 3 */
  min-width: 0;          /* important : autorise le rétrécissement */
  margin: 0;
  text-align: center;
}

.pierres img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.pierres figcaption {
  margin-top: 8px;
}