/* Page de vente « Se libérer de ce qui revient chaque soir » de Dominique Philippe (13/10/2026).
   Plan des pages de pub de Julien (hero, questionnaire, qui je suis, le problème, chiffres, méthode fléchée,
   entre les séances, prix, FAQ, final). Dominante bleue (ses photos). Une définition par composant. */

:root {
    --bleu: #2F79A8;
    --bleu-fonce: #1C4F72;
    --nuit: #0F2A3E;
    --ciel: #EAF3FA;
    --sable: #F6EEE2;
    --blanc: #FFFFFF;
    --encre: #1E2A33;
    --texte: #4A5862;
    --gris: #7B8892;
    --ligne: #D7E5EF;
    --ok: #1F8A5B;
    --tint-bleu: rgba(47, 121, 168, .08);
    --tint-blanc: rgba(255, 255, 255, .08);
    --tint-blanc-ligne: rgba(255, 255, 255, .18);
    --r-sm: 10px;
    --r: 16px;
    --r-lg: 24px;
    --r-pill: 999px;
    --ombre: 0 6px 28px -10px rgba(15, 42, 62, .18);
    --ombre-lg: 0 24px 60px -24px rgba(15, 42, 62, .35);
    --transition: .25s ease-out;
    --gouttiere: 24px;
    --fond-nuit: radial-gradient(ellipse 60% 55% at 10% 0%, rgba(47, 121, 168, .45), transparent 70%), radial-gradient(ellipse 50% 60% at 100% 40%, rgba(120, 190, 230, .16), transparent 72%), radial-gradient(ellipse 60% 50% at 80% 100%, rgba(246, 238, 226, .07), transparent 70%), linear-gradient(165deg, #163B56 0%, #0F2A3E 50%, #0A1E2D 100%);
    --fond-ciel: radial-gradient(ellipse 55% 50% at 8% 0%, rgba(47, 121, 168, .16), transparent 70%), radial-gradient(ellipse 45% 55% at 100% 30%, rgba(246, 238, 226, .9), transparent 70%), radial-gradient(ellipse 60% 50% at 70% 100%, rgba(47, 121, 168, .10), transparent 70%), linear-gradient(180deg, #FFFFFF 0%, var(--ciel) 18%, var(--ciel) 82%, #FFFFFF 100%);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { overscroll-behavior: none; overflow-x: hidden; scroll-padding-top: 80px; }
body { overflow-x: clip; font-family: Lato, system-ui, sans-serif; font-size: 1.05rem; line-height: 1.6; color: var(--texte); background: var(--blanc); }
img { display: block; max-width: 100%; height: auto; }
[hidden] { display: none !important; }   /* un bouton .btn masqué doit rester masqué */
fieldset { min-width: 0; border: 0; }
a { color: inherit; }
h1, h2, h3 { font-family: Montserrat, Lato, sans-serif; color: var(--encre); line-height: 1.18; }
h2 { margin-bottom: 24px; font-size: clamp(1.7rem, 3.4vw, 2.45rem); font-weight: 800; text-align: center; }
h3 { font-size: 1.15rem; font-weight: 800; }
.wrap { max-width: 1100px; margin: 0 auto; }
.etroit { max-width: 780px; margin: 0 auto; }
.intro { max-width: 680px; margin: 0 auto 48px; text-align: center; font-size: 1.12rem; }
.sur { background: var(--bleu); color: var(--blanc); padding: 0 .18em .03em; border-radius: .28em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.eyebrow { display: flex; width: fit-content; align-items: center; gap: 8px; margin: 0 auto 36px; padding: 7px 16px 7px 8px; border-radius: var(--r-pill); border: 2.5px solid #BFD6E6; background: var(--blanc); color: var(--bleu-fonce); font-size: .8rem; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }
.eyebrow .ic { width: 26px; height: 26px; padding: 5px; border-radius: 50%; background: var(--bleu); color: var(--blanc); }
.ic { width: 1.2em; height: 1.2em; flex: none; }
.br-mobile { display: none; }

.btn { max-width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 17px 30px; border: 0; border-radius: var(--r-pill); background: var(--bleu); color: var(--blanc); font: inherit; font-size: 1.08rem; font-weight: 700; text-align: center; text-decoration: none; cursor: pointer; box-shadow: var(--ombre); transition: transform var(--transition); }
.btn:hover { transform: translateY(-2px); }
.btn--clair { background: var(--blanc); color: var(--bleu-fonce); }
.btn--contour { background: transparent; color: var(--bleu-fonce); border: 1.5px solid var(--bleu); box-shadow: none; }
.btn[disabled] { opacity: .45; cursor: default; transform: none; }

/* sections */
.sec { padding: 96px var(--gouttiere); }
.sec--ciel { background: var(--fond-ciel); }
.sec--nuit { background: var(--fond-nuit); color: #D6E6F1; }
.sec--nuit h2, .sec--nuit h3 { color: var(--blanc); }
.sec--nuit .eyebrow { background: var(--tint-blanc); border-color: var(--tint-blanc-ligne); color: var(--blanc); }
/* FOND D'UNIVERS (recette du générateur Web Expansion) : une photo très claire de son univers sous un bloc clair à cartes,
   en filigrane, fondue en haut et en bas en px pour que rien ne bouge quand le bloc grandit (FAQ, questionnaire) */
.fond-univers { position: relative; isolation: isolate; }
.fond-univers::after { content: ""; position: absolute; inset: 0 0 auto 0; height: min(100%, 66.67vw); z-index: -1; pointer-events: none; background: center top / 100% auto no-repeat; opacity: .9; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 120px, #000 62%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 120px, #000 62%, transparent 100%); }   /* la photo (3:2) s'arrête à sa hauteur et se fond, jamais de bord net */
.fond-univers--questionnaire::after { background-image: url(fond-questionnaire.jpg); }
.fond-univers--faq::after { background-image: url(fond-faq.jpg); }
.papier { position: relative; isolation: isolate; }
.papier::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url(papier.webp) center / 900px repeat; opacity: .12; -webkit-mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent); mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent); pointer-events: none; }

/* en-tête */
.entete { position: sticky; top: 0; z-index: 20; background: var(--nuit); }
.entete-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 1100px; margin: 0 auto; padding: 12px var(--gouttiere); }
.marque { display: inline-flex; align-items: center; gap: 10px; color: var(--blanc); text-decoration: none; }
.marque-ic { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 50%; background: var(--bleu); box-shadow: 0 0 0 3px rgba(255, 255, 255, .15); }
.marque-ic .ic { width: 20px; height: 20px; }
.marque strong { display: block; font-family: Montserrat, sans-serif; font-size: 1rem; line-height: 1.1; }
.marque small { display: block; font-size: .72rem; letter-spacing: 1.2px; text-transform: uppercase; color: #A9C6DA; }
.entete .btn { padding: 11px 20px; font-size: .95rem; white-space: nowrap; }

/* hero */
.hero { position: relative; min-height: clamp(640px, 46vw, 900px); display: flex; align-items: center; padding: 90px var(--gouttiere); overflow: hidden; color: var(--blanc); }
.hero-photo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 70% 4%; }   /* photo refaite en une passe au bon cadrage (13/10) : plus de zoom CSS, qui rendait Dominique floue */   /* Dominique plus grande et un peu plus à gauche (Julien 13/10), tête jamais coupée */   /* tête de Dominique vers 12 % du haut de l'image : jamais coupée */
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(10, 30, 45, .82) 0%, rgba(10, 30, 45, .72) 30%, rgba(10, 30, 45, .45) 44%, rgba(10, 30, 45, .15) 56%, rgba(10, 30, 45, 0) 63%); }   /* le voile s'arrête avant Dominique : elle reste lumineuse */
.hero-texte { width: 100%; max-width: 1100px; margin: 0 auto; }
.hero-texte > * { max-width: 600px; }
.hero-texte > h1 { max-width: 760px; }
.hero .eyebrow { margin: 0 0 36px; background: rgba(10, 30, 45, .45); border-color: rgba(255, 255, 255, .45); color: var(--blanc); }
.hero h1 { margin-bottom: 22px; font-size: clamp(2rem, 4.2vw, 3rem); font-weight: 900; color: var(--blanc); line-height: 1.22; text-shadow: 0 2px 18px rgba(0, 0, 0, .25); }
.hero-sous { margin-bottom: 28px; font-size: 1.18rem; color: #FFFFFF; text-shadow: 0 1px 12px rgba(0, 0, 0, .35); }
.hero-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; list-style: none; }
.hero-tags li { display: inline-flex; align-items: center; gap: 7px; padding: 7px 14px; border-radius: var(--r-pill); background: rgba(10, 30, 45, .45); border: 1px solid rgba(255, 255, 255, .3); font-size: .92rem; font-weight: 700; }

/* questionnaire en 5 étapes */
.quest { max-width: 760px; margin: 0 auto; padding: 36px; border-radius: var(--r-lg); background: var(--blanc); border: 1.5px solid var(--ligne); box-shadow: var(--ombre-lg); }
.quest-barre { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-bottom: 10px; list-style: none; }
.quest-barre li { height: 6px; border-radius: var(--r-pill); background: var(--ligne); transition: background var(--transition); }
.quest-barre li.fait { background: var(--bleu); }
.quest-compte { margin-bottom: 22px; font-size: .85rem; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--gris); }
.etape[hidden] { display: none; }
.etape h3 { margin-bottom: 10px; font-size: 1.35rem; }
.etape-aide { margin-bottom: 24px; color: var(--gris); }
.choix { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 22px; }
.choix label { display: flex; align-items: center; gap: 12px; padding: 15px 16px; border-radius: var(--r); border: 1.5px solid var(--ligne); background: var(--blanc); color: var(--encre); font-weight: 700; cursor: pointer; transition: transform var(--transition); }
.choix label:hover { transform: translateY(-2px); }
.choix input { position: absolute; opacity: 0; pointer-events: none; font-size: 16px; }
.choix label:has(input:checked) { border-color: var(--bleu); background: var(--ciel); box-shadow: inset 0 0 0 1px var(--bleu); }
.choix-emo { font-size: 1.35rem; }
.question-k { margin: 10px 0 14px; font-weight: 800; color: var(--encre); }
.echelle { margin-bottom: 22px; }
.echelle-val { display: flex; align-items: baseline; justify-content: center; gap: 8px; margin-bottom: 10px; color: var(--gris); }
.echelle-val b { font-family: Montserrat, sans-serif; font-size: 2.4rem; color: var(--bleu); }
.echelle input[type="range"] { --pos: 70%; width: 100%; height: 10px; border-radius: var(--r-pill); border: 0; background: linear-gradient(90deg, var(--bleu) var(--pos), var(--ligne) var(--pos)); font-size: 16px; appearance: none; -webkit-appearance: none; cursor: pointer; }
.echelle input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 30px; height: 30px; border-radius: 50%; background: var(--blanc); border: 4px solid var(--bleu); box-shadow: var(--ombre); }
.echelle input[type="range"]::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: var(--blanc); border: 4px solid var(--bleu); }
.echelle-bornes { display: flex; justify-content: space-between; font-size: .85rem; color: var(--gris); }
.champ { position: relative; margin-bottom: 14px; }
.champ .ic { position: absolute; top: 17px; left: 16px; width: 19px; height: 19px; color: var(--gris); pointer-events: none; }
.champ label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.champ input, .champ textarea { width: 100%; padding: 15px 16px 15px 48px; border: 1.5px solid var(--ligne); border-radius: var(--r-sm); background: var(--blanc); font: inherit; font-size: 16px; color: var(--encre); transition: border-color var(--transition); }
.champ textarea { min-height: 96px; resize: none; overflow: hidden; }
.champ input:focus, .champ textarea:focus { outline: none; border-color: var(--bleu); }
.coche { display: flex; align-items: flex-start; gap: 12px; margin: 6px 0 20px; font-size: .95rem; cursor: pointer; }
.coche input { font-size: 16px; width: 20px; height: 20px; margin-top: 3px; accent-color: var(--bleu); flex: none; }
.quest-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 8px; }
.quest-nav .btn { flex: 1; }
.quest-erreur { margin-top: 12px; color: #B3261E; font-weight: 700; text-align: center; }
.quest-erreur:empty { display: none; }
.quest-fin { text-align: center; }
.quest-fin h3 { margin-bottom: 12px; font-size: 1.5rem; }
.quest-fin p { margin-bottom: 20px; }
.quest-fin .btn { margin-bottom: 16px; }
.quest-note { margin-top: 18px; font-size: .88rem; color: var(--gris); text-align: center; }
.aides { display: grid; gap: 10px; margin: 0 auto 10px; max-width: 460px; list-style: none; text-align: left; }
.aides li { padding: 12px 16px; border-radius: var(--r-sm); background: var(--ciel); }

/* Dominique */
.qui { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 56px; align-items: center; }
.qui-photo { border-radius: var(--r-lg); border: 6px solid var(--blanc); box-shadow: var(--ombre-lg); }
.qui-texte h2 { text-align: left; }
.qui-texte .eyebrow { margin-left: 0; }
.qui-texte p:not(.eyebrow) { margin-bottom: 22px; }
.qui-citation { margin: 32px 0 0; padding: 18px 22px; border-left: 4px solid var(--bleu); border-radius: 0 var(--r) var(--r) 0; background: var(--ciel); font-size: 1.15rem; font-style: italic; color: var(--bleu-fonce); }
.qui-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; list-style: none; }
.qui-tags li { padding: 7px 16px; border-radius: var(--r-pill); background: var(--bleu); font-size: .9rem; font-weight: 700; color: var(--blanc); }

