/* =========================================================
   RESPIRATION · Entre Guillemets
   Le langage commun de toutes les pages de vente.
   Une seule feuille : on ajuste ici, ça bouge partout.

   Principe : aucun texte de lecture sous 16 px, de l'air entre
   les blocs, un seul style d'encadré, quatre tailles de texte.
   ========================================================= */

/* --- LE TEXTE RESPIRE --- */
section p,
section li,
.content-block p,
.content-block li,
.wrap p,
.container p {
    font-size: 1.02rem !important;
    line-height: 1.9 !important;
}

/* les toutes petites mentions remontent au lisible */
section p[style*="0.78rem"],
section p[style*="0.8rem"],
section p[style*="0.82rem"],
section p[style*="0.85rem"],
section p[style*="0.9rem"] {
    font-size: 0.94rem !important;
    line-height: 1.8 !important;
}

/* --- QUATRE TAILLES, PAS TREIZE --- */
section h2,
.content-block h2 {
    font-size: clamp(1.7rem, 3.4vw, 2.3rem) !important;
    line-height: 1.25 !important;
    margin-bottom: 1.5rem !important;
}
section h3,
section h4,
.content-block h3,
.content-block h4 {
    font-size: 1.22rem !important;
    line-height: 1.4 !important;
    margin-bottom: 0.8rem !important;
}
.section-label,
.eyebrow,
.overline,
.premium-tag {
    font-size: 0.74rem !important;
    letter-spacing: 2.4px !important;
}
.section-subtitle {
    font-size: 1.06rem !important;
    line-height: 1.85 !important;
    margin-bottom: 2.4rem !important;
}

/* --- L'AIR ENTRE LES BLOCS --- */
section {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
}
section.ecran {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
section.hero,
header.hero {
    padding-bottom: 4.5rem !important;
}

/* --- UN SEUL STYLE D'ENCADRÉ --- */
/* Sobre par défaut : un trait doré discret, du volume dedans. */
section div[style*="border-radius"] {
    box-shadow: none !important;
    padding: 2rem 2.1rem !important;
}

/* Les cartes de prix gardent leur relief : c'est là qu'on clique. */
.prix-card,
.palier-card,
.tier-card,
.pricing-section div[style*="border-radius"] {
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.4) !important;
}

/* --- LES LISTES RESPIRENT AUSSI --- */
section ul li,
section ol li {
    margin-bottom: 0.7rem !important;
}

/* --- SUR TÉLÉPHONE --- */
@media (max-width: 720px) {
    section {
        padding-top: 3.6rem !important;
        padding-bottom: 3.6rem !important;
    }
    section div[style*="border-radius"] {
        padding: 1.5rem 1.3rem !important;
    }
    section p,
    section li {
        font-size: 1rem !important;
        line-height: 1.85 !important;
    }
}