.faq-noel { margin-top: 40px; }
.faq-planches { margin-top:40px; }
/* ===== FAQ – style propre et lisible ===== */
.faq-produit{max-width:820px;margin:24px auto 0;border-top:1px solid #eee;padding-top:12px}
.faq-produit h3{font-size:1.25rem;line-height:1.2;margin:0 0 10px;font-weight:700}

/* Carte/accordéon */
.faq-produit details{
  background:#fff;border:1px solid #e6e6e6;border-radius:12px;margin:10px 0;overflow:hidden
}

/* En-tête de la question */
.faq-produit summary{
  list-style:none; /* enlève la puce/triangle natif */
  padding:14px 44px 14px 16px;
  font-weight:600; cursor:pointer; position:relative; user-select:none
}
/* supprime le marqueur par défaut (Chrome/Safari) */
.faq-produit summary::-webkit-details-marker{display:none}

/* Icône + / – à droite */
.faq-produit summary::after{
  content:'+'; position:absolute; right:14px; top:50%;
  transform:translateY(-50%); font-weight:700; transition:transform .2s ease
}
.faq-produit details[open] summary::after{content:'–'}

/* Corps de réponse */
.faq-produit details[open] summary{border-bottom:1px solid #eee}
.faq-produit details p{margin:0; padding:12px 16px 16px; line-height:1.55}

/* Optionnel : légère ombre au survol pour le confort visuel */
@media (hover:hover){
  .faq-produit details:hover{box-shadow:0 2px 10px rgba(0,0,0,.04)}
}

/* Petits écrans */
@media (max-width:480px){
  .faq-produit summary{padding:14px 40px 14px 14px}
  .faq-produit details p{padding:12px 14px 16px}
}