/* le problème */
.soirs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; list-style: none; }
.soir { overflow: hidden; border-radius: var(--r-lg); background: var(--blanc); border: 1.5px solid var(--ligne); box-shadow: var(--ombre); transition: transform var(--transition); }
.soir:hover { transform: translateY(-4px); }
.soir img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.soir-corps { padding: 22px 22px 26px; }
.soir-k { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 5px 12px; border-radius: var(--r-pill); background: var(--ciel); color: var(--bleu-fonce); font-size: .82rem; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; }
.soir h3 { margin-bottom: 12px; }
.punch { max-width: 720px; margin: 46px auto 0; padding: 26px 30px; border-radius: var(--r-lg); background: var(--fond-nuit); color: var(--blanc); font-family: Montserrat, sans-serif; font-size: clamp(1.15rem, 2.2vw, 1.45rem); font-weight: 800; text-align: center; }

/* chiffres */
.chiffres { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; list-style: none; text-align: center; }
.chiffre { padding: 32px 22px; border-radius: var(--r-lg); background: var(--tint-blanc); border: 1.5px solid var(--tint-blanc-ligne); }
.chiffre-num { display: block; margin-bottom: 10px; font-family: Montserrat, sans-serif; font-size: clamp(2.4rem, 5vw, 3.2rem); font-weight: 900; color: var(--blanc); line-height: 1; }
.chiffres-source { max-width: 760px; margin: 26px auto 0; font-size: .85rem; color: #A9C6DA; text-align: center; }

/* méthode fléchée */
.parcours { display: grid; gap: 56px; max-width: 640px; margin: 0 auto; list-style: none; }   /* déroulé toujours vertical (règle Julien) */
.pas { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 18px; align-items: center; padding: 22px 24px; border-radius: var(--r-lg); background: var(--blanc); border: 1.5px solid var(--ligne); box-shadow: var(--ombre); }
.pas-num { grid-row: span 2; }
/* flèche entre deux étapes : grosse et centrée dans l'intervalle (56 px) */
.pas:not(:last-child)::after { content: ""; position: absolute; top: 100%; left: 50%; width: 34px; height: 56px; transform: translateX(-50%); background: var(--bleu); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16M5 13l7 7 7-7'/%3E%3C/svg%3E") center / 34px 34px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16M5 13l7 7 7-7'/%3E%3C/svg%3E") center / 34px 34px no-repeat; }
.pas-num { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 50%; background: var(--bleu); color: var(--blanc); font-family: Montserrat, sans-serif; font-weight: 900; }
.pas h3 { margin-bottom: 6px; font-size: 1.05rem; }
.pas p { font-size: .95rem; }

/* entre les séances */
.entre { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 52px; align-items: stretch; }
.entre-photo { width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; border-radius: var(--r-lg); border: 6px solid var(--blanc); box-shadow: var(--ombre-lg); }   /* même hauteur que la colonne de texte (Julien 13/10) */
.entre-texte h2 { text-align: left; }
.entre-texte > p:not(.eyebrow) { margin-bottom: 4px; }
.entre-texte .eyebrow { margin-left: 0; }
.entre-liste { display: grid; gap: 16px; margin-top: 30px; list-style: none; }
.entre-liste li { display: flex; gap: 14px; align-items: center; padding: 18px 20px; border-radius: var(--r); background: radial-gradient(ellipse 70% 90% at 0% 0%, rgba(255, 255, 255, .16), transparent 70%), linear-gradient(135deg, #3584B6 0%, var(--bleu) 45%, var(--bleu-fonce) 100%); color: var(--blanc); box-shadow: var(--ombre); transition: transform var(--transition); }
.entre-liste li:hover { transform: translateY(-2px); }
.entre-liste strong { color: var(--blanc); }
.entre-liste .ic { width: 36px; height: 36px; padding: 8px; border-radius: 50%; background: var(--blanc); color: var(--bleu); }

/* prix */
.prix-carte { max-width: 620px; margin: 0 auto; padding: 40px 34px; border-radius: var(--r-lg); background: var(--blanc); color: var(--texte); box-shadow: var(--ombre-lg); text-align: center; }
.prix-k { font-weight: 800; letter-spacing: .6px; text-transform: uppercase; color: var(--gris); font-size: .85rem; }
.prix-montant { margin: 12px 0 4px; font-family: Montserrat, sans-serif; font-size: clamp(3rem, 7vw, 4.2rem); font-weight: 900; line-height: 1; color: var(--bleu-fonce); }
.prix-barre { margin-right: 10px; font-size: .45em; color: var(--gris); text-decoration: line-through; }
.prix-detail { margin-bottom: 28px; }
.prix-liste { display: grid; gap: 10px; margin: 0 auto 26px; max-width: 440px; list-style: none; text-align: left; }
.prix-liste li { display: flex; gap: 10px; align-items: flex-start; }
.prix-liste .ic { margin-top: 3px; color: var(--ok); }
.prix-note { margin-top: 18px; font-size: .9rem; color: var(--gris); }

/* FAQ douce */
.faq { display: grid; gap: 12px; }
.faq details { border-radius: var(--r); background: var(--blanc); border: 1.5px solid var(--ligne); }
.faq summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; font-weight: 800; color: var(--encre); cursor: pointer; list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary .ic { color: var(--bleu); transition: transform .38s ease; }
.faq details[open] summary .ic { transform: rotate(90deg); }
.faq-rep { overflow: hidden; transition: height .38s ease, opacity .38s ease; }
.faq-rep p { padding: 0 22px 20px; }

/* final */
.final { text-align: center; }
.final .intro { color: #D6E6F1; }

/* pied */
.pied { padding: 64px var(--gouttiere) 0; background: var(--nuit); color: #A9C6DA; font-size: .95rem; }
.pied-grille { display: grid; grid-template-columns: minmax(0, 4fr) repeat(3, minmax(0, 3fr)); gap: 40px; max-width: 1100px; margin: 0 auto; }
.pied-k { margin-bottom: 14px; font-family: Montserrat, sans-serif; font-weight: 800; color: var(--blanc); }
.pied-grille ul { display: grid; gap: 8px; list-style: none; }
.pied-grille a { text-decoration: none; }
.pied-grille a:hover { color: var(--blanc); }
.pied-marque p { margin: 16px 0 20px; }
.pied-afaire { padding: 10px 14px; border-radius: var(--r-sm); border: 1px dashed var(--tint-blanc-ligne); font-size: .88rem; }
.pied-bas { max-width: 1100px; margin: 44px auto 0; padding: 22px 0 28px; border-top: 1px solid var(--tint-blanc-ligne); font-size: .85rem; text-align: center; }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

@media (max-width: 1024px) {
    .qui, .entre { grid-template-columns: minmax(0, 1fr); gap: 34px; }
    .qui-photo, .entre-photo { width: 100%; max-width: 460px; margin: 0 auto; }
    .entre-photo { height: auto; aspect-ratio: 1; }
    .soirs { grid-template-columns: minmax(0, 1fr); max-width: 520px; margin: 0 auto; }
    .pied-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    :root { --gouttiere: 16px; }
    body { font-size: 1rem; }
    .br-mobile { display: inline; }
    .br-desktop { display: none; }
    .sec { padding: 68px var(--gouttiere); }
    .hero { min-height: 640px; align-items: flex-end; padding: 260px var(--gouttiere) 48px; }
    .hero-photo { object-position: 50% 20%; }
    .hero::before { background: linear-gradient(180deg, rgba(10, 30, 45, 0) 18%, rgba(10, 30, 45, .45) 34%, rgba(10, 30, 45, .78) 52%, rgba(10, 30, 45, .9) 100%); }
    .hero h1 { font-size: 1.7rem; }
    .hero-sous { font-size: 1.05rem; }
    .btn { padding: 16px 22px; font-size: 1rem; }
    .entete small { display: none; }
    .entete .btn { padding: 10px 14px; font-size: .88rem; }
    .quest { padding: 24px 16px; }
    .choix { grid-template-columns: minmax(0, 1fr); }
    .chiffres { grid-template-columns: minmax(0, 1fr); }
    .qui-texte h2, .entre-texte h2 { text-align: center; }
    .qui-texte .eyebrow, .entre-texte .eyebrow { margin-left: auto; }
    .prix-carte { padding: 30px 18px; }
    .pied-grille { grid-template-columns: minmax(0, 1fr); gap: 30px; }
}