.faq-details {
  padding: 1em;
  width: 100%;
  border: 1px solid var(--CoolGray-20, #DDE1E6);
  background: var(--color-white-solid, #FFF);
}

.faq-summary {
    cursor: pointer;
    color: var(--couleurs-etourneau, #3A2B49);
    font-family: "Grold Rounded";
    font-style: normal;
    font-weight: 300;
    line-height: 23px;
    display: flex
;
    align-items: center;
    gap: 1rch;
}

summary.faq-summary::marker{
  display: none;
}

.faq-text {
  margin-top: 1rem;
  overflow: hidden;
  transition: height 0.3s ease
}

.faq-details .faq-text {
  max-height: 0;
  overflow: hidden;
  /* transition: max-height 0.1s ease; */
}

.faq-details[open] .faq-text {
  max-height: 1000px; /* assez grand pour contenir le texte complet */
}

.faq {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
}

.faq ::marker {
  content: "";
  font-size: 18px;
  display: none;
}

.faq-summary::before {
  font-size: 3ch;
  padding-right: 2ch;
  display: inline-block;
  width: 24px;
  height: 24px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.3999 11.4V6.40002C13.3999 6.13481 13.2945 5.88045 13.107 5.69292C12.9195 5.50538 12.6651 5.40002 12.3999 5.40002C12.1347 5.40002 11.8803 5.50538 11.6928 5.69292C11.5053 5.88045 11.3999 6.13481 11.3999 6.40002V11.4H6.3999C6.13469 11.4 5.88033 11.5054 5.6928 11.6929C5.50526 11.8805 5.3999 12.1348 5.3999 12.4C5.3999 12.6652 5.50526 12.9196 5.6928 13.1071C5.88033 13.2947 6.13469 13.4 6.3999 13.4H11.3999V18.4C11.3999 18.6652 11.5053 18.9196 11.6928 19.1071C11.8803 19.2947 12.1347 19.4 12.3999 19.4C12.6651 19.4 12.9195 19.2947 13.107 19.1071C13.2945 18.9196 13.3999 18.6652 13.3999 18.4V13.4H18.3999C18.6651 13.4 18.9195 13.2947 19.107 13.1071C19.2945 12.9196 19.3999 12.6652 19.3999 12.4C19.3999 12.1348 19.2945 11.8805 19.107 11.6929C18.9195 11.5054 18.6651 11.4 18.3999 11.4H13.3999Z' fill='%233A2B49'/%3E%3C/svg%3E");
}

.faq-details[open] .faq-text {
    max-height: 1000px;
    border-top: 1px solid #DDE1E6;
    padding-top: 2rem;
}

.faq p{
  padding-bottom: 1rem;
}