/* ==========================================================================
   « Clinique moderne » — habillage du site public (16/10/2026, direction 2)

   Chargée APRÈS style.css, sur toutes les pages publiques et l'espace membre ;
   l'administration ne la charge pas (elle garde admin.css).

   Principe : style.css pilote tout par des jetons (--color-*, --radius-*,
   --shadow-*, --font-*). On redéfinit ces jetons ici (clair, sombre, sépia)
   puis on n'ajoute que ce qu'un jeton ne sait pas dire : la barre translucide,
   le dégradé bleu→sauge des aplats, les arrondis, la police Manrope.

   Contrastes mesurés sur blanc : bleu #134E7C = 7,6:1 · nuit #0B2545 = 15,1:1
   · texte doux #4A5B73 = 6,9:1 · discret #5B6B80 = 5,2:1 · sauge texte #2E6B55 = 6,2:1.
   La sauge claire #5E9E86 ne porte jamais de texte : surfaces et décors seulement.
   ========================================================================== */

/* Manrope, variable (200-800), hébergée ici : le site ne charge rien ailleurs. */
@font-face{
  font-family:"Manrope";
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
  src:url("../fonts/Manrope-Variable-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Manrope";
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
  src:url("../fonts/Manrope-Variable-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root{
  --color-bg:#FFFFFF;
  --color-bg-alt:#F4F7FA;
  --color-surface:#FFFFFF;
  --color-ink:#0B2545;
  --color-ink-soft:#4A5B73;
  --color-ink-mute:#5B6B80;
  --color-primary:#134E7C;
  --color-primary-dark:#0B2545;
  --color-primary-light:#EAF1F7;
  --color-accent:#134E7C;
  --color-accent-btn:#134E7C;
  --color-accent-light:#EAF1F7;
  --color-accent-2:#5E9E86;
  --color-accent-text:#134E7C;
  --color-accent-2-text:#2E6B55;
  --color-border:#E3E9F0;
  --color-border-strong:#C9D4DF;
  --fonce:#0B2545;
  --fonce-bas:#0E3A5F;   /* fin des dégradés sombres : le rose d'erreur #ff9b9b y tient 5,8:1 (4,3:1 sur #134E7C) */
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --radius-xl:28px;
  --shadow-sm:0 1px 2px rgba(11,37,69,.05), 0 4px 14px rgba(11,37,69,.05);
  --shadow-md:0 2px 4px rgba(11,37,69,.04), 0 16px 36px -12px rgba(11,37,69,.18);
  --shadow-lg:0 4px 8px rgba(11,37,69,.05), 0 32px 64px -18px rgba(11,37,69,.28);
  --font-body:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-head:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
  --cm-barre:rgba(255,255,255,.86);
  --cm-sauge:#5E9E86;
  --cm-sauge-fond:#E6F2ED;
  --cm-sauge-texte:#2E6B55;
  --cm-degrade:linear-gradient(135deg,#134E7C,#5E9E86);
  --cm-nuit:linear-gradient(135deg,#0B2545 0%,#0E3A5F 100%);
}
:root[data-theme="sombre"]{
  --color-primary:#8FB8E8;
  --color-primary-dark:#BBD3F0;
  --color-primary-light:#18304D;
  --color-accent:#8FB8E8;
  --color-accent-btn:#8FB8E8;
  --color-accent-light:#18304D;
  --color-accent-2:#7FC2A8;
  --color-accent-text:#8FB8E8;
  --color-accent-2-text:#9ED4BE;
  --cm-barre:rgba(11,18,32,.84);
  --cm-sauge-fond:#15302A;
  --cm-sauge-texte:#9ED4BE;
  --cm-degrade:linear-gradient(135deg,#8FB8E8,#7FC2A8);
  --cm-nuit:linear-gradient(135deg,#101A2E 0%,#18304D 100%);
}
:root[data-theme="sepia"]{
  --color-primary-light:#E6ECEF;
  --cm-barre:rgba(251,245,233,.9);
  --cm-sauge-fond:#E3EBE2;
}

/* ---------- Typographie ---------- */
body{ font-weight:450; }
h1,h2,h3,h4{ letter-spacing:-.02em; }
h1{ font-weight:800; letter-spacing:-.035em; }
h2{ font-weight:800; letter-spacing:-.03em; }
h3{ font-weight:700; }
strong, b{ font-weight:700; }

/* ---------- Barre de menu : pleine largeur, translucide, filet bas ----------
   Le flou est sur ::before, JAMAIS sur .site-header : un backdrop-filter sur
   un ancêtre casse le tiroir mobile en position:fixed (13/10/2026). */
.site-header{ background:transparent; border-bottom:1px solid var(--color-border); box-shadow:none; }
.site-header::before{ content:""; position:absolute; inset:0; z-index:-1; background:var(--cm-barre); -webkit-backdrop-filter:blur(14px) saturate(1.3); backdrop-filter:blur(14px) saturate(1.3); }
:root .site-header, :root[data-theme] .site-header{ background:transparent; }
.site-header.is-scrolled{ box-shadow:0 10px 30px -18px rgba(11,37,69,.25); background:transparent; }
.header-inner{ padding:.75rem 0; }
.logo{ font-weight:800; letter-spacing:-.02em; }
.logo .dot{ width:13px; height:13px; background:var(--cm-sauge); box-shadow:0 0 0 4px rgba(94,158,134,.18); }
:root[data-theme="sombre"] .logo .dot{ box-shadow:0 0 0 4px rgba(127,194,168,.2); }
.main-nav{ gap:.15rem; }
.main-nav a{ border-radius:10px; padding:0 .8rem; color:var(--color-ink-soft); }
.main-nav > a::after, .dropdown-head > a::after{ display:none; }
.main-nav > a:hover, .dropdown-head > a:hover, .dropdown:focus-within .dropdown-head > a{ background:var(--color-bg-alt); color:var(--color-ink); }
.main-nav a[aria-current="page"]:not(.nav-cta){ background:var(--color-primary-light); color:var(--color-primary); }
.dropdown-head > a{ padding-right:.3rem; }
.dropdown-toggle{ border-radius:10px; }
.main-nav a.nav-cta{ background:var(--color-primary); color:#fff; border-radius:12px; padding:0 1.15rem; margin-left:.5rem; box-shadow:0 10px 24px -12px rgba(19,78,124,.6); }
.main-nav a.nav-cta:hover{ background:var(--color-primary-dark); color:#fff; }
:root[data-theme="sombre"] .main-nav a.nav-cta, :root[data-theme="sombre"] .main-nav a.nav-cta:hover{ background:var(--color-primary); color:#06111A; }
.main-nav .dropdown-panel{ border-radius:18px; padding:.7rem; border-color:var(--color-border); box-shadow:0 28px 64px -20px rgba(11,37,69,.35); margin-top:.6rem; }
:root[data-theme="sombre"] .main-nav .dropdown-panel{ box-shadow:0 28px 64px rgba(0,0,0,.6); }
.main-nav .dropdown-panel::before{ top:-.7rem; height:.7rem; }
.dropdown-panel a{ border-radius:12px; }
.dropdown-panel a:hover{ background:var(--color-primary-light); color:var(--color-primary); }
.dropdown-pied a{ color:var(--color-primary); }
.btn-comfort, .btn-icon{ border-color:transparent; background:var(--color-bg-alt); }
.btn-comfort:hover, .btn-icon:hover{ background:var(--color-primary-light); }
.lecture-panneau{ border-radius:20px; box-shadow:0 28px 64px -20px rgba(11,37,69,.35); }
@media (max-width:1240px){
  .main-nav{ background:var(--color-surface); }
  .main-nav > a:hover, .dropdown-head:hover{ background:var(--color-bg-alt); }
  .main-nav > a.nav-cta{ background:var(--color-primary); color:#fff; }
  :root[data-theme="sombre"] .main-nav > a.nav-cta{ background:var(--color-primary); color:#06111A; }
  .dropdown-head a:hover{ background:var(--color-bg-alt); }
  .dropdown-toggle{ background:var(--color-bg-alt); }
}
@media (max-width:480px){
  .header-inner{ gap:.3rem; }
  .logo{ font-size:1.12rem; gap:.4rem; }
  .header-actions{ gap:.3rem; }
  .btn-icon, .nav-toggle{ width:40px; height:40px; }
  .btn-comfort{ padding:.45rem .7rem; font-size:.82rem; min-height:40px; }
}
@media (max-width:340px){
  .header-inner{ gap:.2rem; }
  .logo{ font-size:.98rem; gap:.3rem; }
  .logo .dot{ width:11px; height:11px; }
  .header-actions{ gap:.2rem; }
  .btn-icon, .nav-toggle{ width:38px; height:38px; }
  .btn-comfort{ padding:.45rem .5rem; font-size:.78rem; }
}

/* ---------- Boutons ---------- */
.btn{ border-radius:12px; font-weight:700; }
:root:not([data-theme="sombre"]) .btn-primary,
:root:not([data-theme="sombre"]) .btn-accent{ background:var(--color-primary); box-shadow:0 12px 26px -12px rgba(19,78,124,.65); }
:root:not([data-theme="sombre"]) .btn-primary:hover,
:root:not([data-theme="sombre"]) .btn-accent:hover{ background:var(--color-primary-dark); box-shadow:0 16px 32px -12px rgba(11,37,69,.6); }
:root[data-theme="sombre"] .btn-primary, :root[data-theme="sombre"] .btn-accent{ box-shadow:0 12px 26px -10px rgba(143,184,232,.35); }
.btn-outline{ background:var(--color-surface); border:2px solid var(--color-border); color:var(--color-ink); }
.btn-outline:hover{ background:var(--color-bg-alt); border-color:var(--color-border-strong); color:var(--color-ink); }
.bg-dark .btn-outline{ background:transparent; color:#fff; border-color:rgba(255,255,255,.55); }
.bg-dark .btn-outline:hover{ background:#fff; color:#0B2545; border-color:#fff; }
.skip-link{ background:var(--color-primary-dark); }

/* ---------- Accueil et en-têtes de page ---------- */
.hero::before{ background:radial-gradient(60% 60% at 50% 0%, rgba(19,78,124,.10), transparent 70%), transparent; }
.hero::after{ display:none; }
.hero{ background:linear-gradient(180deg,var(--color-bg-alt) 0,var(--color-bg) 100%); }
.type-hero{ background:linear-gradient(180deg,var(--color-bg-alt) 0,var(--color-bg) 100%); }
:root[data-theme="sombre"] .hero, :root[data-theme="sombre"] .type-hero{ background:linear-gradient(180deg,var(--color-bg-alt) 0,var(--color-bg) 100%); }
.hero h1 em, .hv-hero-copy h1 em{ font-style:normal; font-weight:800; color:var(--color-primary); }
.hero .eyebrow, .hv-hero-copy .eyebrow{ background:var(--cm-sauge-fond); border-color:transparent; color:var(--cm-sauge-texte); border-radius:999px; }
.hero .eyebrow::before{ color:var(--cm-sauge-texte); }
.hero .eyebrow{ display:inline-block; line-height:1.45; padding:.45rem 1rem; }
.hero .eyebrow::before{ margin-right:.4rem; }
.bg-alt{ background:var(--color-bg-alt); }
.bg-dark{ background:var(--cm-nuit); }
.bg-dark .section-head p, .bg-dark .lead{ color:#C9D6E4; }

/* ---------- Cartes et encadrés ---------- */
.card, .product-card, .sidebar-box, .content-block{ border-radius:var(--radius-lg); border-color:var(--color-border); }
.card{ box-shadow:var(--shadow-sm); }
.card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-md); border-color:#C9D7E4; }
.card .icon{ background:var(--color-primary-light); border-radius:16px; }
.card .icon svg{ stroke:var(--color-primary); }
.testimonial{ border-radius:var(--radius-lg); background:var(--cm-sauge-fond); border-color:transparent; }
.callout, .tldr-box{ border-radius:18px; }
.sidebar-cta{ background:var(--cm-degrade); }
.quiz-result-band-high{ background:linear-gradient(160deg,#134E7C,#0B2545); }
:root[data-theme="sombre"] .content-block h2 .num,
:root[data-theme="sombre"] .sidebar-cta,
:root[data-theme="sombre"] .product-cover{ background:linear-gradient(160deg,#18304D,#0F766E); color:#fff; }
:root[data-theme="sombre"] .lecture-choix button[aria-pressed="true"],
:root[data-theme="sombre"] .btn-comfort[aria-pressed="true"],
:root[data-theme="sombre"] .quiz-option.selected,
:root[data-theme="sombre"] a.tag-pill:hover{ color:#06111A; }

/* ---------- Accueil « home-v2 » (photos) ---------- */
.home-v2{
  --hv-clay:#134E7C;
  --hv-clay-text:#134E7C;
  --hv-clay-tint:#EAF1F7;
  --hv-sage:#2E6B55;
  --hv-sage-tint:#E6F2ED;
  --hv-violet-deep:#0B2545;
  --hv-violet-tint:#EAF1F7;
  --hv-shadow:0 36px 80px -34px rgba(11,37,69,.45);
}
.home-v2{ max-width:var(--container); margin:0 auto; padding:0 var(--space-3); }
.hv-hero{ padding:var(--space-5) 0 var(--space-4); }
.hv-hero-copy h1{ font-size:clamp(2.2rem,4.8vw,3.6rem); font-weight:800; letter-spacing:-.035em; line-height:1.05; }
.hv-hero-photo{ border-radius:32px; box-shadow:var(--hv-shadow); }
.hv-hero-stats div{ background:var(--color-surface); border:1px solid var(--color-border); border-radius:16px; padding:.8rem 1.2rem; box-shadow:var(--shadow-sm); }
.hv-hero-stats{ gap:.8rem; }
.hv-profile-card{ border-radius:24px; }
.hv-profile-card .tint{ opacity:.5; }
.hv-profile-card .content{ background:linear-gradient(180deg,transparent,rgba(11,37,69,.82) 55%); padding-top:3.2rem; }
.hv-banner{ border-radius:28px; }

/* ---------- Formulaires ---------- */
/* Bordures des champs en encre discrète (5,2:1) : l'audit du 15/10 exige 3:1 pour un contour de champ, une bordure claire ne tient pas. */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]), select, textarea{ border-radius:12px; border-color:var(--color-ink-mute); }
:is(input, select, textarea)[style*="solid var(--color-border"]{ border-color:var(--color-ink-mute) !important; }
input:focus-visible, select:focus-visible, textarea:focus-visible{ outline:3px solid var(--color-primary); outline-offset:2px; border-color:var(--color-primary); }

/* ---------- Pied de page ---------- */
.site-footer{ border-radius:28px 28px 0 0; margin-top:var(--space-4); background:var(--cm-nuit); }
.site-footer::before{ background:radial-gradient(circle, rgba(94,158,134,.22), transparent 70%); }
.footer-logo .dot{ background:var(--cm-sauge); }
.site-footer a{ color:#C9D6E4; }
.site-footer a:hover{ color:#fff; }
@media (max-width:640px){ .site-footer{ border-radius:20px 20px 0 0; } .hv-hero-photo{ border-radius:24px; } }
@media (prefers-reduced-motion: reduce){ .card:hover{ transform:none; } }
@media print{ :root[data-theme="sombre"], :root[data-theme="sepia"]{ --color-bg:#FFFFFF; --color-bg-alt:#F4F7FA; --color-surface:#FFFFFF; --color-ink:#0B2545; --color-ink-soft:#4A5B73; --color-ink-mute:#5B6B80; --color-border:#E3E9F0; --color-border-strong:#C9D4DF; --color-primary:#134E7C; --color-primary-dark:#0B2545; --color-primary-light:#EAF1F7; --color-accent:#134E7C; --color-accent-btn:#134E7C; --color-accent-light:#EAF1F7; --color-accent-text:#134E7C; --color-accent-2-text:#2E6B55; --color-accent-3-text:#7A5A05; --color-success:#15713F; --color-success-text:#15713F; --color-danger:#B02A2A; color-scheme:light; } }

/* ---------- Composants communs (repris tels quels de l'habillage précédent : ils s'expriment en jetons) ---------- */
.maillage h2{ font-size:1.35rem; margin-top:0; }
.maillage-liste{ list-style:none; margin:0; padding:0; }
.maillage-liste li{ padding:.85rem 0; border-top:1px solid var(--color-border); min-width:0; overflow-wrap:anywhere; }
.maillage-liste li:first-child{ border-top:0; padding-top:.25rem; }
.maillage-genre{ display:block; font-size:.78rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--color-ink-mute); margin-bottom:.15rem; }
.maillage-liste a{ font-weight:700; font-size:1.05rem; color:var(--color-primary-dark); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; display:inline-block; padding:.1rem 0; }
.maillage-liste a:hover{ text-decoration-thickness:2px; }
.maillage-liste a:focus-visible{ outline:3px solid var(--color-primary); outline-offset:2px; border-radius:4px; }
.maillage-phrase{ display:block; color:var(--color-ink-soft); font-size:.95rem; line-height:1.5; margin-top:.2rem; max-width:68ch; }
@media print{ .maillage{ display:none; } }

/* 14/10/2026 : en flex, « <strong>Libellé :</strong> texte » devenait deux colonnes serrées qui se chevauchaient sur téléphone
   (fiches : « Conseils pratiques »). La ligne redevient un paragraphe, la coche reste à gauche. */
.checklist li{ display:block; position:relative; padding-left:2.4rem; }
.checklist li::before{ position:absolute; left:1.05rem; top:.75rem; }

/* 14/10/2026 : confiance des fiches santé (includes/signature-editoriale.php) — ligne « Mis à jour le … · Sources vérifiées »
   sous le titre, et encadré « Sources » en fin de fiche. Rien que des jetons : lisible en clair, en sombre et en sépia. */
.fiche-maj{ margin:.35rem 0 .9rem; font-size:.88rem; color:var(--color-ink-mute); }
.fiche-maj a{ color:var(--color-primary-dark); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.fiche-maj a:hover{ text-decoration-thickness:2px; }
.fiche-maj a:focus-visible, .fiche-sources a:focus-visible{ outline:3px solid var(--color-primary); outline-offset:2px; border-radius:4px; }
.fiche-sources h2{ font-size:1.35rem; margin-top:0; }
.fiche-sources-intro, .fiche-sources-note{ color:var(--color-ink-soft); font-size:.92rem; max-width:68ch; }
.fiche-sources-note{ margin:1rem 0 0; }
.fiche-sources-liste{ margin:.5rem 0 0; padding-left:1.4rem; }
.fiche-sources-liste li{ padding:.55rem 0; border-top:1px solid var(--color-border); min-width:0; overflow-wrap:anywhere; line-height:1.5; }
.fiche-sources-liste li:first-child{ border-top:0; }
.fiche-sources-liste a{ font-weight:600; color:var(--color-primary-dark); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.fiche-source-origine{ color:var(--color-ink-soft); font-size:.92rem; }
.fiche-source-appui{ display:block; color:var(--color-ink-mute); font-size:.88rem; margin-top:.15rem; }

/* 14/10/2026 : « Par où commencer ? » sur l'accueil (includes/orientation.php). Un <details> par situation, sans script ;
   le choix ouvert prend toute la largeur. Cibles tactiles de 44 px au moins, rien que des jetons (clair, sombre, sépia). */
.orientation{ margin:0 0 var(--space-4); padding:var(--space-3); background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); }
.orientation h2{ margin:0 0 .35rem; font-size:clamp(1.4rem,2.6vw,1.8rem); color:var(--color-ink); }
.orientation-intro{ margin:0 0 1rem; color:var(--color-ink-soft); max-width:60ch; }
.orientation-choix{ display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:.6rem; }
.orientation-parcours{ min-width:0; }
.orientation-parcours[open]{ grid-column:1 / -1; }
.orientation-parcours > summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:.6rem; min-height:52px; padding:.7rem 1rem; border:2px solid var(--color-border-strong); border-radius:14px; background:var(--color-bg-alt); color:var(--color-ink); font-weight:700; font-size:1.02rem; line-height:1.3; overflow-wrap:anywhere; }
.orientation-parcours > summary::-webkit-details-marker{ display:none; }
.orientation-parcours > summary::after{ content:"+"; flex:none; font-size:1.4rem; line-height:1; color:var(--color-primary-dark); }
.orientation-parcours[open] > summary::after{ content:"\2212"; }
.orientation-parcours > summary:hover{ border-color:var(--color-primary); }
.orientation-parcours[open] > summary{ border-color:var(--color-primary); background:var(--color-primary-light); color:var(--color-primary-dark); }
.orientation-parcours > summary:focus-visible, .orientation-lien:focus-visible{ outline:3px solid var(--color-primary); outline-offset:2px; }
.orientation-corps{ padding:1rem 0 .3rem; }
.orientation-chapo{ margin:0 0 .8rem; color:var(--color-ink-soft); max-width:68ch; }
.orientation-etapes{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:.8rem; }
.orientation-etapes li{ display:flex; flex-direction:column; gap:.45rem; min-width:0; padding:1rem; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface); overflow-wrap:anywhere; }
.orientation-nom{ font-size:.8rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--color-ink-mute); }
.orientation-lien{ display:flex; align-items:center; min-height:44px; padding:.55rem .9rem; border:2px solid var(--color-primary); border-radius:12px; background:var(--color-surface); color:var(--color-primary-dark); font-weight:700; line-height:1.3; text-decoration:none; }
.orientation-lien:hover{ background:var(--color-primary-light); }
.orientation-phrase{ margin:0; color:var(--color-ink-soft); font-size:.95rem; line-height:1.5; }
@media (max-width:560px){ .orientation{ padding:var(--space-2); } .orientation-choix, .orientation-etapes{ grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce){ .orientation-parcours > summary{ transition:none; } }
@media print{ .orientation{ display:none; } }

/* --------------------------------------------------------------------------
   14/10/2026 — encadré de vente d'un article (includes/encarts.php).
   Sobre : un filet à gauche, le fond clair de la couleur principale, le texte
   en encre. Uniquement des jetons : il suit les thèmes clair, sombre et sépia.
   -------------------------------------------------------------------------- */
.encart-offre{
  margin:2rem 0;
  padding:1.1rem 1.25rem 1.2rem;
  background:var(--color-primary-light);
  color:var(--color-ink);
  border:1px solid var(--color-border);
  border-left:4px solid var(--color-primary);
  border-radius:var(--radius-md);
}
.encart-offre p{ margin:0 0 .45rem; }
.encart-offre__accroche{ font-size:.92rem; color:var(--color-ink-soft); }
.encart-offre__titre{ font-family:var(--font-head); font-weight:700; font-size:1.12rem; line-height:1.3; color:var(--color-ink); }
.encart-offre__benefice{ line-height:1.55; }
.encart-offre__prix{ white-space:nowrap; font-weight:700; color:var(--color-ink); }
.encart-offre .encart-offre__bouton{ margin-top:.35rem; min-height:44px; display:inline-flex; align-items:center; justify-content:center; text-align:center; }
@media (max-width:560px){
  .encart-offre{ padding:1rem; }
  .encart-offre .encart-offre__bouton{ display:flex; width:100%; }
}