.my-accordion .accordion-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.28s ease, padding 0.28s ease;
  padding: 0 12px;
}
.my-accordion .accordion-panel.open {
  /* max-height large enough to fit content; JS calcule la hauteur réelle */
  padding: 8px 12px;
}

.accordion-panel {
  overflow: hidden;
  transition: max-height 300ms ease;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #000;
color: #fff;
padding: 20px;
border: none;
cursor: pointer;
text-align: center;
white-space: nowrap;
border-radius: 4px; /* optionnel */
}