/* Page Tarifs (/prix et /en/pricing). */
.px-offres { padding-top: 24px; padding-bottom: 40px; gap: 20px; }
.px-offre { flex: 1 1 340px; min-width: 0; border-radius: 18px; padding: 36px 32px; gap: 24px; }
.px-offre-tete { display: flex; flex-direction: column; gap: 12px; }
.px-offre-tete .h2 { font-size: 28px; line-height: 1.05; letter-spacing: -0.02em; }
.px-prix { font-size: 18px; font-weight: 500; color: var(--encre); }
.px-points { flex-grow: 1; border-top: 1px solid var(--filet-2); padding-top: 20px; gap: 14px; }
.px-points li { font-size: 15px; }
.px-points .coche { margin-top: 3px; }
.px-engagement { font-size: 14px; color: var(--gris); }

/* la navigation, sur étude */
.px-navigation { padding-bottom: 112px; }
.px-navigation-bande { border-top: 1px solid var(--filet); border-bottom: 1px solid var(--filet); padding: 28px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 40px; }
.px-navigation-texte { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 24px; }
.px-navigation-texte .h2 { font-size: 23px; line-height: 1.3; letter-spacing: -0.01em; }

/* questions fréquentes, en <details> natifs */
.px-questions { gap: 40px 72px; }
.px-questions > .h2 { flex: 1 1 340px; }
.px-liste { flex: 1 1 620px; min-width: 0; display: flex; flex-direction: column; border-bottom: 1px solid var(--filet); }
.px-question { border-top: 1px solid var(--filet); }
.px-question summary { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 0; cursor: pointer; list-style: none; font-size: 19px; line-height: 1.4; color: var(--encre); }
.px-question summary::-webkit-details-marker { display: none; }
.px-question summary:hover { color: var(--bleu); }
.px-signe { flex: none; font-size: 26px; font-weight: 300; line-height: 1; color: var(--gris); transition: transform .2s; }
.px-question[open] .px-signe { transform: rotate(45deg); }
.px-question p { padding: 0 48px 24px 0; font-size: 16px; line-height: 1.6; max-width: 620px; }

@media (max-width: 640px) {
  .px-offre { padding: 28px 24px; }
  .px-navigation { padding-bottom: 80px; }
  .px-question summary { font-size: 17px; }
  .px-question p { padding-right: 0; }
}
