/* Nuitée : design system « nuit et lune » de moncanapeconvertible.net. Mobile d'abord. */

@font-face{font-family:"Nunito";src:url(../fonts/nunito.woff2) format("woff2");font-weight:200 1000;font-display:swap}
@font-face{font-family:"Outfit";src:url(../fonts/outfit.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Outfit repli";src:local("Arial");size-adjust:99%;ascent-override:100%;descent-override:26%}
@font-face{font-family:"Nunito repli";src:local("Arial");size-adjust:101%;ascent-override:101%;descent-override:35%}

:root{
  --nuit:#151c33;--nuit-2:#232c4d;--lavande:#8f9bd6;--lavande-p:#c9cff0;
  --lune:#f2c14e;--lune-f:#e0a826;--lune-p:#fcf1d2;
  --fond:#f6f5f1;--surface:#fff;--brume:#eceef6;
  --encre:#1a2033;--texte:#2c3247;--doux:#5a6077;--trait:#dcdfe8;
  --lien:#3f36a3;--lien-f:#2a2378;
  --stock:#2a7552;--limite:#9a5f12;--rupture:#b0353a;
  --titre:"Outfit","Outfit repli",system-ui,sans-serif;
  --corps:"Nunito","Nunito repli",system-ui,sans-serif;
  --r-carte:18px;--r-petit:10px;--r-bouton:999px;
  --e1:4px;--e2:8px;--e3:12px;--e4:16px;--e5:24px;--e6:32px;--e7:48px;--e8:64px;--e9:96px;
  --mesure:68ch;--cadre:1200px;--ombre:0 1px 2px rgba(21,28,51,.06),0 8px 24px rgba(21,28,51,.07);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--e5)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--fond);color:var(--texte);font:400 1.0625rem/1.65 var(--corps);overflow-x:hidden}
