/* ==========================================================
   "Domande Frequenti" — stesso pattern di category-grid
   ========================================================== */

/* La sezione usa già .mz-section (padding var(--s-9) 0) */

/* Grid 2×2, divisori 1px come category-grid */
.mz-faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  border-radius: var(--r-3);
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Card FAQ — uguale a .mz-cat / .mz-pr-card */
.mz-faq-card {
  background: var(--paper);
  padding: var(--s-8) var(--s-7);
  display: flex;
  flex-direction: column;
  gap: var(--s-4);
  transition: background var(--d-1) var(--ease);
}

/* Icon — brand red, stile identico a .mz-cat__icon */
.mz-faq-card__icon {
  width: 40px;
  height: 40px;
  color: var(--brand);
  display: grid;
  place-items: center;
}

.mz-faq-card__icon svg {
  width: 36px;
  height: 36px;
}

/* Domanda — ink primario, dimensione leggibile per prosa italiana */
.mz-faq-card__question {
  font: 700 var(--t-md)/1.3 var(--ff-ui);
  color: var(--ink-1);
  letter-spacing: -0.01em;
  margin: 0;
}

/* Risposta */
.mz-faq-card__answer {
  font: normal var(--t-base)/var(--lh-base) var(--ff-ui);
  color: var(--ink-2);
  margin: 0;
}

/* Solo 1 item visibile */
.mz-faq-grid:has(li:only-child) {
  grid-template-columns: 1fr;
  max-width: 640px;
}

/* 3 item: primo a tutta larghezza */
.mz-faq-grid:has(li:nth-child(3)):not(:has(li:nth-child(4))) li:first-child {
  grid-column: 1 / -1;
}

@media (max-width: 680px) {
  .mz-faq-grid {
    grid-template-columns: 1fr;
  }

  .mz-faq-card {
    padding: var(--s-6);
  }
}