/* =========================
   Bannière de page — utilisée par les pages FAQ, Zones desservies et Contact
   Chargé après style.css : réutilise ses variables de couleur.
========================= */
.page-banner {
  background-color: var(--color-black);
  color: var(--color-white);
  text-align: center;
  padding: 100px 20px 60px;
}

.page-banner h1 {
  font-size: 2.6em;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.page-banner p {
  color: var(--color-subtitle-gray);
  font-size: 1.1rem;
}

@media (max-width: 768px) {
  .page-banner {
    padding: 80px 20px 40px;
  }
  .page-banner h1 {
    font-size: 1.8em;
  }
}