img,svg,video,iframe{max-width:100%;height:auto}
img{display:block}
a{color:var(--lien);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--lien-f)}
h1,h2,h3,h4{font-family:var(--titre);color:var(--encre);line-height:1.15;letter-spacing:-.015em;margin:0 0 var(--e4);font-weight:600;text-wrap:balance}
h1{font-size:clamp(1.85rem,1.2rem + 2.6vw,3rem)}
h2{font-size:clamp(1.4rem,1.1rem + 1.2vw,1.95rem)}
h3{font-size:1.2rem}
p{margin:0 0 var(--e4)}
:focus-visible{outline:3px solid var(--lune-f);outline-offset:3px;border-radius:4px}
button,input{font:inherit}
.lecteur{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.evitement{position:absolute;left:var(--e4);top:-60px;z-index:100;background:var(--lune);color:var(--nuit);padding:var(--e2) var(--e4);border-radius:var(--r-petit);font-weight:700}
.evitement:focus{top:var(--e4)}
.cadre{width:min(100% - 2 * var(--e4),var(--cadre));margin-inline:auto}
.picto{flex:none;vertical-align:middle}
.sur-titre{display:flex;align-items:center;gap:var(--e2);margin:0 0 var(--e3);font:700 .78rem/1.3 var(--titre);letter-spacing:.09em;text-transform:uppercase;color:var(--doux)}
.sur-titre a{color:inherit;text-decoration:none}

/* Boutons */
.bouton{display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);min-height:52px;padding:var(--e3) var(--e5);border:0;border-radius:var(--r-bouton);font:600 1rem/1.2 var(--titre);text-decoration:none;cursor:pointer;transition:transform .15s,background-color .15s}
.bouton:hover{transform:translateY(-1px)}
.bouton-lune{background:var(--lune);color:var(--nuit)}
.bouton-lune:hover{background:var(--lune-f);color:var(--nuit)}
.bouton-nuit{background:var(--nuit);color:#fff}
.bouton-nuit:hover{background:var(--nuit-2);color:#fff}
.bouton-petit{min-height:44px;padding:var(--e2) var(--e4);font-size:.95rem}
.bouton-icone{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.bouton-icone:hover{background:rgba(255,255,255,.1)}
.lien-fleche{display:inline-flex;align-items:center;gap:var(--e1);font-weight:700;text-decoration:none;white-space:nowrap}
.lien-clair{color:#fff;font-weight:700}
.lien-clair:hover{color:var(--lune)}

/* En-tête */
.bandeau{margin:0;padding:var(--e2) var(--e4);background:var(--lune);color:var(--nuit);text-align:center;font-size:.9rem;font-weight:700}
.entete{background:var(--nuit);color:#fff;position:relative;z-index:20}
.entete-dedans{display:flex;align-items:center;gap:var(--e4);min-height:68px}
.marque{display:inline-flex;align-items:center;gap:var(--e3);color:var(--nuit-2);text-decoration:none;margin-right:auto}
.entete .marque{color:var(--nuit-2)}
.marque-signe{color:#2c3765}
.marque-nom{font:600 1.08rem/1.05 var(--titre);color:#fff;letter-spacing:-.01em}
.marque-nom span{display:block;color:var(--lune)}
.marque:hover .marque-nom{color:#fff}
.entete-actions{display:flex;gap:var(--e1)}
.navigation{display:none}
.navigation.ouverte{display:block;position:absolute;top:100%;left:0;right:0;background:var(--nuit);padding:var(--e2) var(--e4) var(--e5);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 18px 30px rgba(0,0,0,.25)}
.menu{list-style:none;margin:0;padding:0}
.menu a{display:block;padding:var(--e3) 0;color:#fff;text-decoration:none;font:600 1.05rem/1.3 var(--titre)}
.menu a:hover,.menu .current-menu-item>a{color:var(--lune)}
.menu .sub-menu{list-style:none;padding-left:var(--e4)}
@media (min-width:900px){
  .bouton-menu{display:none}
  .navigation{display:block;order:2}
  .entete-actions{order:3}
  .menu{display:flex;gap:var(--e5)}
  .menu>li{position:relative}
  .menu a{padding:var(--e2) 0;font-size:1rem}
  .menu .sub-menu{display:none;position:absolute;top:100%;left:calc(-1 * var(--e4));min-width:240px;background:var(--nuit);padding:var(--e2) var(--e4);border-radius:0 0 var(--r-petit) var(--r-petit)}
  .menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}
}

/* Fil d'Ariane */
.fil{padding:var(--e4) 0 0;font-size:.88rem;color:var(--doux)}
.fil ol{display:flex;flex-wrap:wrap;gap:var(--e1) var(--e2);list-style:none;margin:0;padding:0}
.fil li:not(:last-child)::after{content:"›";margin-left:var(--e2);color:var(--lavande)}
.fil a{color:var(--doux)}
.fil [aria-current]{color:var(--texte);display:inline-block;max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}

/* Accueil */
.accroche{background:var(--nuit);color:#d7dbef;padding:var(--e7) 0 var(--e8);margin-top:calc(-1 * var(--e4))}
.fil+.accroche{margin-top:0}
.accroche-dedans{display:grid;gap:var(--e6);align-items:center}
.accroche h1{color:#fff;font-size:clamp(2rem,1.3rem + 3vw,3.4rem);max-width:16ch}
.accroche .sur-titre{color:var(--lune)}
.accroche-intro{font-size:1.15rem;max-width:56ch;margin-bottom:var(--e5)}
.accroche-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e5);margin:0}
.accroche-dessin svg{width:100%;max-width:240px;margin-inline:auto;display:block}
@media (min-width:900px){.accroche-dessin svg{max-width:420px}}
@media (min-width:900px){.accroche-dedans{grid-template-columns:1.25fr 1fr}}
.bloc-accueil{padding:var(--e7) 0 0}
.bloc-intro{max-width:60ch;color:var(--doux)}
.usages{list-style:none;margin:0;padding:0;display:grid;gap:var(--e3)}
.usage{position:relative;display:block;height:100%;padding:var(--e5);padding-right:var(--e7);background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-carte);text-decoration:none;color:var(--texte);transition:border-color .15s,box-shadow .15s}
.usage:hover{border-color:var(--lavande);box-shadow:var(--ombre);color:var(--texte)}
.usage-titre{display:block;font:600 1.2rem/1.2 var(--titre);color:var(--encre);margin-bottom:var(--e2)}
.usage-texte{display:block;font-size:.98rem;color:var(--doux)}
.usage .picto{position:absolute;right:var(--e5);top:var(--e5);color:var(--lien)}
@media (min-width:640px){.usages{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.usages{grid-template-columns:repeat(4,1fr)}}
.mecanismes{margin-top:var(--e8);padding:var(--e7) 0;background:var(--brume)}
.meca-liste{list-style:none;margin:var(--e5) 0 0;padding:0;display:grid;gap:var(--e4)}
.meca-liste li{background:var(--surface);border-radius:var(--r-carte);padding:var(--e4);display:grid;grid-template-columns:60px 1fr;column-gap:var(--e4);align-items:start}
.meca-liste li .meca-icone{grid-row:span 2}
.meca-liste p{margin:0;color:var(--doux);font-size:.97rem}
.meca-liste .meca-nom{font:600 1.1rem/1.2 var(--titre);color:var(--encre);margin:var(--e1) 0}
.meca-icone{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:16px;background:var(--nuit);color:var(--lune)}
@media (min-width:640px){.meca-liste{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.meca-liste{grid-template-columns:repeat(3,1fr)}}
.guide-complet{padding:var(--e8) 0 0}
.guide-complet .texte{margin-inline:auto}
.guide-complet .texte>h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
#toc_container{background:var(--surface)!important;border:1px solid var(--trait)!important;border-radius:var(--r-carte);padding:var(--e4) var(--e5)!important;font-size:.95rem}
#toc_container .toc_title{font:700 .8rem/1.3 var(--titre)!important;letter-spacing:.09em;text-transform:uppercase;color:var(--doux)}
#toc_container ul{list-style:none;padding-left:0}
#toc_container a{color:var(--texte);text-decoration:none}
#toc_container a:hover{color:var(--lien)}

/* Cartes et grilles */
.grille{display:grid;gap:var(--e5)}
@media (min-width:640px){.grille{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.grille{grid-template-columns:repeat(3,1fr)}}
.carte{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-carte);overflow:hidden;border:1px solid var(--trait);transition:box-shadow .15s}
.carte:hover{box-shadow:var(--ombre)}
.carte-image{display:block;aspect-ratio:4/3;background:#fff}
.carte-image img{width:100%;height:100%;object-fit:contain}
.carte-vide{display:grid;place-items:center;height:100%;background:var(--brume);color:var(--lavande)}
.carte-corps{padding:var(--e4) var(--e5) var(--e5);display:flex;flex-direction:column;gap:var(--e2)}
.carte-reperes{margin:0;font:700 .78rem/1.3 var(--titre);letter-spacing:.06em;text-transform:uppercase;color:var(--lien)}
.carte-titre{font-size:1.12rem;margin:0}
.carte-titre a{color:var(--encre);text-decoration:none}
.carte-titre a:hover{color:var(--lien)}
.carte-extrait{margin:0;color:var(--doux);font-size:.97rem}
.carte-prix{margin:0}
.suite{padding:var(--e8) 0 var(--e4)}
.suite-tete{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--e3);margin-bottom:var(--e5)}
.suite-tete h2{margin:0}

/* Prix, stock */
.prix{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:var(--e2)}
.prix strong{font:700 1.6rem/1 var(--titre);color:var(--encre)}
.prix del{color:var(--doux);font-size:.98rem}
.remise{background:var(--lune);color:var(--nuit);border-radius:var(--r-bouton);padding:2px var(--e2);font:700 .85rem/1.4 var(--titre)}
.dispo{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:700}
.dispo::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.dispo-stock{color:var(--stock)}.dispo-limite{color:var(--limite)}.dispo-rupture{color:var(--rupture)}
.releve{margin:var(--e3) 0 0;font-size:.85rem;color:var(--doux)}
.offre-ligne{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e3);margin-bottom:var(--e4)}

/* Fiche : en-tête */
.fiche-tete{display:grid;gap:var(--e5);padding-top:var(--e5)}
.fiche-titre h1{margin-bottom:var(--e3)}
.signature{display:flex;flex-wrap:wrap;gap:var(--e1) var(--e4);margin:0 0 var(--e4);font-size:.9rem;color:var(--doux)}
.pour-qui{display:flex;flex-wrap:wrap;gap:var(--e2);list-style:none;margin:0;padding:0}
.pour-qui li{padding:var(--e1) var(--e3);border-radius:var(--r-bouton);background:var(--lune-p);color:var(--nuit);font-weight:700;font-size:.88rem}
.fiche-photos{min-width:0}
.photo-grande{position:relative;display:block;aspect-ratio:4/3;background:#fff;border-radius:var(--r-carte);overflow:hidden;border:1px solid var(--trait)}
.photo-grande img{width:100%;height:100%;object-fit:contain}
.photo-loupe{position:absolute;right:var(--e3);bottom:var(--e3);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--nuit);color:#fff}
.photo-vignettes{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--e2);list-style:none;margin:var(--e2) 0 0;padding:0}
.photo-vignettes button{display:block;width:100%;padding:0;border:2px solid transparent;border-radius:var(--r-petit);overflow:hidden;background:#fff;cursor:pointer;aspect-ratio:4/3}
.photo-vignettes img{width:100%;height:100%;object-fit:contain}
.photo-vignettes [aria-pressed=true]{border-color:var(--nuit)}
.video{margin-top:var(--e3)}
.video-bouton{position:relative;display:block;width:100%;padding:0;border:0;border-radius:var(--r-carte);overflow:hidden;cursor:pointer;background:#000;aspect-ratio:16/9}
.video-bouton img{width:100%;height:100%;object-fit:cover;opacity:.85}
.video-lecture{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--lune);color:var(--nuit)}
.video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r-carte)}
.fiche-donnees{display:grid;gap:var(--e4);align-content:start}
@media (max-width:999px){.fiche-photos{display:contents}.photo-grande{order:2}.photo-vignettes{order:3;margin-top:calc(-1 * var(--e4))}.fiche-titre{order:1}.fiche-donnees{order:4}.fiche-photos>.video{order:5;margin-top:0}}
.offre{background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-carte);padding:var(--e5)}
.offre .bouton{width:100%}
@media (min-width:1000px){
  .fiche-tete{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:var(--e7);align-items:start}
  .fiche-titre{grid-column:2}
  .fiche-photos{grid-column:1;grid-row:1 / span 2;position:sticky;top:var(--e4)}
  .fiche-donnees{grid-column:2}
}

/* La carte « Pour dormir » : le bloc signature du site */
.nuit{background:var(--nuit);color:#d7dbef;border-radius:var(--r-carte);padding:var(--e5);position:relative;overflow:hidden}
.nuit::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;box-shadow:-14px 14px 0 0 var(--lune);opacity:.18}
.nuit-sur{display:flex;align-items:center;gap:var(--e2);margin:0;color:var(--lune);font:700 .78rem/1.3 var(--titre);letter-spacing:.09em;text-transform:uppercase}
.nuit-titre{color:#fff;font-size:1.5rem;margin:var(--e1) 0 var(--e4)}
.nuit-meca{display:flex;gap:var(--e4);align-items:flex-start;padding-bottom:var(--e4);margin-bottom:var(--e4);border-bottom:1px solid rgba(255,255,255,.12)}
.nuit .meca-icone{background:var(--nuit-2);flex:none}
.nuit-meca-nom{margin:0;color:#fff;font:600 1.15rem/1.3 var(--titre)}
.nuit-meca-geste{margin:var(--e1) 0 0;font-size:.95rem}
.nuit-lit{margin:0 0 var(--e4)}
.lit-dessin{display:block;width:100%;max-width:300px;height:auto}
.lit-surface{fill:var(--lavande)}
.lit-oreiller{fill:var(--lavande-p)}
.lit-repere{fill:none;stroke:var(--lune);stroke-width:2;stroke-dasharray:6 5}
.nuit-lit figcaption{font-size:.82rem;margin-top:var(--e2);color:#aeb5d6}
.nuit-donnees,.jour-donnees{margin:0;display:grid;gap:0}
.nuit-donnees div,.jour-donnees div{display:grid;grid-template-columns:minmax(110px,40%) 1fr;gap:var(--e3);padding:var(--e2) 0;border-top:1px solid rgba(255,255,255,.1)}
.nuit-donnees dt{color:#aeb5d6;font-size:.92rem}
.nuit-donnees dd{margin:0;color:#fff;font-weight:700}
.jour{background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-carte);padding:var(--e5)}
.jour-titre{font-size:1.25rem;margin-bottom:var(--e3)}
.jour-donnees div{border-top-color:var(--trait)}
.jour-donnees dt{color:var(--doux);font-size:.92rem}
.jour-donnees dd{margin:0;font-weight:600;color:var(--encre)}
.coloris-titre{margin:0 0 var(--e2);font:600 1rem/1.3 var(--titre);color:var(--encre)}
.coloris ul{display:flex;flex-wrap:wrap;gap:var(--e2);list-style:none;margin:0;padding:0}
.pastille{display:block;width:30px;height:30px;border-radius:50%;background:var(--teinte,#e7e7ea);border:2px solid #fff;box-shadow:0 0 0 1px var(--trait)}
.pastille[data-inconnue]{background:repeating-linear-gradient(45deg,#e7e7ea 0 4px,#f6f6f8 4px 8px)}
.tout{background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-carte)}
.tout summary{display:flex;align-items:center;gap:var(--e2);padding:var(--e4) var(--e5);cursor:pointer;list-style:none;font:600 1rem/1.3 var(--titre);color:var(--encre)}
.tout summary::-webkit-details-marker{display:none}
.tout summary .picto{margin-left:auto;transition:transform .2s}
.tout[open] summary .picto{transform:rotate(180deg)}
.compte{background:var(--brume);border-radius:var(--r-bouton);padding:0 var(--e2);font-size:.85rem}
.tout-table{width:100%;border-collapse:collapse;font-size:.94rem}
.tout-table th,.tout-table td{padding:var(--e2) var(--e5);border-top:1px solid var(--trait);text-align:left;vertical-align:top}
.tout-table th{font-weight:600;color:var(--doux);width:45%}

/* L'essentiel */
.essentiel{margin:var(--e6) 0 0;background:var(--lune-p);border-radius:var(--r-carte);padding:var(--e5)}
.essentiel-titre{display:flex;align-items:center;gap:var(--e2);margin:0 0 var(--e2);font:700 .8rem/1.3 var(--titre);letter-spacing:.09em;text-transform:uppercase;color:var(--nuit)}
.essentiel-texte{font-size:1.1rem;color:var(--encre)}
.essentiel-points{list-style:none;margin:0 0 var(--e4);padding:0;display:grid;gap:var(--e2)}
.essentiel-points li,.bilan li{display:flex;gap:var(--e2);align-items:flex-start}
.plus .picto,.bilan-plus .picto{color:var(--stock);margin-top:3px}
.moins .picto,.bilan-moins .picto{color:var(--rupture);margin-top:3px}
.essentiel-offre{border-top:1px solid rgba(21,28,51,.12);padding-top:var(--e4)}
.essentiel-offre .offre-ligne{margin-bottom:var(--e3)}
@media (min-width:760px){.essentiel{padding:var(--e6)}.essentiel-offre{display:flex;align-items:center;justify-content:space-between;gap:var(--e5)}.essentiel-offre .offre-ligne{margin:0}}

/* Corps : sommaire et texte */
.fiche-corps{display:grid;gap:var(--e5);padding-top:var(--e6)}
.sommaire{background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-carte);padding:var(--e4) var(--e5)}
.sommaire-titre{margin:0 0 var(--e2);font:700 .8rem/1.3 var(--titre);letter-spacing:.09em;text-transform:uppercase;color:var(--doux)}
.sommaire ol{margin:0;padding-left:1.2em;display:grid;gap:var(--e2);font-size:.95rem}
.sommaire a{color:var(--texte);text-decoration:none}
.sommaire a:hover,.sommaire a[aria-current]{color:var(--lien);text-decoration:underline}
@media (min-width:1080px){
  .fiche-corps{grid-template-columns:260px minmax(0,1fr);column-gap:var(--e7)}
  .sommaire-colonne{position:relative}
  .sommaire{position:sticky;top:var(--e5)}
}
.fiche-texte{min-width:0}
.texte{max-width:var(--mesure);font-size:1.0625rem;line-height:1.75}
@media (min-width:760px){.texte{font-size:1.125rem}}
.texte>*{margin-top:0;margin-bottom:1.1em}
.texte h2{margin-top:1.9em;scroll-margin-top:var(--e5);padding-top:var(--e4);border-top:2px solid var(--trait)}
.texte h3{margin-top:1.5em;font-size:1.22rem}
.texte h4{margin-top:1.3em;font-size:1.06rem}
.texte h2 strong,.texte h3 strong,.texte h4 strong{font-weight:inherit}
.texte ul,.texte ol{padding-left:1.3em}
.texte li{margin-bottom:.4em}
.texte li::marker{color:var(--lavande)}
.texte strong{color:var(--encre)}
.texte .vif{background:linear-gradient(transparent 58%,var(--lune-p) 58%);color:var(--encre);font-weight:800}
.texte strong.vif,.texte strong .vif{box-decoration-break:clone;-webkit-box-decoration-break:clone}
.texte .chapeau{font-size:1.2rem;line-height:1.6;color:var(--encre)}
.texte .methodo{font-size:.9rem;color:var(--doux);padding-left:var(--e4);border-left:3px solid var(--lavande)}
.texte .methodo__l{white-space:nowrap}
.texte p[class^="lien-cat"]{background:var(--brume);border-radius:var(--r-petit);padding:var(--e3) var(--e4);font-size:.97rem}
.texte blockquote{margin-left:0;margin-right:0;padding:var(--e4) var(--e5);background:var(--surface);border:1px solid var(--trait);border-left:5px solid var(--nuit);border-radius:var(--r-petit)}
.texte blockquote>:last-child{margin-bottom:0}
.texte blockquote ul{margin:var(--e2) 0 0}
.texte blockquote p:first-child strong:only-child{font-family:var(--titre);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;color:var(--nuit)}
.texte figure{margin-left:0;margin-right:0}
.texte figcaption{font-size:.88rem;color:var(--doux);margin-top:var(--e2)}
.texte img{border-radius:var(--r-petit)}
.test-illustration{background:#fff;border:1px solid var(--trait);border-radius:var(--r-carte);overflow:hidden}
.test-illustration img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:0}
.test-illustration figcaption{padding:var(--e3) var(--e4);margin:0;border-top:1px solid var(--trait)}
.illu-lien{position:relative;display:block}
.illu-cta{position:absolute;right:var(--e3);bottom:var(--e3);display:inline-flex;align-items:center;gap:6px;padding:6px var(--e3);border-radius:var(--r-bouton);background:var(--nuit);color:#fff;font:600 .85rem/1.2 var(--titre)}
.illu-lien:hover .illu-cta{background:var(--lune);color:var(--nuit)}
.table-wrap,.wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:0;margin-right:0}
.texte table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5;background:var(--surface)}
.texte caption{caption-side:bottom;text-align:left;font-size:.85rem;color:var(--doux);padding-top:var(--e2)}
.texte th,.texte td{padding:var(--e2) var(--e3);border-bottom:1px solid var(--trait);text-align:left;vertical-align:top}
.texte thead th{background:var(--nuit);color:#fff;font:600 .9rem/1.3 var(--titre)}
.texte tbody th{font-weight:700;color:var(--encre)}
.texte tr.est-reference{background:var(--lune-p)}
.etiquette{display:inline-block;margin-left:var(--e1);padding:0 var(--e2);border-radius:var(--r-bouton);background:var(--nuit);color:#fff;font:600 .72rem/1.6 var(--titre);vertical-align:middle}
.exergue{position:relative;padding:var(--e4) var(--e5) var(--e4) 64px;border-radius:var(--r-carte);background:var(--brume)}
.exergue::before{content:"";position:absolute;left:var(--e4);top:var(--e4);width:32px;height:32px;border-radius:50%;background:var(--nuit) var(--picto) center/18px no-repeat}
.exergue__titre{margin:0 0 var(--e1)!important;font:700 .8rem/1.3 var(--titre);text-transform:uppercase;letter-spacing:.08em;color:var(--nuit)}
.exergue>:last-child{margin-bottom:0}
.exergue--conseil{--picto:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2c14e' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.6 10.8c.6.5 1.1 1.3 1.1 2.2h5c0-.9.5-1.7 1.1-2.2A6 6 0 0 0 12 3z'/%3E%3C/svg%3E")}
.exergue--attention{background:#fbeceb;--picto:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2c14e' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v8M12 18v.5'/%3E%3C/svg%3E")}
.exergue--chiffre{background:var(--lune-p);--picto:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2c14e' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M9 4 7 20M17 4l-2 16M4 9h16M3 15h16'/%3E%3C/svg%3E")}
.exergue--bon_a_savoir{--picto:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2c14e' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 11v7M12 6v.5'/%3E%3C/svg%3E")}
.texte .ccfr-enbref{background:var(--brume)!important;color:var(--texte)!important;border:0!important;border-left:5px solid var(--lavande)!important;border-radius:var(--r-petit)!important;padding:var(--e4) var(--e5)!important;text-align:left!important}
.texte .ccfr-enbref *{color:inherit!important;background:none!important;font-family:var(--corps)!important}
.texte .ccfr-enbref h2{border:0;padding:0;margin:0 0 var(--e2)!important;font:700 .82rem/1.3 var(--titre)!important;text-transform:uppercase;letter-spacing:.08em}
.texte .has-background{border-radius:var(--r-petit);padding:var(--e4) var(--e5)}
.texte .video{margin-bottom:1.1em}

/* Après le texte */
.bilan,.faq,.ailleurs,.guides{margin-top:var(--e7);max-width:var(--mesure)}
.bilan-colonnes{display:grid;gap:var(--e4)}
@media (min-width:640px){.bilan-colonnes{grid-template-columns:1fr 1fr}}
.bilan-plus,.bilan-moins{background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-carte);padding:var(--e5)}
.bilan-plus{border-top:4px solid var(--stock)}.bilan-moins{border-top:4px solid var(--rupture)}
.bilan-sur{font:600 1.05rem/1.3 var(--titre);color:var(--encre)}
.bilan ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--e2)}
.bilan-ideal{margin-top:var(--e4)}
.bilan-verdict{padding:var(--e4) var(--e5);background:var(--nuit);color:#fff;border-radius:var(--r-carte);font-size:1.05rem}
.faq details{border-bottom:1px solid var(--trait)}
.faq summary{display:flex;justify-content:space-between;gap:var(--e3);padding:var(--e4) 0;cursor:pointer;list-style:none;font:600 1.05rem/1.4 var(--titre);color:var(--encre)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .picto{transition:transform .2s;margin-top:2px}
.faq details[open] summary .picto{transform:rotate(180deg)}
.faq-reponse{padding-bottom:var(--e3)}
.mention{display:flex;gap:var(--e2);margin-top:var(--e6);max-width:var(--mesure);font-size:.87rem;color:var(--doux)}
.mention .picto{margin-top:2px}
.ailleurs{background:var(--lune-p);border-radius:var(--r-carte);padding:var(--e5)}
.ailleurs ul,.guides ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--e2)}
.ailleurs a,.guides a{display:flex;align-items:center;justify-content:space-between;gap:var(--e3);padding:var(--e3) var(--e4);background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-petit);text-decoration:none;font-weight:700}
.achat{display:grid;gap:var(--e4);margin-top:var(--e6);padding:var(--e5);background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-carte);max-width:var(--mesure)}
.achat-modele{font:600 1.15rem/1.3 var(--titre);color:var(--encre);margin-bottom:var(--e2)}
@media (min-width:640px){.achat{grid-template-columns:1fr auto;align-items:center}}

/* Barre d'achat */
.barre{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--trait);box-shadow:0 -8px 24px rgba(21,28,51,.1);padding:var(--e2) 0 calc(var(--e2) + env(safe-area-inset-bottom))}
.barre[hidden]{display:none}
.barre-dedans{display:flex;align-items:center;gap:var(--e3)}
.barre-photo{width:56px;height:42px;object-fit:contain;border-radius:6px;background:#fff;display:none}
.barre-modele{display:none;margin:0;line-height:1.25}
.barre-modele span{display:block;font-size:.85rem;color:var(--doux)}
.barre-prix{margin-right:auto}
.barre-prix .prix strong{font-size:1.25rem}
.barre-prix del,.barre-prix .remise{display:none}
@media (min-width:760px){.barre-photo,.barre-modele{display:block}.barre-modele{margin-right:auto}.barre-prix{margin-right:0}.barre-prix del,.barre-prix .remise{display:inline}}
.a-barre .pied{padding-bottom:90px}

/* Listes, recherche, 404, pages */
.liste{padding:var(--e5) 0 var(--e7)}
.liste-tete{max-width:760px;margin-bottom:var(--e6)}
.liste-intro{color:var(--doux);font-size:1.08rem}
.vide{padding:var(--e6);background:var(--surface);border-radius:var(--r-carte);border:1px solid var(--trait);max-width:640px}
.pages,.nav-links{display:flex;flex-wrap:wrap;gap:var(--e2);margin-top:var(--e6)}
.page-numbers{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 var(--e3);border-radius:var(--r-bouton);background:var(--surface);border:1px solid var(--trait);text-decoration:none;font-weight:700}
.page-numbers.current{background:var(--nuit);color:#fff;border-color:var(--nuit)}
.recherche{display:flex;gap:var(--e2);max-width:560px;margin:var(--e4) 0}
.recherche input{flex:1;min-width:0;min-height:52px;padding:0 var(--e4);border:1px solid var(--trait);border-radius:var(--r-bouton);background:#fff;color:var(--encre);font-size:1rem}
.perdu{padding:var(--e8) 0;text-align:center;display:grid;justify-items:center}
.perdu-signe{color:var(--lune-f)}
.perdu .recherche{width:100%}
.perdu-liens{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--e5);list-style:none;padding:0;font-weight:700}
.page{padding:var(--e5) 0 var(--e7)}
.page .texte{margin-top:var(--e4)}
.page-une,.article-une img{border-radius:var(--r-carte);width:100%;height:auto}
.article-tete{max-width:860px;padding-top:var(--e5)}
.article-une{margin-top:var(--e3);margin-bottom:0}
.article .essentiel{max-width:var(--mesure)}

/* Fenêtres */
.fenetre,.visionneuse{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%}
.fenetre::backdrop{background:rgba(21,28,51,.7)}
.visionneuse::backdrop{background:rgba(10,12,22,.92)}
.fenetre-dedans{width:min(100% - 2 * var(--e4),640px);margin:12vh auto 0;background:var(--surface);border-radius:var(--r-carte);padding:var(--e6) var(--e5) var(--e5);position:relative}
.fenetre-titre{font:600 1.2rem/1.3 var(--titre);color:var(--encre);padding-right:var(--e7)}
.fenetre-fermer{position:absolute;right:var(--e3);top:var(--e3);color:var(--encre)}
.visionneuse .fenetre-fermer{position:fixed;color:#fff}
.visionneuse img{max-width:94vw;max-height:88vh;margin:6vh auto 0;object-fit:contain;background:#fff;border-radius:var(--r-petit)}

/* Pied de page */
.pied{margin-top:var(--e9);background:var(--nuit);color:#b9bfdc;padding:var(--e7) 0 var(--e4)}
.pied-dedans{display:grid;gap:var(--e6)}
.pied-marque p{max-width:46ch;margin-top:var(--e4);font-size:.95rem}
.pied-liens ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--e2)}
.pied-liens a{color:#fff;text-decoration:none}
.pied-liens a:hover{color:var(--lune)}
.pied-bas{margin-top:var(--e6);padding-top:var(--e4);border-top:1px solid rgba(255,255,255,.1);font-size:.85rem}
@media (min-width:760px){.pied-dedans{grid-template-columns:2fr 1fr}.pied-liens ul{grid-template-columns:1fr 1fr}}