/** Shopify CDN: Minification failed

Line 87:0 Unexpected "}"

**/
.mm-faq-text-collection {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out; /* Animation fluide */
  color: var(--brown-4);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  transition: 0.3s ease-out;
  max-height: 0;
  transition: max-height 0.3s ease-out; /* Transition fluide */
  display: block; /* Important pour éviter tout problème de rendu */
}

.mm-faq-container-co {
  padding: 8px 16px;
  border-radius: 6px;
  background: var(--beige, #F4EFE6);
  position: relative; /* Position relative pour que les éléments s’adaptent correctement */
  cursor: pointer;
}
.mm-faq-wrapper-co {
  display: flex;
  flex-direction: column;
  grid-gap: 8px;
}

/* Chevron icon */
.chevron-co {
  transition: transform 0.3s ease;
  min-width: fit-content;
}

.chevron-co.active {
  transform: rotate(180deg); /* Rotation du chevron lorsque la réponse est ouverte */
}

/* Style de la question FAQ */
.mm-faq-question-co {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 8px;
  color: var(--brown-3, #966F59);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
h2.mm-faq-question-co {
  font-family: var(--body-font);
}

/* Lorsque la réponse est ouverte */
.mm-faq-text-collection[style*="max-height:"] {
  display: block;
}

.mm-faq-collapsible-co {
  cursor: pointer;
}
.mm-faq-text-collection {
  max-height: 0; /* Par défaut, les réponses sont fermées */
  overflow: hidden; /* Cache le contenu dépassant */
  transition: max-height 0.3s ease-out; /* Transition fluide */
}

.mm-faq-container-co.active .mm-faq-text-collection {
  max-height: 1000px; /* Grande valeur pour s'assurer que tout le contenu s'affiche */
}

/*.mm-faq-collapsible-co.active svg {
  transform: rotate(180deg);
}
.mm-faq-collapsible-co.active .mm-faq-text {
  max-height: 1000px; /* Permet d'afficher tout le contenu ; ajustez cette valeur si nécessaire */
}*/

/* Adaptation pour les écrans plus petits */
@media (max-width: 768px) {
  /* Réduire la taille de la police pour les questions */
  .mm-faq-question {
    font-size: 14px; /* Taille plus petite sur mobile */
  }
  
  /* Adapter la largeur de la section FAQ */
  .mm-faq-flex-container {
    margin: 0 16px;
  }

  /* Assurez-vous que la réponse s'adapte à l'écran */
  .mm-faq-text-collection {
    padding-left: 16px; /* Ajout d'un petit padding pour la lisibilité sur mobile */
  }
}