/* ============================================================
   CLARION STRATUM — da-lumiere.css (proposition, non publiée)
   « Passer l'arche vers la lumière » : chaque page s'ouvre dans le bleu Nuit d'Égée,
   puis un long fondu d'aube mène au marbre clair. Aucune coupure franche.
   S'applique aux pages hors guides (body.lumiere). Les pages des guides gardent leur ambiance de strate.
   ============================================================ */

/* ---------- Palette claire ---------- */
body.lumiere{
  --marbre:#F5F1E9;          /* fond principal */
  --marbre-2:#EFE8DC;        /* fond légèrement plus chaud */
  --pierre:#FFFFFF;          /* cartes */
  --navy:var(--marbre);      /* les sections qui utilisaient le marine prennent le marbre */
  --deep:var(--marbre-2);
  --navy-soft:#FFFFFF;
  --ivory:#12324A;           /* texte fort : bleu Égée */
  --ivory-dim:#4A5666;       /* texte courant */
  --gold:#B58A38;            /* or lisible sur clair */
  --gold-l:#8F6A24;
  --grad-gold:linear-gradient(135deg,#C9A04A,#A77E2F 55%,#7F5B1C);
  background:var(--marbre);color:var(--ivory);
}

/* Zones qui restent de nuit (ouverture, preuve chiffrée, pied de page) */
body.lumiere .nuit,body.lumiere .hero,body.lumiere .page-hero,body.lumiere .preuve,body.lumiere footer,body.lumiere .band-haut{
  --navy:#12324A;--deep:#0C2436;--navy-soft:#1B4A66;
  --ivory:#F8F3E7;--ivory-dim:#D9D2C0;--gold:#D2A84E;--gold-l:#F2DFA6;
  --grad-gold:linear-gradient(135deg,#F2DFA6,#E2C06F 35%,#C3943A 70%,#8F6A24);
  color:#F8F3E7;
}

/* ---------- Le fondu d'aube : bleu Égée → lueur dorée → marbre ---------- */
body.lumiere .hero{
  background:
    linear-gradient(180deg,rgba(245,241,233,0) 72%,rgba(242,223,166,.35) 86%,var(--marbre) 100%),
    radial-gradient(ellipse at 50% 28%,#1B4A66 0%,#163F5A 55%,#12324A 100%) !important;
  padding-bottom:140px;
}
body.lumiere .page-hero{
  background:
    linear-gradient(180deg,rgba(245,241,233,0) 55%,rgba(242,223,166,.35) 80%,var(--marbre) 100%),
    radial-gradient(ellipse at 50% 0%,#1B4A66 0%,#12324A 70%) !important;
  padding-bottom:120px;
}
/* Sur l'aube, le texte du bas de l'ouverture repasse en bleu */
body.lumiere .hero .chips,body.lumiere .hero .scroll-hint{--ivory:#12324A;color:#12324A}
body.lumiere .page-hero .lead{color:#E6E0D2}

/* La bande citation (photo des remparts) : voile marbre au lieu du voile marine */
body.lumiere .band{
  background-image:linear-gradient(rgba(245,241,233,.86),rgba(245,241,233,.9)),url("assets/photos/duo-remparts.jpg") !important;
  box-shadow:inset 0 60px 60px -20px var(--marbre),inset 0 -60px 60px -20px var(--marbre) !important;
}
body.lumiere .band blockquote{color:#12324A}
body.lumiere .band cite{color:#8F6A24}
/* En haut de « Qui sommes-nous », la bande reste une ouverture de nuit qui se fond dans l'aube */
body.lumiere .band-haut .band{
  background-image:linear-gradient(180deg,rgba(18,50,74,.82) 0%,rgba(18,50,74,.8) 60%,rgba(242,223,166,.55) 85%,var(--marbre) 100%),url("/assets/photos/duo-remparts.jpg") !important;
  box-shadow:none !important;
}
body.lumiere .band-haut .band blockquote{color:#F8F3E7}
body.lumiere .band-haut .band cite{color:#F2DFA6}

/* ---------- Sections : un seul fond marbre, respirations très douces ---------- */
body.lumiere .reperes,body.lumiere .mindset,body.lumiere .methode,body.lumiere .fondateur,body.lumiere .offre,
body.lumiere .contact,body.lumiere .ressources,body.lumiere .recit,body.lumiere .appel-final,body.lumiere .portes-section{
  background:var(--marbre) !important;color:var(--ivory)
}
body.lumiere .ressources:nth-of-type(even),body.lumiere .offre{background:linear-gradient(180deg,var(--marbre),var(--marbre-2) 50%,var(--marbre)) !important}
body.lumiere .reperes{color:#12324A}
body.lumiere .repere b{color:#12324A}
body.lumiere .repere span,body.lumiere .reperes-note{color:#5A6474}
body.lumiere .repere{border-color:rgba(181,138,56,.3)}
body.lumiere .frise-sep{opacity:.8}
body.lumiere .sommaire-page{background:var(--marbre)}

/* ---------- Cartes : pierre blanche, filet d'or, ombre douce ---------- */
body.lumiere .res-card,body.lumiere .niche,body.lumiere .pricing,body.lumiere .mindset-card,body.lumiere .start-card,
body.lumiere .doutes li,body.lumiere .inclus,body.lumiere .strate-item,body.lumiere .mot-fondateur,body.lumiere .acta,body.lumiere .instagram{
  background:var(--pierre) !important;
  border-color:rgba(181,138,56,.4) !important;
  box-shadow:0 16px 40px rgba(18,50,74,.09) !important;
  color:var(--ivory);
}
body.lumiere .mot-fondateur{box-shadow:inset 0 0 0 6px var(--pierre),inset 0 0 0 7px rgba(181,138,56,.3),0 16px 40px rgba(18,50,74,.09) !important}
body.lumiere .mot-fondateur::before{color:#B58A38}
body.lumiere .strate-item{background:linear-gradient(180deg,#FFFFFF,color-mix(in srgb,var(--sa) 7%,#FFFFFF)) !important;border-top:5px solid var(--sa) !important}
body.lumiere .strate-item .strate-tag{color:color-mix(in srgb,var(--sa) 70%,#12324A)}
body.lumiere .pricing{border-top:5px solid var(--sa) !important}
body.lumiere .avertissement{background:color-mix(in srgb,var(--sa) 8%,#FFFFFF)}
body.lumiere .res-badge,body.lumiere .badge-fondateur,body.lumiere .preuve-badge{color:#FFFDF8}
body.lumiere .btn-gold{color:#FFFDF8}
body.lumiere .btn-ghost{color:#12324A;border-color:rgba(18,50,74,.35)}
body.lumiere .btn-ghost:hover{color:#8F6A24;border-color:#8F6A24}
body.lumiere .nuit .btn-ghost,body.lumiere .hero .btn-ghost,body.lumiere .page-hero .btn-ghost{color:#F8F3E7;border-color:rgba(242,223,166,.6)}
body.lumiere .photo-frame{box-shadow:0 22px 50px rgba(18,50,74,.2)}
body.lumiere .acta-temple .acta-socle,body.lumiere .socle{filter:drop-shadow(0 6px 10px rgba(18,50,74,.12))}
body.lumiere .extrait-encart .encart{background:#FFFFFF;border-color:rgba(181,138,56,.4)}
body.lumiere .devise small{color:#6A7483}

/* ---------- En-tête : transparent sur la nuit, marbre une fois défilé ---------- */
body.lumiere header{--ivory:#F8F3E7;background:rgba(18,50,74,.55) !important}
body.lumiere header.scrolled{--ivory:#12324A;background:rgba(245,241,233,.95) !important;box-shadow:0 6px 24px rgba(18,50,74,.1);border-bottom:1px solid rgba(181,138,56,.3)}
body.lumiere header.scrolled .brand-name b,body.lumiere header.scrolled .nav-links a,body.lumiere header.scrolled .deroulant-btn,body.lumiere header.scrolled .burger{color:#12324A}
body.lumiere .sous-menu{background:rgba(255,255,255,.98) !important;border-color:rgba(181,138,56,.4);box-shadow:0 22px 44px rgba(18,50,74,.15)}
body.lumiere .sous-menu a{color:#12324A !important}
body.lumiere .sous-menu small{color:#5A6474}

/* ---------- Pied de page : le jour retombe doucement dans la nuit ---------- */
body.lumiere footer{background:linear-gradient(180deg,var(--marbre) 0%,#C9CFCF 90px,#2A4A60 190px,#12324A 280px) !important;padding-top:300px}
body.lumiere .hero .chip{background:linear-gradient(180deg,#FFFFFF,#F3EEE4) !important;color:#12324A !important;border:1px solid rgba(181,138,56,.45) !important;box-shadow:0 6px 16px rgba(18,50,74,.12)}
body.lumiere .preuve{background:linear-gradient(160deg,#1B4A66,#12324A 45%,#0C2436) !important;border:1px solid #D2A84E !important;box-shadow:0 24px 60px rgba(18,50,74,.28),inset 0 0 0 6px #12324A,inset 0 0 0 7px rgba(210,168,78,.35) !important}
body.lumiere .preuve .chiffre{background:rgba(255,255,255,.06) !important}
/* Cartes des strates (page Méthode) : pierre blanche teintée de la couleur de la strate */
body.lumiere #methode .strate-item{background:linear-gradient(180deg,color-mix(in srgb,var(--sa) 16%,#FFFFFF) 0%,#FFFFFF 42%,#FFFFFF 100%) !important;
  border:1px solid color-mix(in srgb,var(--sa) 45%,rgba(181,138,56,.4)) !important;box-shadow:0 18px 44px rgba(18,50,74,.1) !important;color:#12324A}
body.lumiere #methode .strate-item:hover{box-shadow:0 26px 50px rgba(18,50,74,.18) !important}
body.lumiere #methode .strate-item p{color:#2E3B4A}
body.lumiere #methode .strate-item b{color:#12324A}
body.lumiere .strate-tag,body.lumiere #methode .strate-item h3 span,body.lumiere #methode .strate-cle{color:color-mix(in srgb,var(--sa) 62%,#12324A) !important}
body.lumiere #methode .strate-item h3{color:#12324A}
body.lumiere .attente summary{color:#12324A}

/* ---------- Photo de présentation (remparts) : bien visible ---------- */
/* Accueil : voile marbre léger au centre, plus dense seulement sur les bords pour le fondu */
body.lumiere .band{
  background-image:linear-gradient(180deg,var(--marbre) 0%,rgba(245,241,233,.35) 22%,rgba(245,241,233,.28) 50%,rgba(245,241,233,.35) 78%,var(--marbre) 100%),url("assets/photos/duo-remparts.jpg") !important;
  background-position:center 35% !important;box-shadow:none !important;
}
body.lumiere .band blockquote{color:#0F2A3E;text-shadow:0 0 22px rgba(245,241,233,.95),0 0 8px rgba(245,241,233,.9),0 1px 0 #FFFFFF;font-weight:600}
body.lumiere .band blockquote::before,body.lumiere .band blockquote::after{filter:drop-shadow(0 0 6px rgba(245,241,233,.9))}
/* Qui sommes-nous : la photo en ouverture, voile de nuit léger, puis l'aube */
body.lumiere .band-haut .band{
  background-image:linear-gradient(180deg,rgba(18,50,74,.55) 0%,rgba(18,50,74,.32) 40%,rgba(18,50,74,.38) 65%,rgba(242,223,166,.45) 88%,var(--marbre) 100%),url("/assets/photos/duo-remparts.jpg") !important;
  background-position:center 35% !important;
}
body.lumiere .band-haut .band blockquote{color:#FFFDF8;text-shadow:0 2px 18px rgba(8,29,44,.85),0 1px 3px rgba(8,29,44,.9)}
@media (min-width:900px){body.lumiere .band,body.lumiere .band-haut .band{background-attachment:scroll,fixed !important}}
/* La citation posée sur un cartouche de verre dépoli, filet d'or */
body.lumiere .band blockquote{
  max-width:760px;margin:0 auto;padding:34px 40px 30px;border-radius:18px;
  background:rgba(250,247,241,.88);
  border:1px solid rgba(181,138,56,.55);box-shadow:0 20px 50px rgba(18,50,74,.18),inset 0 0 0 6px rgba(250,247,241,.5),inset 0 0 0 7px rgba(181,138,56,.3);
  text-shadow:none !important;
}
body.lumiere .band-haut .band blockquote{
  background:rgba(12,36,54,.7);border-color:rgba(210,168,78,.6);
  box-shadow:0 20px 50px rgba(8,29,44,.35),inset 0 0 0 6px rgba(12,36,54,.3),inset 0 0 0 7px rgba(210,168,78,.35);
}
/* La photo d'abord : le cartouche se pose en bas, plus fin, les visages restent dégagés */
body.lumiere .band{display:flex !important;flex-direction:column;justify-content:flex-end;min-height:min(92vh,760px);padding-top:120px !important;padding-bottom:70px !important}
body.lumiere .band-haut .band{min-height:min(96vh,820px);padding-bottom:110px !important}
body.lumiere .band blockquote{max-width:640px;padding:22px 30px 20px !important;font-size:clamp(1.15rem,2.2vw,1.55rem) !important;line-height:1.45}
body.lumiere .band blockquote cite{font-size:.62em;margin-top:10px}
@media (max-width:700px){body.lumiere .band{min-height:78vh}body.lumiere .band blockquote{padding:18px 20px !important}}
/* Pages légales en clair */
body.page-legale.lumiere{background:#F5F1E9 !important}
body.page-legale.lumiere .legale{background:#FFFFFF;border:1px solid rgba(181,138,56,.35);outline:1px solid rgba(181,138,56,.25);outline-offset:-8px;border-radius:18px;box-shadow:0 20px 50px rgba(18,50,74,.08);margin-top:40px;margin-bottom:60px;padding:48px clamp(22px,5vw,60px)}
body.page-legale.lumiere .legale h1{color:#12324A}
body.page-legale.lumiere .legale h2{color:#12324A;font-size:1.25rem !important;letter-spacing:.08em !important;margin-top:28px}
body.page-legale.lumiere .legale p,body.page-legale.lumiere .legale td,body.page-legale.lumiere .legale li{color:#2E3B4A}
body.page-legale.lumiere .legale a{color:#8F6A24}
body.page-legale.lumiere .legale-retour{color:#8F6A24}
body.page-legale.lumiere table{border-color:rgba(181,138,56,.3)}

/* ---------- En-tête : couleurs explicites selon l'état (correctif 28/09) ---------- */
body.lumiere header{--ivory:#F8F3E7;--ivory-dim:#E9E3D4;--gold:#D2A84E;--gold-l:#F2DFA6}
body.lumiere header.scrolled{--ivory:#12324A;--ivory-dim:#2E3B4A;--gold:#B58A38;--gold-l:#8F6A24}
body.lumiere header .nav-links > li > a,body.lumiere header .deroulant-btn,body.lumiere header .brand-name small{color:var(--ivory-dim)}
body.lumiere header .nav-links > li > a:hover,body.lumiere header .deroulant-btn:hover,body.lumiere header .nav-links a[aria-current="page"]{color:var(--gold-l)}
/* Menu mobile ouvert : panneau marbre, texte bleu, quel que soit l'état de l'en-tête */
@media (max-width:1024px){
  body.lumiere .nav-links.open{background:rgba(245,241,233,.98) !important;border-bottom:1px solid rgba(181,138,56,.35);box-shadow:0 18px 40px rgba(18,50,74,.15)}
  body.lumiere .nav-links.open > li > a,body.lumiere .nav-links.open .deroulant-btn{color:#12324A !important}
  body.lumiere .nav-links.open .sous-menu a{color:#12324A !important}
  body.lumiere .nav-links.open .sous-menu small{color:#5A6474}
}
/* Contrastes (audit 28/09) */
body.lumiere header:not(.scrolled){background:rgba(18,50,74,.94) !important}
body.lumiere header.scrolled .brand-name b span{color:#8F6A24}
body.lumiere .kicker{color:#8A6424 !important}
body.lumiere .nuit .kicker,body.lumiere .hero .kicker,body.lumiere .page-hero .kicker,body.lumiere .preuve .kicker{color:#F2DFA6 !important}
body.lumiere .avertissement b,body.lumiere .avertissement strong{color:color-mix(in srgb,var(--sa,#8F6A24) 55%,#12324A) !important}
/* Formulaires d'inscription en clair (audit 28/09) */
body.lumiere .capture .champ input{background:#FFFFFF !important;color:#12324A !important;border:1px solid rgba(181,138,56,.5) !important}
body.lumiere .capture .champ input::placeholder{color:#7A8594}
body.lumiere .capture .champ label,body.lumiere .capture .consentement,body.lumiere .capture p.intro{color:#2E3B4A !important}
body.lumiere .capture .mention,body.lumiere .res-card .capture .mention{color:#4A5666 !important}
body.lumiere .capture .mention a{color:#8F6A24 !important}
body.lumiere .capture h3{color:#8A6424 !important}
body.lumiere .capture .bouton{color:#0F2A3E !important}
body.lumiere .capture .message.succes{color:#1E6B3A !important}
body.lumiere .capture .message.erreur{color:#9B2C2C !important}
/* Les formulaires dans les zones de nuit restent clairs sur sombre */
body.lumiere .nuit .capture .champ input,body.lumiere .preuve .capture .champ input{background:rgba(8,29,44,.6) !important;color:#F8F3E7 !important}

/* ---------- Photo des fondateurs : portrait encadré dans une arche de marbre (28/09) ----------
   La photo est verticale : on ne la recadre plus en bandeau, on la présente entière et centrée,
   la citation posée à cheval sur le bas de l'arche. */
body.lumiere .band,body.lumiere .band-haut .band{
  background:none !important;box-shadow:none !important;min-height:0 !important;
  display:flex !important;flex-direction:column;align-items:center;justify-content:center;
  padding:110px 22px 90px !important;
}
body.lumiere .band-haut .band{background:linear-gradient(180deg,#12324A 0%,#163F5A 45%,rgba(242,223,166,.4) 82%,var(--marbre) 100%) !important;padding-top:130px !important}
body.lumiere .band::before{
  content:"";display:block;flex:0 0 auto;
  height:min(70vh,640px);aspect-ratio:1380/2047;max-width:86vw;
  background:url("/assets/photos/duo-remparts.jpg") center 28%/cover no-repeat;
  border-radius:999px 999px 20px 20px;
  border:7px solid #FFFFFF;
  outline:1px solid rgba(181,138,56,.7);outline-offset:7px;
  box-shadow:0 34px 70px rgba(18,50,74,.28),0 0 0 15px rgba(255,255,255,.35);
}
body.lumiere .band-haut .band::before{border-color:#F4F1EA;outline-color:rgba(210,168,78,.8);box-shadow:0 34px 70px rgba(0,0,0,.45),0 0 0 15px rgba(244,241,234,.12)}
body.lumiere .band blockquote{position:relative;z-index:1;margin:-86px auto 0 !important;max-width:min(640px,92vw) !important}
@media (min-width:900px){body.lumiere .band,body.lumiere .band-haut .band{background-attachment:scroll !important}}

/* ---------- Colonnade visible : colonnes de marbre sur un bandeau de pierre chaude ---------- */
body.lumiere .colonnade{
  opacity:1 !important;height:110px;background-color:#D9CDB6 !important;background-position:center bottom !important;
  border-top:1px solid rgba(181,138,56,.55);border-bottom:3px solid #B58A38;
  filter:drop-shadow(0 -6px 14px rgba(18,50,74,.08)) !important;
  box-shadow:inset 0 14px 22px -12px rgba(18,50,74,.35),inset 0 -10px 18px -10px rgba(18,50,74,.3);
}
body.lumiere footer{background:linear-gradient(180deg,#12324A 0%,#0E2A3E 100%) !important;padding-top:70px !important}

/* ============================================================
   PAGES DES GUIDES EN CLAIR — luxe, chacune dans sa couleur de strate (28/09)
   Ouverture dans la couleur profonde de la strate → fondu d'aube → marbre teinté.
   ============================================================ */
body.lumiere.page-produit.s1{--marbre:#FAF3EE;--marbre-2:#F4E6DC;--encre-strate:#7A3A1E;--strate-profond:#3A2117;--strate-nuit:#27160F;--strate-doux:#5E3423}
body.lumiere.page-produit.s2{--marbre:#F2F6F2;--marbre-2:#E4EDE7;--encre-strate:#1F5A4C;--strate-profond:#14332A;--strate-nuit:#0C221B;--strate-doux:#24503F}
body.lumiere.page-produit{
  --navy:var(--marbre);--deep:var(--marbre-2);--navy-soft:#FFFFFF;
  --ivory:#12324A;--ivory-dim:#2E3B4A;--gold:#B58A38;--gold-l:#8F6A24;--terre-claire:var(--encre-strate);
  background:var(--marbre) !important;
}
/* L'ouverture reste de nuit, teintée de la strate */
body.lumiere.page-produit .produit-hero{
  --navy:var(--strate-profond);--deep:var(--strate-nuit);--navy-soft:var(--strate-doux);
  --ivory:#F8F3E7;--ivory-dim:#E9E3D4;--gold:#D2A84E;--gold-l:#F2DFA6;--terre-claire:color-mix(in srgb,var(--sa) 45%,#FFF4E6);
  color:#F8F3E7;padding-bottom:170px !important;
  background:
    linear-gradient(180deg,transparent 64%,color-mix(in srgb,var(--sa) 30%,rgba(242,223,166,.4)) 84%,var(--marbre) 100%),
    radial-gradient(ellipse at 75% 28%,color-mix(in srgb,var(--sa) 38%,transparent),transparent 58%),
    radial-gradient(ellipse at 50% 0%,var(--strate-doux) 0%,var(--strate-profond) 68%) !important;
}
body.lumiere.page-produit .produit-hero .gold-text{background:linear-gradient(135deg,#F2DFA6,#E2C06F 35%,#C3943A 70%,#8F6A24) !important;-webkit-background-clip:text !important;background-clip:text !important}
body.lumiere.page-produit .produit-hero .kicker{color:#F2DFA6 !important}
body.lumiere.page-produit .produit-hero .btn-ghost{color:#F8F3E7;border-color:rgba(242,223,166,.6)}
body.lumiere.page-produit .produit-hero .produit-note{color:#E9E3D4}
body.lumiere.page-produit .produit-hero .produit-faits span{background:rgba(255,255,255,.08);border-color:rgba(242,223,166,.45);color:#F8F3E7}
body.lumiere.page-produit header:not(.scrolled){background:color-mix(in srgb,var(--strate-nuit) 94%,transparent) !important}

/* Titres et sur-titres dans la couleur de la strate, foncée */
body.lumiere.page-produit .kicker{color:var(--encre-strate) !important}
body.lumiere.page-produit h2{color:#12324A}
body.lumiere.page-produit .produit-note{color:#4A5666}

/* Le récit : colonne vertébrale dorée, médaillons blancs */
body.lumiere.page-produit .recit{background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--sa) 12%,transparent),transparent 60%) !important}
body.lumiere.page-produit .acte::before{background:#FFFFFF;color:var(--encre-strate);border-color:color-mix(in srgb,var(--sa) 70%,#B58A38);box-shadow:0 0 0 5px var(--marbre),0 8px 18px rgba(18,50,74,.12)}
body.lumiere.page-produit .acte p{color:#2E3B4A}
body.lumiere.page-produit .acte p b,body.lumiere.page-produit .acte p em{color:#12324A}
body.lumiere.page-produit .acte-titre{color:var(--encre-strate) !important}
body.lumiere.page-produit .lettrine::first-letter{color:var(--encre-strate)}
body.lumiere.page-produit .acte-mur p{color:#5A3438}
body.lumiere.page-produit .acte-mur::before{border-color:#9B3B45;color:#9B3B45}
body.lumiere.page-produit .acte-mur .acte-titre{color:#9B3B45 !important}
body.lumiere.page-produit .acte-tournant{background:linear-gradient(160deg,#FFFFFF,color-mix(in srgb,var(--sa) 12%,#FFFFFF)) !important;border:1px solid color-mix(in srgb,var(--sa) 55%,#B58A38) !important;
  box-shadow:0 22px 50px rgba(18,50,74,.12),inset 0 0 0 6px #FFFFFF,inset 0 0 0 7px color-mix(in srgb,var(--sa) 30%,transparent) !important}
body.lumiere.page-produit .acte-tournant::before{background:var(--sa);color:#FFFFFF;border-color:#FFFFFF;box-shadow:0 0 0 5px var(--marbre),0 0 22px color-mix(in srgb,var(--sa) 55%,transparent)}
body.lumiere.page-produit .acte-tournant .acte-titre{color:var(--encre-strate) !important}
body.lumiere.page-produit .recit-chute{color:#12324A}
body.lumiere.page-produit .recit-pour-qui{color:#2E3B4A;border-top-color:rgba(181,138,56,.35)}

/* Cartes : pierre blanche, liseré de strate, double filet d'or */
body.lumiere.page-produit .kit article,body.lumiere.page-produit .panneau,body.lumiere.page-produit .faq details,
body.lumiere.page-produit .chiffres-auteur div,body.lumiere.page-produit .format div{
  background:#FFFFFF !important;border:1px solid color-mix(in srgb,var(--sa) 35%,rgba(181,138,56,.45)) !important;
  box-shadow:0 16px 38px rgba(18,50,74,.08);outline:1px solid rgba(181,138,56,.25);outline-offset:-7px;
}
body.lumiere.page-produit .kit article{border-top:4px solid var(--sa) !important}
body.lumiere.page-produit .kit article:hover{box-shadow:0 24px 50px rgba(18,50,74,.14)}
body.lumiere.page-produit .kit .num{color:var(--encre-strate)}
body.lumiere.page-produit .kit h4,body.lumiere.page-produit .chapitre h4,body.lumiere.page-produit .faq summary,body.lumiere.page-produit .bonus-produit h3{color:#12324A}
body.lumiere.page-produit .kit p,body.lumiere.page-produit .faq details p,body.lumiere.page-produit .bonus-produit p{color:#2E3B4A}
body.lumiere.page-produit .chiffres-auteur b{color:var(--encre-strate)}
body.lumiere.page-produit .chiffres-auteur span{color:#4A5666}
body.lumiere.page-produit .faq summary::after{color:var(--encre-strate)}

/* Sommaire : pastilles de pierre */
body.lumiere.page-produit .sommaire{border-left-color:color-mix(in srgb,var(--sa) 55%,#B58A38)}
body.lumiere.page-produit .chapitre::before{background:#FFFFFF;color:var(--encre-strate);border-color:color-mix(in srgb,var(--sa) 70%,#B58A38);box-shadow:0 6px 14px rgba(18,50,74,.1)}
body.lumiere.page-produit .chapitre li{color:#2E3B4A;background:#FFFFFF;border-color:color-mix(in srgb,var(--sa) 30%,rgba(181,138,56,.35))}

/* Bonus : écrin blanc et or */
body.lumiere.page-produit .bonus-produit{background:linear-gradient(160deg,#FFFFFF,color-mix(in srgb,var(--sa) 10%,#FFFDF8)) !important;border-color:#B58A38 !important;
  box-shadow:0 26px 60px rgba(18,50,74,.12),inset 0 0 0 6px #FFFFFF,inset 0 0 0 7px rgba(181,138,56,.4) !important}
body.lumiere.page-produit .bonus-produit li{color:#12324A;background:#FFFFFF;border-color:rgba(181,138,56,.4)}
body.lumiere.page-produit .bonus-sceau{background:radial-gradient(circle,var(--strate-doux),var(--strate-profond)) !important;color:#F2DFA6;border-color:#D2A84E}
body.lumiere.page-produit .bonus-sceau small{color:#E9E3D4}

/* Mot du fondateur et extrait : écrins blancs */
body.lumiere.page-produit .mot-fondateur{background:#FFFFFF !important}
body.lumiere.page-produit .mot-kicker{color:var(--encre-strate) !important}
body.lumiere.page-produit .mot-signature{color:var(--encre-strate) !important}
body.lumiere.page-produit .auteur p{color:#2E3B4A}
body.lumiere.page-produit .appel-final{background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--sa) 14%,transparent),transparent 65%) !important}
body.lumiere.page-produit .produit-prix{color:#12324A}
body.lumiere.page-produit .produit-hero .produit-prix{color:#F8F3E7}
body.lumiere.page-produit .suite-strate{color:#4A5666}
body.lumiere.page-produit .suite-strate a{color:var(--encre-strate)}
body.lumiere.page-produit .sommaire-page{background:transparent}