/* Mind Off, page de vente statique (reprise du thème v9). Pensée mobile d'abord, pour une lectrice qui arrive de la pub et ne nous connaît pas.
   Une seule colonne, texte en grand, beaucoup d'air. Nuit premium : bleu nuit, crème, ambre.
   Titres, boutons et chiffres : Bricolage Grotesque. Texte courant : Source Serif 4. Logo : Fraunces.
   Un seul bouton fixe en bas de l'écran. Les photos ont un fond dégradé de repli. */
:root{
  --nuit:#0F1A2B;
  --nuit2:#16263D;
  --creme:#F1E9DA;
  --clair:#FAF6EC;
  --ambre:#E0A458;
  --miel:#8A5713;        /* ambre lisible sur le papier */
  --creme-doux:rgba(241,233,218,.8);
  --trait-nuit:rgba(241,233,218,.2);
  --trait-papier:rgba(15,26,43,.16);
  --titre:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --texte:"Source Serif 4",Georgia,"Times New Roman",serif;
  --col:38rem;
  --marge:1.25rem;
}
*,*::before,*::after{box-sizing:border-box}
html{font-optical-sizing:auto;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.m8-body{margin:0;background:var(--nuit);color:var(--creme);font:400 1.1875rem/1.65 var(--texte);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word}
:where(.m8,.m8-pied) img{display:block;max-width:100%;height:auto}
:where(.m8) :where(p,ul,ol,h1,h2,h3,figure,fieldset,blockquote){margin:0;padding:0}
:where(.m8) :where(ul,ol){list-style:none}
.m8 strong{font-weight:650}
.m8-cache{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.m8-saut{position:absolute;left:.75rem;top:-4rem;background:var(--ambre);color:var(--nuit);padding:.75rem 1rem;border-radius:.4rem;z-index:100;font:650 1rem var(--titre)}
.m8-saut:focus{top:.75rem}
:where(.m8,.m8-tete,.m8-pied,.m8-barre) a:focus-visible,.m8 button:focus-visible,.m8 summary:focus-visible,.m8-bump:focus-within{outline:3px solid var(--ambre);outline-offset:3px}
.m8-papier summary:focus-visible,.m8-clair a:focus-visible{outline-color:var(--nuit)}

/* En-tête */
.m8-tete{display:flex;align-items:center;padding:1rem var(--marge);background:var(--nuit)}
.m8-tete__logo,.m8-pied__logo{text-decoration:none;display:inline-block}
.mo-logo{font:500 1.6rem/1 "Fraunces",Georgia,serif;color:var(--creme);letter-spacing:-.01em;white-space:nowrap;display:inline-flex;align-items:baseline}
.mo-logo__o{width:.74em;height:.74em;margin:0 .02em 0 0;align-self:baseline;overflow:visible;transform:translateY(.02em)}
.mo-logo__moon{fill:var(--ambre)}
.mo-logo__arc{stroke:var(--creme);stroke-width:1.9;stroke-linecap:round}

/* Colonne de lecture et sections */
.m8-col{max-width:var(--col);margin-inline:auto;padding-inline:var(--marge)}
.m8-sec{padding-block:3rem}
.m8-nuit{background:var(--nuit);color:var(--creme)}
.m8-papier{background:var(--creme);color:var(--nuit)}
.m8-clair{background:var(--clair);color:var(--nuit)}
.m8-col > * + *{margin-top:1.15rem}

/* Titres */
.m8-h1{font:700 clamp(2.1rem,9.2vw,3.9rem)/1.06 var(--titre);letter-spacing:-.026em;text-wrap:balance}
.m8-h2{font:700 clamp(1.7rem,7.2vw,2.7rem)/1.1 var(--titre);letter-spacing:-.022em;text-wrap:balance}
.m8-col > .m8-h2 + *{margin-top:1.5rem}
.m8-col > .m8-h2--suite{margin-top:3rem}
.m8-sous{font-size:1.28rem;line-height:1.45;color:var(--creme-doux)}
.m8-col > .m8-sous{margin-top:1.15rem}
.m8-fort{font:700 1.4rem/1.3 var(--titre);letter-spacing:-.015em}
.m8-franc{padding:1rem 1.1rem;border-left:3px solid var(--ambre);background:rgba(224,164,88,.1);font-size:1.08rem;line-height:1.55}
.m8-petit{font:400 .95rem/1.5 var(--titre);color:var(--creme-doux)}
.m8-prixligne{font:400 1.12rem/1.4 var(--titre)}
.m8-prix{font-size:1.9rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:lining-nums;color:var(--ambre)}
.m8-papier .m8-prix,.m8-clair .m8-prix{color:var(--miel)}

/* Bouton */
.m8-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:3.5rem;padding:.85rem 1.2rem;border:0;border-radius:.6rem;background:var(--ambre);color:var(--nuit);font:700 1.1rem/1.2 var(--titre);letter-spacing:-.005em;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .15s ease}
.m8-btn:hover{background:#EBB56E}
.m8-btn:active{background:#D2954A}
.m8-btn[disabled]{opacity:.55;cursor:not-allowed}

/* Trous À CONFIRMER : visibles, surlignés. data-masque sur .m8 les cache. */
.m8-trou{background:rgba(224,164,88,.3);box-shadow:0 0 0 .12em rgba(224,164,88,.3);border-radius:.2rem;font-style:normal}
.m8-nuit .m8-trou{background:rgba(224,164,88,.22);color:var(--creme)}
.m8[data-masque] .m8-trou{display:none}

/* Photos : plein écran sur mobile, fond dégradé tant que le fichier manque */
.m8-fig{position:relative;overflow:hidden;background:linear-gradient(155deg,#1B2D48 0%,#2A3550 45%,#8C6A3E 130%)}
.m8-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.m8-fig--pleine{margin-top:2rem}
.m8-fig--entre{margin-block:2rem}
.m8-papier .m8-fig,.m8-clair .m8-fig{background:linear-gradient(155deg,#D8CDB6 0%,#C9B995 50%,#B88B52 140%)}
.m8-hero .m8-fig{margin-bottom:0}
.m8-hero .m8-col + .m8-fig + .m8-col{margin-top:2rem}

/* 1. Haut de page */
.m8-hero{padding-block:1.5rem 3rem}
.m8-hero .m8-col > .m8-prixligne{margin-top:1.6rem}

/* 2 et suivants : lecture */
.m8-lead .m8-col + .m8-fig + .m8-col{margin-top:0}
.m8-extrait{position:relative;margin-top:1.4rem;padding:1.4rem 1.25rem 1.4rem 1.4rem;background:var(--clair);border-left:4px solid var(--ambre);border-radius:0 .6rem .6rem 0;font:400 1.1rem/1.62 var(--texte);color:var(--nuit);box-shadow:0 1px 0 var(--trait-papier)}
.m8-clair .m8-extrait,.m8-recu .m8-extrait{background:#fff}
.m8-extrait > * + *{margin-top:.95rem}
.m8-extrait p.m8-extrait__t{margin-top:1.4rem;font:700 1.2rem/1.25 var(--titre);letter-spacing:-.012em}
.m8-extrait p.m8-extrait__t:first-child{margin-top:0}
.m8-extrait ol{counter-reset:e;display:grid;gap:.65rem}
.m8-extrait ol li{counter-increment:e;position:relative;padding-left:2rem}
.m8-extrait ol li::before{content:counter(e);position:absolute;left:0;top:.1rem;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--nuit);color:var(--creme);font:700 .85rem/1.45rem var(--titre);text-align:center}

/* Listes numérotées en grand, avec pastille ambre */
.m8-etapes,.m8-liste,.m8-sem{counter-reset:n;display:grid;gap:1rem}
.m8-etapes li,.m8-liste li,.m8-sem li{counter-increment:n;position:relative;padding-left:2.6rem}
.m8-etapes li::before,.m8-liste li::before,.m8-sem li::before{content:counter(n);position:absolute;left:0;top:.08rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--ambre);color:var(--nuit);font:700 1rem/1.8rem var(--titre);text-align:center}
.m8-etapes li{font:500 1.3rem/1.35 var(--titre);letter-spacing:-.012em}
.m8-etapes li::before{top:.12rem}
.m8-liste li strong,.m8-sem li strong{font:700 1.1rem/1.4 var(--titre);letter-spacing:-.005em}
.m8-recu .m8-liste li strong{font:inherit;font-weight:650;letter-spacing:0}
.m8-sem li{padding-block:.2rem}

/* Sections de fond */
.m8-corps .m8-col > p{max-width:36rem}

/* 8. Offre : bloc d'achat */
.m8-offre{padding-block:3.5rem}
.m8-form{display:block;margin-top:1.6rem;padding:1.3rem 1.2rem 1.4rem;border:1.5px solid var(--ambre);border-radius:.9rem;background:rgba(224,164,88,.08)}
.m8-col > .m8-form{margin-top:1.8rem}
.m8-form > * + *{margin-top:1.1rem}
.m8-bump{display:grid;grid-template-columns:1.7rem 1fr;gap:.9rem;align-items:start;padding:1rem;border:1.5px solid var(--trait-nuit);border-radius:.7rem;cursor:pointer;font:500 1.12rem/1.4 var(--titre)}
.m8-bump:has(.m8-bump__case:checked),.m8-bump.est-coche{border-color:var(--ambre);background:rgba(224,164,88,.14)}
.m8-bump__case{appearance:none;-webkit-appearance:none;width:1.6rem;height:1.6rem;margin:0;border:2px solid var(--creme-doux);border-radius:.35rem;display:grid;place-content:center;background:transparent;cursor:pointer}
.m8-bump__case::before{content:"";width:.9rem;height:.5rem;border-left:3px solid var(--nuit);border-bottom:3px solid var(--nuit);transform:rotate(-45deg) scale(0);margin-top:-.2rem}
.m8-bump__case:checked{background:var(--ambre);border-color:var(--ambre)}
.m8-bump__case:checked::before{transform:rotate(-45deg) scale(1)}
.m8-bump__case:focus-visible{outline:0}
.m8-btn--achat{min-height:4rem;font-size:1.2rem}
.m8-garantie{padding-block:3rem 0}
.m8-garantie .m8-col{padding-bottom:0}
.m8-garantie .m8-fig{margin-bottom:0}

/* 10. Objections : questions repliables, la première est ouverte */
.m8-q{border-top:1px solid var(--trait-papier)}
.m8-q:last-child{border-bottom:1px solid var(--trait-papier)}
.m8-col > .m8-q{margin-top:0}
.m8-q summary{position:relative;list-style:none;cursor:pointer;padding:1.05rem 2.5rem 1.05rem 0}
.m8-q summary::-webkit-details-marker{display:none}
.m8-q summary h2{font:italic 500 1.25rem/1.32 var(--texte)}
.m8-q summary::before,.m8-q summary::after{content:"";position:absolute;right:.2rem;top:1.75rem;width:1rem;height:2px;background:var(--miel)}
.m8-q summary::after{transform:rotate(90deg);transition:transform .15s ease}
.m8-q[open] summary::after{transform:rotate(0)}
.m8-q > p{padding:0 0 1.2rem}

/* 11 et 12 */
.m8-honnete{font-size:1.1rem}
.m8-avert{padding:1rem 1.1rem;border:1.5px solid var(--trait-nuit);border-radius:.6rem;font-size:1.05rem}
.m8-qs{padding-top:1rem;border-top:1px solid var(--trait-papier)}
.m8-qs strong{display:block;margin-bottom:.15rem;font:700 1.1rem/1.3 var(--titre)}

/* Pied de page (la marge du bas laisse la place au bouton fixe) */
.m8-pied{background:#0B1422;color:var(--creme-doux);padding-block:2.25rem 7rem;font:400 .95rem/1.55 var(--titre)}
.m8-pied a{color:var(--creme)}
.m8-pied .m8-col > * + *{margin-top:.9rem}
.m8-pied__liens{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem 1.3rem}

/* Le bouton fixe du bas : seul bouton de la page hors achat, caché quand l'offre est à l'écran. Le fil ambre montre la lecture. */
.m8-barre{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:.65rem var(--marge) calc(.65rem + env(safe-area-inset-bottom));background:var(--nuit);border-top:1px solid var(--trait-nuit);transition:transform .2s ease}
.m8-barre.est-cachee{transform:translateY(110%)}
.m8-barre .m8-btn{max-width:26rem;margin-inline:auto;min-height:3.25rem}
.m8-barre__fil{position:absolute;left:0;top:-1px;height:3px;width:100%;background:var(--ambre);transform:scaleX(var(--lu,0));transform-origin:0 50%}
@media (prefers-reduced-motion:reduce){.m8-barre,.m8-btn,.m8-q summary::after{transition:none}}

/* Bandeau de cookies de Shopify : compact pour ne pas cacher la page à la première visite. */
#shopify-pc__banner.shopify-pc__banner__dialog{left:0;width:100%;max-height:60%;padding:.9rem 1.1rem 1rem;border-radius:.9rem .9rem 0 0;font:400 .82rem/1.38 var(--titre)}
#shopify-pc__banner h2{font:700 1rem/1.2 var(--titre);margin:0 0 .3rem}
#shopify-pc__banner p{font-size:.82rem;line-height:1.38}
#shopify-pc__banner .shopify-pc__banner__body{margin-bottom:.2rem}
#shopify-pc__banner .shopify-pc__banner__btns{flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 .6rem}
#shopify-pc__banner button{flex:1 1 40%;margin:.65rem 0 0;padding:.65rem .8rem;border-radius:.5rem;font:650 .92rem/1.2 var(--titre)}
#shopify-pc__banner button.shopify-pc__banner__btn-manage-prefs{flex:1 1 100%;order:3;margin-top:.45rem;padding:.2rem 0 0;font-weight:500;font-size:.82rem}
@media (min-width:56rem){#shopify-pc__banner.shopify-pc__banner__dialog{left:auto;right:1.5rem;bottom:1.5rem;width:26rem;border-radius:.9rem}}

/* Écrans larges : la colonne reste étroite, les photos s'arrondissent et se centrent */
@media (min-width:56rem){
  :root{--marge:2rem}
  body.m8-body{font-size:1.25rem}
  .m8-tete{padding-inline:max(var(--marge),calc((100vw - 72rem)/2 + var(--marge)))}
  .m8-sec{padding-block:5rem}
  .m8-hero{padding-block:3.5rem 5rem}
  .m8-fig--pleine{width:min(100% - 4rem,44rem);margin-inline:auto;border-radius:.8rem}
  .m8-fig--pleine{margin-top:2.5rem}
  .m8-fig--entre{margin-block:2.5rem}
  .m8-garantie{padding-bottom:0}
  .m8-garantie .m8-fig{margin-bottom:3rem}
  .m8-extrait{padding:1.8rem 2rem}
}

/* v9 : tableau de valeur et zone d'achat */
.m8-valeur{margin-top:1.6rem;padding:1.2rem 1.1rem;background:#fff;border:1.5px solid var(--trait-nuit);border-radius:.7rem;color:var(--nuit)}
.m8-valeur__t{width:100%;border-collapse:collapse;font:500 1.02rem/1.4 var(--titre)}
.m8-valeur__t caption{text-align:left;font:700 1.15rem/1.3 var(--titre);padding-bottom:.6rem}
.m8-valeur__t td{padding:.45rem 0;border-bottom:1px solid rgba(15,26,43,.12)}
.m8-valeur__t td:last-child,.m8-valeur__t th:last-child{text-align:right;white-space:nowrap;padding-left:1rem}
.m8-valeur__t th{padding-top:.7rem;text-align:left;font:700 1.1rem/1.3 var(--titre)}
.m8-achat{margin-top:1.6rem;display:grid;gap:1rem}
.m8-valeur .m8-petit{color:var(--nuit);opacity:.75;margin-top:.7rem}
.m8-papier .m8-bump__case,.m8-clair .m8-bump__case{border-color:var(--nuit)}
.m8-papier .m8-bump,.m8-clair .m8-bump{color:var(--nuit)}

.m8-achat__titre{font:600 1rem/1.4 var(--titre);margin:0 0 .6rem}
.m8-achat .m8-bump+.m8-bump{margin-top:.7rem}
.m8-total{font:500 1.1rem/1.4 var(--titre);margin:.4rem 0 1rem}
.m8-total strong{font-size:1.35rem}
.m8-chrono{margin:1.4rem 0 .4rem;padding:1.4rem 1rem;border-radius:.9rem;background:var(--nuit);color:var(--creme,#f3ead8);text-align:center}
.m8-chrono__titre{font:700 1.15rem/1.3 var(--titre);margin:0 0 1rem;color:var(--ambre)}
.m8-chrono__cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;max-width:30rem;margin:0 auto}
.m8-chrono__case{background:rgba(255,255,255,.07);border:1px solid rgba(224,164,88,.45);border-radius:.6rem;padding:.7rem .2rem}
.m8-chrono__n{display:block;font:700 clamp(2rem,9vw,3.2rem)/1 var(--titre);font-variant-numeric:tabular-nums;color:var(--creme,#f3ead8)}
.m8-chrono__u{display:block;font:500 clamp(.6rem,2.6vw,.8rem)/1.2 var(--titre);text-transform:uppercase;letter-spacing:.02em;margin-top:.35rem;opacity:.8;white-space:nowrap}
.m8-chrono__fin{font:500 .95rem/1.4 var(--titre);margin:1rem 0 0;opacity:.85}
.m8-chrono.est-fini .m8-chrono__cases{display:none}

/* ===== Ajouts du site statique ===== */
/* Renonciation et paiement */
.m8-renonce{display:grid;grid-template-columns:1.7rem 1fr;gap:.9rem;align-items:start;padding:1rem;border:1.5px solid var(--nuit);border-radius:.7rem;cursor:pointer;font:500 1.05rem/1.45 var(--titre);color:var(--nuit)}
.m8-renonce:has(.m8-renonce__case:checked){border-color:var(--miel);background:rgba(224,164,88,.14)}
.m8-renonce__case{appearance:none;-webkit-appearance:none;width:1.6rem;height:1.6rem;margin:0;border:2px solid var(--nuit);border-radius:.35rem;display:grid;place-content:center;background:transparent;cursor:pointer}
.m8-renonce__case::before{content:"";width:.9rem;height:.5rem;border-left:3px solid var(--nuit);border-bottom:3px solid var(--nuit);transform:rotate(-45deg) scale(0);margin-top:-.2rem}
.m8-renonce__case:checked{background:var(--ambre);border-color:var(--nuit)}
.m8-renonce__case:checked::before{transform:rotate(-45deg) scale(1)}
.m8-renonce:focus-within{outline:3px solid var(--ambre);outline-offset:3px}
.m8-aide-bouton,.m8-statut{font:500 .95rem/1.4 var(--titre);color:var(--nuit);margin:0}
.m8-statut{padding:.7rem .9rem;border:1.5px solid var(--nuit);border-radius:.5rem}
.m8-paiement-whop{padding:1rem;border:1.5px dashed var(--nuit);border-radius:.6rem;font:500 .95rem/1.4 var(--titre);color:var(--nuit)}
.m8-btn[disabled]{background:#CDBFA3;color:#4A4A4A;opacity:1}
.m8-garantie-ligne{font:500 .95rem/1.4 var(--titre);color:var(--nuit);margin:0}
.m8-pied__liens button{background:none;border:0;padding:0;color:var(--creme);font:inherit;text-decoration:underline;cursor:pointer}

/* Bandeau de cookies : refus et acceptation identiques */
.m8-cookies{position:fixed;left:.6rem;right:.6rem;bottom:.6rem;z-index:200;max-width:44rem;margin-inline:auto;padding:1rem 1.1rem;border-radius:.8rem;background:var(--clair);color:var(--nuit);border:2px solid var(--ambre);box-shadow:0 8px 30px rgba(0,0,0,.45);font:400 .95rem/1.5 var(--titre)}
.m8-cookies__txt{margin:0 0 .8rem}
.m8-cookies a{color:var(--nuit);text-decoration:underline}
.m8-cookies__btns{display:flex;flex-wrap:wrap;gap:.5rem}
.m8-cookies__b{flex:1 1 8rem;min-height:2.9rem;padding:.55rem .9rem;border-radius:.5rem;border:2px solid var(--nuit);background:var(--ambre);color:var(--nuit);font:700 1rem/1.2 var(--titre);cursor:pointer}
.m8-cookies__b:hover{background:#EBB56E}
.m8-cookies__b--lien{background:transparent}
.m8-cookies__b--lien:hover{background:rgba(15,26,43,.08)}
.m8-cookies__b:focus-visible{outline:3px solid var(--nuit);outline-offset:2px}
.m8-cookies__perso{margin:0 0 .8rem;padding:.8rem;border:1px solid var(--trait-papier);border-radius:.5rem;display:grid;gap:.7rem}
.m8-cookies__perso[hidden]{display:none}
.m8-cookies__ligne{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer}
.m8-cookies__ligne input{width:1.25rem;height:1.25rem;margin-top:.15rem;accent-color:var(--miel)}

/* Pages légales et merci */
.m8-legal{background:var(--clair);color:var(--nuit);padding-block:2.5rem 4rem}
.m8-legal .m8-col > * + *{margin-top:1rem}
.m8-legal h1{font:700 clamp(1.7rem,6vw,2.4rem)/1.15 var(--titre);margin:0}
.m8-legal h2{font:700 1.35rem/1.25 var(--titre);margin:2rem 0 0}
.m8-legal h3{font:650 1.1rem/1.3 var(--titre);margin:1.4rem 0 0}
.m8-legal p,.m8-legal li{font-size:1.05rem;line-height:1.6;margin:0}
.m8-legal ul,.m8-legal ol{padding-left:1.3rem;margin:0;display:grid;gap:.4rem}
.m8-legal ul{list-style:disc}.m8-legal ol{list-style:decimal}
.m8-legal a{color:var(--miel)}
.m8-legal table{border-collapse:collapse;width:100%;font-size:1rem}
.m8-legal th,.m8-legal td{border:1px solid var(--trait-papier);padding:.5rem .6rem;text-align:left}
.m8-legal blockquote{margin:0;padding:.8rem 1rem;border-left:4px solid var(--ambre);background:rgba(224,164,88,.12)}
.m8-legal mark{background:#F6DE9E;color:var(--nuit);padding:0 .2em;border-radius:.2em}
.m8-brouillon{padding:.8rem 1rem;border:2px solid var(--miel);border-radius:.5rem;background:#FFF3D6;font:600 .95rem/1.45 var(--titre)}
.m8-merci{background:var(--nuit);color:var(--creme);padding-block:3rem 4rem;min-height:60vh}
.m8-merci .m8-col > * + *{margin-top:1.1rem}
.m8-merci h1{font:700 clamp(1.8rem,7vw,2.6rem)/1.15 var(--titre);margin:0}
.m8-merci a{color:var(--ambre)}
.m8-pied--simple{padding-bottom:2.25rem}
.m8-form{display:grid;gap:1rem}