/* ==========================================================================
   FAQ (<details>) — public/css/components/faq.css
   Utilisée par la landing et l'offre. Le « + » pivote en « × » à l'ouverture.
   ========================================================================== */

.faq { border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary {
  list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px;
  min-height: 60px; padding: 14px 0; font: 600 17px/1.35 var(--font-ui); color: var(--ink);
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary .i { width: 20px; height: 20px; color: var(--accent-ink); transition: transform var(--t-base) var(--ease-out); }
.faq details[open] summary .i { transform: rotate(45deg); }
.faq details > div { padding: 0 0 20px; color: var(--ink-2); font-size: 16px; line-height: 1.6; max-width: 40rem; }
.faq details > div p + p { margin-top: 10px; }

/* Variante dans la carte d'offre */
.offer .faq { margin-top: 18px; }
.offer .faq summary { font-size: 15px; min-height: 52px; padding: 10px 0; }
.offer .faq details > div { font-size: 15px; }