.wh-page {
  --navy:#163d6c; --navy-2:#0f2c50; --navy-soft:#3f5680;
  --blue:#4f78ab; --blue-soft:#5189cd;
  --coral:#ed8d73; --coral-2:#e07555; --coral-soft:#f4b6a6;
  --green:#b2ceae; --rose:#f5d8d2; --peau:#faebe6; --sable:#eadaca; --cyan:#79bad7; --ciel:#acd3e5;
  --ink:#33425c; --ink-soft:#5d6a82; --ink-faint:#94a0b4;
  --paper:#ffffff; --page:#ffffff; --cream:#f7f8fa; --mist:#f7f8fa; --nuage:#f7f8fa;
  --rule:#e7e7e1; --rule-2:#eef0ea; --tag-border:#d4d4cb; --tick:#163d6c; --gold:#bfa14a;
  --serif:"Fraunces", Georgia, serif;
  --sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --ui:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --display:"PP Eiko", "Fraunces", Georgia, serif;
}
.wh-page .kicker { font-family:var(--ui); color:var(--coral-2); font-weight:700; letter-spacing:.18em; }
.wh-page .btn { font-family:var(--ui); }

/* Bandeau « nouvelle image de marque » */
.wh-page .rebrand { background:var(--navy); color:#fff; }
.wh-page .rebrand__in { max-width:1180px; margin:0 auto; padding:11px 40px; display:flex; align-items:center; justify-content:center; gap:14px; }
.wh-page .rebrand__mark { height:26px; width:auto; flex:none; }
.wh-page .rebrand__txt { margin:0; font-family:var(--ui); font-size:13.5px; line-height:1.45; color:rgba(255,255,255,.82); text-align:center; }
.wh-page .rebrand__txt strong { color:#fff; font-weight:700; }
@media (max-width:620px){ .wh-page .rebrand__in { padding:9px 18px; gap:10px; } .wh-page .rebrand__txt { font-size:12px; } .wh-page .rebrand__mark { height:22px; } }

/* Logo dans un pied de page sombre */
.wh-page .brand--logo img { display:block; width:auto; }


.wh-page * { box-sizing:border-box; }
.wh-page { scroll-behavior:smooth; }
.wh-page { margin:0; background:var(--page); color:var(--ink); font-family:var(--sans);
  font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased; }
.wh-page img { max-width:100%; display:block; }
.wh-page .wrap { width:100%; max-width:1180px; margin:0 auto; padding-inline:40px; }
.wh-page h1, .wh-page h2, .wh-page h3 { font-family:var(--serif); color:var(--navy); font-weight:600; letter-spacing:-.003em; margin:0; }

/* topbar */
.wh-page .topbar { background:var(--paper); border-bottom:1px solid var(--rule); position:sticky; top:0; z-index:40; }
.wh-page .topbar__in { max-width:1180px; margin:0 auto; padding:0 40px; height:74px; display:flex; align-items:center; gap:30px; }
.wh-page .topbar__logo { display:flex; align-items:center; gap:9px; }
.wh-page .topbar__logo .tb-cross { height:26px; width:auto; display:block; }
.wh-page .topbar__logo .tb-word { height:17px; width:auto; display:block; position:relative; top:1px; }
.wh-page .topnav { display:flex; gap:28px; margin-left:10px; }
.wh-page .topnav a { font-family:var(--ui); font-size:13.5px; font-weight:500; color:var(--ink); text-decoration:none; }
.wh-page .topnav a:hover { color:var(--navy); }
.wh-page .topbar__right { margin-left:auto; display:flex; align-items:center; gap:18px; }
.wh-page .topbar__phone { font-family:var(--ui); font-size:13.5px; font-weight:600; color:var(--navy); text-decoration:none; white-space:nowrap; }
.wh-page .topbar__lang { font-family:var(--ui); font-size:12px; font-weight:600; color:var(--ink-soft); text-decoration:none; }
@media (max-width:760px){ .wh-page .topnav, .wh-page .topbar__phone { display:none; } }

/* hero */
.wh-page .hero { position:relative; isolation:isolate; overflow:hidden; background:var(--navy); padding:128px 0 104px; }
.wh-page .hero__bg { position:absolute; inset:0; z-index:-2; background:url("5e082193-1d7d-4ab3-9502-756421c88dfd") center top/cover no-repeat; }
/* Keep the patient in view on mobile (subject sits centre-right of the photo). */
@media (max-width:760px){ .wh-page .hero__bg { background-position:60% top; } }
.wh-page .hero__overlay { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(13,28,56,.92) 0%, rgba(13,28,56,.74) 42%, rgba(13,28,56,.3) 100%); }
.wh-page .hero .inner { max-width:600px; }
.wh-page .hero .kicker { color:rgba(255,255,255,.82); margin-bottom:16px; }
.wh-page .hero h1 { font-size:clamp(40px,5vw,60px); line-height:1.05; color:#fff; }
.wh-page .hero p { max-width:46ch; margin:22px 0 0; color:rgba(255,255,255,.85); font-size:19px; line-height:1.6; }

/* intro */
.wh-page .intro { padding:72px 0 8px; }
.wh-page .intro__grid { display:grid; grid-template-columns:1.1fr 1fr; gap:56px; align-items:center; }
.wh-page .intro h2 { font-size:clamp(28px,3vw,40px); line-height:1.08; margin-bottom:18px; }
.wh-page .intro p { color:var(--ink-soft); font-size:17px; line-height:1.7; margin:0 0 16px; }
.wh-page .intro p:last-child { margin-bottom:0; }
.wh-page .intro strong { color:var(--navy); font-weight:600; }
.wh-page .intro__card { background:var(--peau); border-radius:18px; padding:36px 34px; }
.wh-page .intro__card h3 { font-size:22px; margin-bottom:14px; }
.wh-page .intro__card ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.wh-page .intro__card li { display:flex; gap:11px; align-items:flex-start; color:var(--ink); font-size:15.5px; line-height:1.5; }
.wh-page .intro__card .tk { flex:none; margin-top:3px; color:var(--coral-2); }
@media (max-width:820px){ .wh-page .intro__grid { grid-template-columns:1fr; gap:34px; } }

/* pricing grid */
.wh-page .plans { padding:56px 0 40px; }
.wh-page .plans__head { text-align:center; margin-bottom:44px; }
.wh-page .plans__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:stretch; }
.wh-page .plan { background:var(--paper); border:1px solid var(--rule); border-radius:16px; padding:34px 30px 30px; display:flex; flex-direction:column; box-shadow:var(--shadow-sm,0 1px 2px rgba(22,61,108,.05)); }
.wh-page .plan__name { font-size:24px; margin-bottom:8px; }
.wh-page .plan__price { font-family:var(--serif); font-size:36px; font-weight:600; color:var(--navy); line-height:1; }
.wh-page .plan__price small { font-family:var(--ui); font-size:13px; font-weight:500; color:var(--ink-faint); }
.wh-page .plan__list { list-style:none; margin:20px 0 24px; padding:20px 0 0; border-top:1px solid var(--rule); display:flex; flex-direction:column; gap:11px; flex:1; }
.wh-page .plan__list li { display:flex; gap:11px; align-items:flex-start; color:var(--ink); font-size:14.5px; line-height:1.5; }
.wh-page .plan__list .tk { flex:none; margin-top:3px; color:var(--coral-2); }
.wh-page .btn-book { display:inline-flex; align-items:center; justify-content:center; height:50px; padding:0 26px; width:100%;
  font-family:var(--ui); font-size:12px; font-weight:700; letter-spacing:.13em; text-transform:uppercase;
  border-radius:999px; border:1.5px solid var(--navy); background:var(--navy); color:#fff; text-decoration:none;
  transition:background .2s, transform .15s; }
.wh-page .btn-book:hover { background:var(--navy-2); transform:translateY(-1px); }

/* note */
.wh-page .note { display:flex; gap:12px; align-items:flex-start; max-width:760px; margin:8px auto 0; padding:16px 20px;
  background:var(--peau); border-radius:12px; font-family:var(--ui); font-size:14px; line-height:1.55; color:var(--ink); }
.wh-page .note svg { flex:none; margin-top:1px; color:var(--coral-2); }

/* services supplémentaires */
.wh-page .supp { padding:48px 0; }
.wh-page .supp__box { max-width:760px; margin:0 auto; background:var(--paper); border:1px solid var(--rule); border-radius:16px; overflow:hidden; }
.wh-page .supp__h { padding:22px 28px; border-bottom:1px solid var(--rule); }
.wh-page .supp__h h3 { font-size:21px; }
.wh-page .supp__h p { margin:4px 0 0; font-family:var(--ui); font-size:13px; color:var(--ink-faint); }
.wh-page .supp__row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 28px; border-top:1px solid var(--rule-2,#eef0ea); }
.wh-page .supp__row:first-of-type { border-top:0; }
.wh-page .supp__row .name { color:var(--ink); font-size:16px; }
.wh-page .supp__row .price { font-family:var(--serif); font-size:21px; font-weight:600; color:var(--navy); white-space:nowrap; }

/* exemples chips */
.wh-page .exs { padding:24px 0 64px; }
.wh-page .exs__head { text-align:center; margin-bottom:36px; }
.wh-page .exs__head p { max-width:62ch; margin:14px auto 0; color:var(--ink-soft); font-size:16px; }
.wh-page .chips { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; max-width:920px; margin:0 auto; }
.wh-page .chip { background:var(--paper); border:1px solid var(--rule); border-radius:999px; padding:11px 20px; font-family:var(--ui); font-size:14.5px; color:var(--navy); }

/* infoband */
.wh-page .infoband { background:var(--navy); color:#fff; }
.wh-page .infoband .wrap { padding:72px 40px; }
.wh-page .infoband .kicker { color:rgba(255,255,255,.6); text-align:center; }
.wh-page .infoband h2 { color:#fff; text-align:center; font-size:clamp(28px,3.2vw,40px); margin:0 auto 44px; }
.wh-page .infoband__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.wh-page .stat { text-align:center; padding:14px; border-left:1px solid rgba(255,255,255,.12); }
.wh-page .stat:first-child { border-left:0; }
.wh-page .stat__big { font-family:var(--serif); font-size:27px; font-weight:600; color:#fff; line-height:1.2; margin-bottom:10px; }
.wh-page .stat__lbl { font-family:var(--ui); font-size:14px; color:rgba(255,255,255,.7); line-height:1.45; }
@media (max-width:760px){ .wh-page .infoband__grid { grid-template-columns:1fr; gap:30px 18px; } .wh-page .stat { border-left:0; } }

/* faq */
.wh-page .faq { padding:80px 0; }
.wh-page .faq__head { text-align:center; margin-bottom:44px; }
.wh-page .faq__list { max-width:780px; margin:0 auto; }
.wh-page .faq__item { border-bottom:1px solid var(--rule); }
.wh-page .faq__item summary { list-style:none; cursor:pointer; padding:22px 4px; display:flex; align-items:center; justify-content:space-between; gap:20px;
  font-family:var(--serif); font-size:21px; color:var(--navy); font-weight:600; }
.wh-page .faq__item summary::-webkit-details-marker { display:none; }
.wh-page .faq__item summary::after { content:"+"; font-family:var(--ui); font-size:24px; font-weight:400; color:var(--coral-2); flex:none; }
.wh-page .faq__item[open] summary::after { content:"–"; }
.wh-page .faq__a { padding:0 4px 24px; color:var(--ink-soft); font-size:16px; line-height:1.65; max-width:64ch; }

/* footer */
.wh-page .foot { background:var(--navy-2); color:rgba(255,255,255,.66); }
.wh-page .foot__in { max-width:1180px; margin:0 auto; padding:54px 40px 30px; }
.wh-page .foot__top { display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; padding-bottom:34px; border-bottom:1px solid rgba(255,255,255,.1); }
.wh-page .foot__logo img { height:34px; width:auto; }
.wh-page .foot__contact { display:flex; gap:26px; flex-wrap:wrap; font-family:var(--ui); font-size:14px; }
.wh-page .foot__contact a { color:#fff; text-decoration:none; font-weight:600; }
.wh-page .foot__clinics { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding:30px 0; font-family:var(--ui); }
.wh-page .foot__clinic h5 { margin:0 0 7px; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.8); }
.wh-page .foot__clinic p { margin:0; font-size:13px; line-height:1.5; color:rgba(255,255,255,.55); }
.wh-page .foot__bottom { padding-top:22px; font-family:var(--ui); font-size:13px; color:rgba(255,255,255,.45); }

@media (max-width:820px){ .wh-page .plans__grid { grid-template-columns:1fr; } .wh-page .foot__clinics { grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .wh-page .wrap, .wh-page .topbar__in, .wh-page .foot__in { padding-inline:22px; } }