/* Glowaiva — couche « premium » (19 sept. 2026). S'ajoute APRÈS les styles existants : aucun HTML de structure touché.
   Brun foncé retiré. Foncés → sauge profonde ; action → terracotta (une seule couleur qui crie). */
:root{
  --dark:#4E7D5B; --darker:#3F6B4E;          /* sauge profonde (ex-brun #160800 / #0E0400) */
  --sage:#3F6B47; --sage-l:#A8C9AC; --sage-t:#E8F0E6;
  --terra:#B5622A; --terra-d:#9A4A1C; --peach:#FFE9D2;
  --cream:#FFFDF9; --sand:#F6EDE0; --text:#1E1A14; --mid:rgba(30,26,20,.72); --dim:rgba(30,26,20,.62);
  --cognac:#9A4A1C; --amber:#B5622A;
  --l-border:rgba(168,201,172,.22); --l-border-s:rgba(168,201,172,.38);
}
body{background:#FFFFFF}

/* Bandeau d'offre réelle, en haut */
.gw-bar{position:fixed;top:0;left:0;right:0;z-index:1000;height:36px;display:flex;align-items:center;justify-content:center;gap:.6rem;
  background:linear-gradient(90deg,#3F6B4E,#4E7D5B 40%,#5A8A62);color:#FBF7F1;font:500 .82rem 'DM Sans',sans-serif;letter-spacing:.02em}
.gw-bar a{color:#FFE9D2;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(242,196,160,.5)}
.gw-bar .dot{width:6px;height:6px;border-radius:50%;background:#FFE9D2}
nav{top:36px!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(63,107,71,.14)!important}
.nav-name{color:var(--terra-d)!important;font-weight:600!important}

/* Navigation : fini la monotonie — onglets en pastilles */
.nav-r{gap:.35rem!important;background:rgba(232,240,230,.7);padding:5px;border-radius:999px;border:1px solid rgba(63,107,71,.14)}
.nav-r a{font-size:.72rem!important;letter-spacing:.06em!important;text-transform:none!important;font-weight:500!important;color:#5A8A62!important;
  padding:.45rem .9rem;border-radius:999px;transition:all .25s}
.nav-r a:hover{background:#FFFFFF;color:var(--terra-d)!important;box-shadow:0 3px 12px rgba(78,125,91,.12)}
.nav-r a.nav-lang{background:#4E7D5B!important;color:#FFE9D2!important;border:none!important;font-weight:600!important}
.nav-r a.nav-cta{background:linear-gradient(135deg,var(--terra-d),var(--terra))!important;color:#FFFFFF!important;font-weight:600!important;
  box-shadow:0 6px 18px rgba(181,98,42,.35)!important;padding:.5rem 1.2rem!important}

/* Hero : photos qui roulent conservées ; panneau en verre sauge, accent pêche */
.hero-cine{margin-top:36px;background:#3F6B4E!important}
.hc-voile{background:linear-gradient(180deg,rgba(63,107,78,.18) 0%,rgba(63,107,78,.05) 45%,rgba(63,107,78,.45) 100%)!important}
.hc-halo{background:radial-gradient(ellipse at 72% 38%,rgba(242,196,160,.20),rgba(0,0,0,0) 60%)!important}
.hc-in{background:radial-gradient(ellipse 70% 55% at 100% 0%,rgba(181,98,42,.38),transparent 60%),radial-gradient(ellipse 60% 50% at 0% 100%,rgba(242,196,160,.14),transparent 60%),linear-gradient(155deg,rgba(78,125,91,.90),rgba(63,107,78,.88))!important;border:1px solid rgba(242,196,160,.35)!important;border-radius:22px!important}
.hc-eyebrow{color:#FFE9D2!important;border-color:rgba(242,196,160,.4)!important;background:rgba(63,107,78,.5)!important}
.hc-dot{background:#FFE9D2!important}
.hc-accent{color:#FFE9D2!important}
.hc-b1{background:linear-gradient(135deg,var(--terra-d),var(--terra))!important;color:#FFFFFF!important;box-shadow:0 10px 30px rgba(181,98,42,.45)}
.hc-b2{border-color:rgba(168,201,172,.55)!important;background:rgba(63,107,78,.35)!important}
.hc-btns a[href="#glow-capture"]{background:rgba(242,196,160,.12)!important;border-color:#FFE9D2!important;color:#FFE9D2!important}
.hc-sn{color:#FFE9D2!important}.hc-stats{border-top-color:rgba(242,196,160,.25)!important}

/* Sections foncées → sauge profonde, avec une lueur pêche */
.sec-dark{background:radial-gradient(ellipse 60% 70% at 85% 20%,rgba(242,196,160,.10),transparent 60%),linear-gradient(160deg,#4E7D5B,#3F6B4E)!important}
.stag-l{color:#FFE9D2!important}.stag-l::after{background:#FFE9D2!important}
h2.stitle-l em{background:linear-gradient(120deg,#FFE9D2,#E0C87A)!important;-webkit-background-clip:text!important;background-clip:text!important}
.about-panel{background:linear-gradient(155deg,rgba(242,196,160,.14),rgba(181,98,42,.22))!important;border-color:rgba(242,196,160,.3)!important}
.about-quote{color:#FBF7F1!important}
.about-feats li::before{color:#FFE9D2!important}

/* Méthode : cartes blanches, bande de couleur alternée sauge / terracotta */
.sec-sand{background:var(--sand)!important}
.gr-card{background:#FFFFFF!important;border:none!important;box-shadow:0 10px 30px rgba(78,125,91,.08)}
.gr-card:nth-child(odd) .gr-l{color:var(--terra)!important}.gr-card:nth-child(even) .gr-l{color:var(--sage)!important}
.gr-card:nth-child(odd)::after{background:linear-gradient(90deg,var(--terra-d),var(--terra))!important}
.gr-card:nth-child(even)::after{background:linear-gradient(90deg,var(--sage),#6E9A74)!important}
.gr-n{color:#4E7D5B!important;font-weight:600}

/* Chapitres : numéros en pastilles de couleur */
.card{background:#FFFFFF!important;border:1px solid rgba(63,107,71,.12)!important}
.card-num{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:1rem!important;color:#FFFFFF!important;
  background:var(--sage)}
.grid3 .card:nth-child(3n+2) .card-num{background:var(--terra)}
.grid3 .card:nth-child(3n) .card-num{background:#C09840}
.card h3{color:#4E7D5B!important}

/* Prix : LA bande d'accent — terracotta */
.pc{background:#FFFFFF!important;border:1px solid rgba(63,107,71,.15)!important}
.pc-f{background:radial-gradient(ellipse at 80% 0%,rgba(242,196,160,.35),transparent 55%),linear-gradient(150deg,#B5622A,#9A4A1C 70%)!important;border:none!important;box-shadow:0 24px 60px rgba(154,74,28,.35)}
.pc-badge{background:#4E7D5B!important;color:#FFE9D2!important}
.pc-price-l{background:none!important;-webkit-text-fill-color:#FFFFFF!important;color:#FFFFFF!important}
.pc-tier-l,.pc-per-l,.pc-feats-l li,.pc-was-l,.pc-note{color:rgba(255,253,249,.92)!important}
.pc-feats-l li::before{color:#FFFFFF!important}
.pc-f .pbtn-p{background:#FFFFFF!important;color:#9A4A1C!important;font-weight:700}
.pbtn-o{border-color:var(--sage)!important;color:var(--sage)!important}

/* Vagues entre les bandes (au lieu de traits) */
.divider,.divider-d{height:0!important;background:none!important}
.wave{display:block;width:100%;height:46px;margin:-1px 0}

/* Pied de page + bandeau cookies : sauge */
footer{background:linear-gradient(180deg,#4E7D5B,#3F6B4E)!important;border-top:none!important}
.ft-logo{color:#FFE9D2!important}.ft-links a:hover{color:#FFE9D2!important}
#cookie-banner{background:#3F6B4E!important;border-top-color:rgba(242,196,160,.35)!important}
.mcw-btn,.mcw-head,.mcw-sn,.mcw-m.usr{background:linear-gradient(135deg,#4E7D5B,#3F6B47)!important}
.reveal{opacity:1!important;transform:none!important}
@media(max-width:768px){.nav-r{background:none;border:none}.gw-bar{font-size:.72rem}}

.nav-r a.nav-lang:hover{background:#5A8A62!important;color:#FFFFFF!important}
.nav-r a.nav-cta:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(181,98,42,.45)!important}

/* ---- v2 : boutons du haut et du bas bien visibles ---- */
.gw-bar{height:40px;font-size:.9rem}
nav{top:40px!important;height:72px!important}
.hero-cine{margin-top:40px}
.nav-name{font-size:1.3rem!important}
.nav-r{gap:.45rem!important;background:none!important;border:none!important;padding:0!important}
.nav-r a{font-size:.9rem!important;font-weight:600!important;color:#3F6B4E!important;background:#EEF4EC;border:1.5px solid rgba(78,125,91,.35);padding:.55rem 1.05rem!important}
.nav-r a:hover{background:#4E7D5B!important;color:#FFFFFF!important;border-color:#4E7D5B}
.nav-r a.nav-lang{background:#FFFFFF!important;color:#9A4A1C!important;border:1.5px solid #B5622A!important}
.nav-r a.nav-cta{font-size:.95rem!important;padding:.6rem 1.4rem!important;border:none}
.ft-links{gap:.7rem!important}
.ft-links a{font-size:.85rem!important;font-weight:600!important;letter-spacing:.04em!important;text-transform:none!important;color:#3F6B4E!important;
  background:#FFFFFF;padding:.6rem 1.2rem;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.ft-links a:hover{background:#B5622A!important;color:#FFFFFF!important}
.ft-by,.ft-disc{color:rgba(255,255,255,.92)!important}
.hc-sl{color:rgba(255,255,255,.85)!important}
.about-feats li,.sdesc-l,.about-sig,blockquote,.quote-author{color:rgba(255,255,255,.92)!important}

/* Bas de page commun : sites + réseaux (19 sept. 2026) */
.gw-foot{margin:2.2rem auto 0;max-width:980px;padding:1.4rem 1.2rem;border-radius:18px;background:#4E7D5B;color:#fff;text-align:center;font-family:'DM Sans','Karla',Arial,sans-serif}
.gw-foot h4{margin:0 0 .7rem;font:600 .78rem/1.2 'DM Sans','Karla',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#FFFFFF}
.gw-foot .row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem}
.gw-foot .row:last-child{margin-bottom:0}
.gw-foot a{display:inline-flex;align-items:center;gap:.45rem;background:#fff;color:#3F6B4E!important;text-decoration:none!important;font-weight:600;font-size:.88rem;padding:.5rem 1rem;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.12);transition:background .2s,color .2s}
.gw-foot a:hover{background:#B5622A;color:#fff!important}
.gw-foot a svg{width:16px;height:16px;fill:currentColor}
.gw-foot .also{font-size:.82rem;color:rgba(255,255,255,.92);margin:.2rem 0 .6rem}
.gw-foot .also a{background:rgba(255,255,255,.14);color:#fff!important;box-shadow:none;padding:.35rem .85rem;font-size:.82rem}

/* ── Menu mobile — 20 sept. 2026, version 2 ──────────────────────────────────
   Signalé par Mel : « sur cellulaire aucune façon d'accéder au menu ».
   La page masquait TOUS les liens sous 768 px (sauf EN et 47 CAD) sans rien mettre
   à la place : Méthode, Routines, Ton type de peau, Journal, À propos, Guide et Prix
   étaient inatteignables. Aucun bouton menu n'existait.

   v1 ramenait les liens sur plusieurs lignes : mesuré dans un vrai navigateur, la barre
   montait à 146 px — trop d'écran mangé en permanence. Remplacée par ceci :
   une seule ligne qui défile, barre à 56 px, « EN » et « 47 CAD » épinglés à droite
   (position:sticky) donc toujours atteignables sans défiler.
   Mesures faites sur la page réelle : 9 liens sur 9 affichés, barre 56 px,
   largeur naturelle 435 px (donc un léger défilement sur un écran de 390 px),
   aucun débordement horizontal de la page. Aucun JavaScript. */
@media (max-width: 768px) {
  nav {
    height: 56px !important;
    min-height: 0 !important;
    padding: 0 .8rem !important;
    flex-wrap: nowrap !important;
  }
  .nav-r {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    gap: .35rem !important;
    max-width: 100%;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .nav-r::-webkit-scrollbar { display: none; }
  /* c'est ici que se jouait le problème : ces liens étaient en display:none */
  .nav-r a:not(.nav-cta):not(.nav-lang) {
    display: inline-flex !important;
    align-items: center;
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: .58rem;
    letter-spacing: .1em;
    padding: .3rem .5rem;
    border-radius: 999px;
    background: rgba(232, 240, 230, .92);
    border: 1px solid rgba(63, 107, 71, .16);
    color: var(--terra-d) !important;
  }
  /* toujours atteignables, même quand la barre défile */
  .nav-r a.nav-lang { flex: 0 0 auto; position: sticky; right: 74px; z-index: 2; }
  .nav-r a.nav-cta  { flex: 0 0 auto; position: sticky; right: 0;    z-index: 2; }
  .hero { padding-top: 7rem !important; }
  section[id], div[id] { scroll-margin-top: 92px; }
}

/* ── 20 sept. 2026, 23 h — trois corrections d'après une capture de Mel sur iPhone ──────
   1. Le bouton « 47 CAD » chevauchait les liens du menu (ma régression de la v2 mobile).
   2. Le panneau d'accueil était vert sur la photo de peau → champagne et pêche.
   3. Le pied de page, « merdique sur le phone, trop d'icônes de réseaux ». */

/* 1 ─ MENU MOBILE : un seul élément épinglé, et de la place pour défiler dessous */
@media (max-width: 768px) {
  .nav-r { padding-right: 104px !important; }        /* les liens ne finissent plus sous le bouton */
  .nav-r a.nav-lang { position: static !important; right: auto !important; }  /* EN défile avec les autres */
  .nav-r a.nav-cta {
    position: sticky !important; right: 0 !important; z-index: 3 !important;
    box-shadow: -10px 0 14px 6px rgba(255,255,255,.92) !important;  /* masque net avant le bouton */
  }
}

/* 2 ─ PANNEAU D'ACCUEIL : champagne et pêche au lieu du vert, texte foncé */
.hc-in {
  background:
    radial-gradient(ellipse 70% 55% at 100% 0%, rgba(181,98,42,.16), transparent 60%),
    linear-gradient(155deg, rgba(247,238,225,.955), rgba(242,205,175,.94)) !important;
  border: 1px solid rgba(181,98,42,.28) !important;
}
.hc-in .hc-h1 { color: #2E1F0F !important; }
.hc-in .hc-accent { color: #9A4A1C !important; }     /* 5,9:1 sur pêche — lisible */
.hc-in .hc-sub { color: rgba(26,20,16,.82) !important; }
.hc-in .hc-eyebrow {
  color: #9A4A1C !important; background: rgba(255,255,255,.55) !important;
  border-color: rgba(154,74,28,.35) !important;
}
.hc-in .hc-dot { background: #B5622A !important; }
.hc-in .hc-b2, .hc-in .hc-b3 {
  border-color: rgba(154,74,28,.5) !important; background: rgba(255,255,255,.5) !important;
  color: #2E1F0F !important;
}
/* le voile sur la photo ne tire plus vers le vert */
.hc-voile {
  background: linear-gradient(180deg, rgba(60,40,28,.22) 0%, rgba(60,40,28,.06) 45%, rgba(60,40,28,.42) 100%) !important;
}

/* 3 ─ PIED DE PAGE : plus compact, et sur téléphone les réseaux passent en icônes seules */
.gw-foot { margin: 1.5rem auto 0 !important; padding: .95rem 1rem !important; border-radius: 14px !important; }
.gw-foot h4 { margin: 0 0 .42rem !important; font-size: .66rem !important; letter-spacing: .12em !important; }
.gw-foot .row { gap: .32rem !important; margin-bottom: .55rem !important; }
.gw-foot .row:last-child { margin-bottom: 0 !important; }
.gw-foot a { font-size: .76rem !important; padding: .33rem .7rem !important; gap: .34rem !important; box-shadow: 0 2px 8px rgba(0,0,0,.1) !important; }
.gw-foot a svg { width: 13px !important; height: 13px !important; }
.gw-foot .also { font-size: .72rem !important; margin: .1rem 0 .4rem !important; }
.gw-foot .also a { font-size: .72rem !important; padding: .26rem .62rem !important; }
@media (max-width: 768px) {
  .gw-foot { padding: .75rem .65rem !important; margin-top: 1.1rem !important; }
  .gw-foot h4 { font-size: .6rem !important; margin-bottom: .35rem !important; }
  /* les 4 réseaux deviennent des pastilles rondes : l'icône seule, le nom reste pour les
     lecteurs d'écran (retiré visuellement, pas supprimé du document) */
  .gw-foot .row:first-of-type a { padding: .42rem !important; gap: 0 !important; width: 30px; height: 30px; justify-content: center; }
  .gw-foot .row:first-of-type a svg { width: 15px !important; height: 15px !important; }
  .gw-foot .row:first-of-type a { font-size: 0 !important; }
  .gw-foot .row { margin-bottom: .45rem !important; }
  .gw-foot a { font-size: .7rem !important; padding: .28rem .58rem !important; }
  .gw-foot .also, .gw-foot .also a { font-size: .66rem !important; }
}

/* ── 20 sept. 2026, 23 h 35 — d'après deux captures de Mel ────────────────────
   « le vert reste là » · « le bas est encore trop chargé et grossier »
   · et le bouton « 47 CAD » s'est retrouvé AU MILIEU du menu : ma faute, le
     padding réservé décalait l'élément épinglé. On enlève l'épinglage. */

/* 1 ─ LE VERT DERRIÈRE LE PANNEAU D'ACCUEIL
   Il ne venait pas de la photo mais d'un fond posé sur la section :
   .hero-cine{background:#3F6B4E}. Remplacé par un brun chaud, qui s'accorde
   à la peau au lieu de la verdir. */
.hero-cine { background: #3A2C24 !important; }
.hc-halo { background: radial-gradient(ellipse at 72% 38%, rgba(242,196,160,.22), rgba(0,0,0,0) 60%) !important; }

/* 2 ─ MENU MOBILE : plus rien d'épinglé. Tout défile ensemble, donc plus aucun
   chevauchement possible. Le bouton se trouve au bout de la barre. */
@media (max-width: 768px) {
  .nav-r { padding-right: 0 !important; }
  .nav-r a.nav-cta { position: static !important; right: auto !important; box-shadow: none !important; }
  .nav-r a.nav-lang { position: static !important; right: auto !important; }
}

/* 3 ─ LE BAS DE PAGE : du texte, plus des pastilles.
   Il y avait 17 pastilles blanches empilées (7 + 10). C'est ce qui faisait
   « chargé et grossier ». Les liens redeviennent du texte ; rien n'est retiré. */
.ft-links a, .gw-foot a {
  background: none !important; box-shadow: none !important; border-radius: 0 !important;
  color: #FFE9D2 !important; font-weight: 500 !important;
}
.ft-links { gap: .35rem 1.1rem !important; margin-bottom: 1rem !important; }
.ft-links a { padding: .1rem 0 !important; font-size: .6rem !important; }
.ft-links a:hover, .gw-foot a:hover {
  background: none !important; color: #FFFFFF !important;
  text-decoration: underline !important; text-underline-offset: 3px;
}
.gw-foot { background: rgba(78,125,91,.55) !important; padding: .9rem 1rem !important; }
.gw-foot h4 { opacity: .7 !important; font-size: .6rem !important; margin-bottom: .3rem !important; }
.gw-foot .row { gap: .3rem .95rem !important; margin-bottom: .5rem !important; }
.gw-foot a { padding: .1rem 0 !important; font-size: .74rem !important; }
.gw-foot a svg { width: 13px !important; height: 13px !important; opacity: .9; }
.gw-foot .also { font-size: .68rem !important; }
.gw-foot .also a { background: none !important; padding: .1rem 0 !important; font-size: .7rem !important; }

@media (max-width: 768px) {
  footer { padding: 2.2rem 1.1rem 1.6rem !important; }
  .ft-links a { font-size: .58rem !important; }
  .gw-foot { padding: .8rem .7rem !important; margin-top: 1.1rem !important; }
  /* les 4 réseaux : l'icône seule, en ligne. Le nom reste lisible par un lecteur d'écran. */
  .gw-foot .row:first-of-type { gap: 1.15rem !important; }
  .gw-foot .row:first-of-type a { font-size: 0 !important; padding: 0 !important; gap: 0 !important; }
  .gw-foot .row:first-of-type a svg { width: 19px !important; height: 19px !important; }
  .gw-foot a { font-size: .7rem !important; }
}

/* ── Menu dépliant sur téléphone — 20 sept. 2026 ─────────────────────────────
   Mel : « possible de déplier les onglets sur le cellulaire ? »
   TOUT ce bloc est conditionné à `html.nav-js`, que seul le script pose.
   Sans le script, rien de ceci ne s'applique et la barre défilante reste :
   impossible de se retrouver sans menu, ce qui était le défaut d'origine. */
.nav-burger { display: none; }

@media (max-width: 768px) {
  html.nav-js .nav-burger {
    display: inline-flex; flex-direction: column; justify-content: center; gap: 4px;
    width: 38px; height: 32px; padding: 0 8px; margin-left: auto;
    background: rgba(232,240,230,.9); border: 1px solid rgba(63,107,71,.2);
    border-radius: 10px; cursor: pointer;
  }
  html.nav-js .nav-burger span {
    display: block; height: 2px; width: 100%; border-radius: 2px; background: #3F6B4E;
    transition: transform .18s ease, opacity .18s ease;
  }
  html.nav-js nav.nav-ouvert .nav-burger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  html.nav-js nav.nav-ouvert .nav-burger span:nth-child(2) { opacity: 0; }
  html.nav-js nav.nav-ouvert .nav-burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

  /* les onglets deviennent un panneau, replié par défaut */
  html.nav-js .nav-r {
    display: none !important;
    position: absolute; top: calc(100% + 6px); left: 8px; right: 8px;
    flex-direction: column !important; align-items: stretch !important;
    overflow: visible !important; padding: .45rem !important; gap: .25rem !important;
    background: #FFFFFF; border: 1px solid rgba(63,107,71,.18); border-radius: 14px;
    box-shadow: 0 14px 34px rgba(58,44,36,.18);
  }
  html.nav-js nav.nav-ouvert .nav-r { display: flex !important; }
  html.nav-js .nav-r a {
    width: 100%; justify-content: center; text-align: center;
    font-size: .8rem !important; letter-spacing: .08em !important;
    padding: .6rem .7rem !important; border-radius: 9px !important;
  }
  html.nav-js .nav-r a:not(.nav-cta):not(.nav-lang) {
    background: transparent !important; border: none !important;
    border-bottom: 1px solid rgba(63,107,71,.1) !important;
  }
  html.nav-js .nav-r a.nav-lang { background: rgba(232,240,230,.9) !important; color: #3F6B4E !important; }
  html.nav-js .nav-r a.nav-cta { margin-top: .3rem; font-size: .84rem !important; }
  html.nav-js nav { position: fixed; }
}

/* ── 20 sept., 23 h 55 — d'après trois captures de Mel ───────────────────────
   « quand ça ouvre c'est flou » · « en bas c'est monocolor et difficile à cerner » */

/* A ─ LE PANNEAU DU MENU ÉTAIT TRANSPARENT.
   Cause : une règle `.nav-r{background:none!important}` existait déjà dans cette
   feuille. Ma règle, sans !important, ne pouvait pas gagner — le panneau héritait
   donc du fond vide et du flou de la barre. On force ici un fond opaque. */
@media (max-width: 768px) {
  html.nav-js nav.nav-ouvert .nav-r {
    background: #FFFFFF !important;
    border: 1px solid rgba(63,107,71,.22) !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    box-shadow: 0 18px 40px rgba(58,44,36,.28) !important;
    padding: .5rem !important;
  }
  html.nav-js nav.nav-ouvert .nav-r a { background: #FFFFFF !important; }
  html.nav-js nav.nav-ouvert .nav-r a:not(.nav-cta):not(.nav-lang) {
    border-bottom: 1px solid rgba(63,107,71,.12) !important;
  }
  html.nav-js nav.nav-ouvert .nav-r a:last-child { border-bottom: none !important; }
  html.nav-js nav.nav-ouvert .nav-r a.nav-lang {
    background: #EDF3EC !important; color: #3F6B4E !important;
  }
  html.nav-js nav.nav-ouvert .nav-r a.nav-cta {
    background: linear-gradient(135deg, #9A4A1C, #B5622A) !important; color: #fff !important;
  }
}

/* B ─ LE BAS DE PAGE ÉTAIT DEVENU MONOCHROME.
   En retirant les 17 pastilles blanches, j'ai tout ramené au même crème sur vert :
   plus rien ne séparait les groupes. On redonne des repères sans revenir aux pavés :
   titres en pêche, liens en blanc, un filet entre les groupes, et le bloc écosystème
   posé sur un fond plus sombre pour qu'on voie où il commence. */
.gw-foot {
  background: rgba(46,72,52,.55) !important;
  border: 1px solid rgba(242,196,160,.22) !important;
  padding: 1rem !important;
}
.gw-foot h4 {
  color: #F2C4A0 !important; opacity: 1 !important;
  font-size: .62rem !important; letter-spacing: .18em !important;
  margin: 0 0 .45rem !important;
}
.gw-foot .row {
  padding-bottom: .55rem !important; margin-bottom: .55rem !important;
  border-bottom: 1px solid rgba(242,196,160,.16) !important;
}
.gw-foot .row:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
.gw-foot a { color: #FFFFFF !important; font-weight: 500 !important; }
.gw-foot a:hover { color: #F2C4A0 !important; }
.gw-foot .also { color: rgba(255,233,210,.8) !important; }
.gw-foot a svg { opacity: 1 !important; }
/* le premier bloc de liens se distingue du reste par sa casse et sa teinte */
.ft-links a { color: rgba(255,233,210,.85) !important; }
.ft-links a:hover { color: #FFFFFF !important; }
@media (max-width: 768px) {
  /* les 4 réseaux : icônes dans un cercle clair, on les repère d'un coup d'œil */
  .gw-foot .row:first-of-type a {
    background: rgba(255,255,255,.14) !important; border-radius: 50% !important;
    width: 34px; height: 34px; justify-content: center; align-items: center;
  }
  .gw-foot .row:first-of-type a svg { width: 17px !important; height: 17px !important; fill: #FFFFFF; }
  .gw-foot .row:first-of-type { gap: .7rem !important; }
}