/* ==== Symbiosys — équilibrage vertical des tabs ==== */
/* Scope page (ajuste si tu as un wrapper spécifique) */
.page-nos-produits .tab__component-inner .nav.nav-tabs {
  /* même espace au-dessus et en-dessous du fond gris */
  margin-top: 12px !important;
  margin-bottom: 8px !important;   /* <— réduis le “trou” sous les boutons */
  border-bottom: 0;
}

/* Si le UL a une utilitaire Bootstrap (mb-3 / mb-4), on l’écrase */
.page-nos-produits .tab__component-inner .nav.nav-tabs[class*="mb-"] {
  margin-bottom: 8px !important;
}

/* Neutralise tout espace ajouté par le conteneur de contenu */
.page-nos-produits .tab__component-inner > .tab-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Le vrai coupable : marge haute du petit texte sous les tabs */
.page-nos-produits .tab__component-inner .tab-pane-inner .tab-pane-descriptions {
  margin-top: 4px !important;    /* <— était plus grand dans le thème */
  margin-bottom: 8px;            /* cohérent avec l’ensemble */
  line-height: 1.3;              /* optionnel : compaction douce */
}

/* Par sécurité, on évite un padding-top sur .tab-pane */
.page-nos-produits .tab__component-inner .tab-content .tab-pane {
  padding-top: 0 !important;
}