:root{--encre:#16161a;--papier:#fff;--gris:#5e5e66;--filet:#16161a;
  --bleu:#273581;--rose:#f2cbd4;--or:#f8dda8;--vert:#95a874;--creme:#f3f0e9;--eau:#7fb2d6;
  --fr:#f6f1e4;--lu:#f7dfe4;--de:#e7ecda;--be:#ecebe6;--hors:#e9e6dd}
*,*::before,*::after{box-sizing:border-box}
:root{color-scheme:light only}
input,textarea,select,button{background-color:var(--papier);color:var(--encre);color-scheme:light}
[hidden]{display:none!important}
body{margin:0;background:var(--papier);color:var(--encre);font:400 16px/1.6 "Public Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;line-height:.98;letter-spacing:-.02em;margin:0}
button{font:inherit;color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

.barre{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:2rem;justify-content:space-between;
  padding:.7rem clamp(1rem,3vw,2.2rem);background:var(--papier);border-bottom:3px solid var(--filet);min-height:72px}
.marque{display:flex;align-items:center;height:40px}
.marque img{max-height:38px;max-width:240px;width:auto;height:auto}
.nav{display:flex;gap:.3rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.nav button{background:none;border:2px solid transparent;cursor:pointer;padding:.5rem .85rem;font-size:.95rem;font-weight:600}
.nav button:hover{background:var(--creme)}
.nav button[aria-current="true"]{border-color:var(--filet);background:var(--or)}
.lang{display:flex;list-style:none;margin:0;padding:0;border:2px solid var(--filet)}
.lang button{background:none;border:0;cursor:pointer;padding:.4rem .65rem;font-size:.8rem;font-weight:700}
.lang li+li button{border-left:2px solid var(--filet)}
.lang button[aria-pressed="true"]{background:var(--bleu);color:#fff}

.page{display:none}.page.actif{display:block}
.dedans{max-width:1240px;margin-inline:auto;padding:0 clamp(1rem,3vw,2.2rem)}
.sur{font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0}
.entete{padding:clamp(2.4rem,5vw,4rem) 0 2rem;border-bottom:3px solid var(--filet);margin-bottom:2.4rem}
.entete--sans{border-bottom:0;margin-bottom:1.2rem}
.entete h2,.entete h1{font-size:clamp(2.4rem,5.4vw,4.4rem);margin:.5rem 0 .9rem}
.chapeau{margin:0;max-width:62ch;color:var(--gris);font-size:1.14rem;line-height:1.5}

/* ---- heros ---- */
.heros{background:var(--bleu);border-top:3px solid var(--filet);border-bottom:3px solid var(--filet)}
.heros__in{display:grid;grid-template-columns:minmax(0,600px) auto;justify-content:center;column-gap:clamp(2rem,5vw,5rem);height:560px;max-width:1240px;margin:0 auto}
.heros__mot{background:var(--bleu);color:#fff;padding:clamp(1.4rem,2.6vw,2.2rem) clamp(1.6rem,3.5vw,3rem);display:flex;flex-direction:column;justify-content:center;gap:.8rem}
.heros__mot .sur{color:var(--or)}
.heros{background:var(--bleu)}
.heros h1{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.04}
.heros h1 .sur{display:block;margin:0 0 .9rem;line-height:1.4}.heros h1 .h1__titre{display:block}
.heros__ligne{max-width:52ch;font-size:.95rem;line-height:1.5}
/* morceaux choisis : la citation aleatoire, plus bas */
.morceaux{background:var(--creme);border:3px solid var(--filet);padding:clamp(1.6rem,4vw,3rem);margin:0 0 3.4rem;display:grid;gap:1rem}
.morceaux h3{font-size:clamp(1.5rem,2.8vw,2.3rem);line-height:1.18;font-weight:700;letter-spacing:-.01em;max-width:34ch}
.cit__src{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bleu)}
.morceaux .lien{justify-self:start}
.video{position:relative;border:3px solid var(--filet);aspect-ratio:16/9;background:var(--encre);overflow:hidden;margin:0 0 3.4rem;display:grid;place-items:center}
.entete--video{padding-top:clamp(1.8rem,3.6vw,2.8rem);padding-bottom:0;margin-bottom:1.2rem;border-bottom:0}
.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.video button{position:relative;width:88px;height:88px;border:3px solid var(--filet);background:var(--or);cursor:pointer;font-size:2rem;display:grid;place-items:center}
.video button:hover{background:var(--papier)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.heros__ligne{margin:0;max-width:44ch;opacity:.92;font-size:1.06rem}
.heros__vue{background:var(--bleu);height:100%;min-height:0;border-left:3px solid var(--filet);border-right:3px solid var(--filet);box-sizing:content-box}
.heros__vue img{display:block;height:100%;width:auto}
.achat{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.bouton{display:inline-flex;align-items:center;gap:.6rem;padding:1em 1.9em;border:3px solid var(--filet);
  background:var(--or);color:var(--encre);font-weight:800;font-size:1rem;cursor:pointer;text-decoration:none;transition:transform .12s,box-shadow .12s}
.bouton:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--filet)}
.bouton--clair{background:var(--papier)}
.bouton--bleu{background:var(--bleu);color:#fff}
.bouton--petit{padding:.6em 1.1em;font-size:.86rem;border-width:2px}
.prix{font-weight:800;font-size:1.15rem}
.editions{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}
.editions .court{display:none}
.editions button{background:transparent;border:2px solid currentColor;padding:.35em .8em;font-size:.82rem;cursor:pointer;opacity:.6}
.editions button[aria-pressed="true"]{opacity:1;background:var(--or);color:var(--encre);border-color:var(--filet)}

/* ---- decouvrir les planches ---- */
.invite{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:center;margin:0 0 3rem}
.invite__vue{position:relative;border:3px solid var(--filet);cursor:pointer;overflow:hidden;background:var(--creme)}
.invite__vue img{transition:transform .5s}
.invite__vue:hover img{transform:scale(1.03)}
.invite__vue span{position:absolute;left:1rem;bottom:1rem;background:var(--or);border:3px solid var(--filet);padding:.7em 1.3em;font-weight:800}
.invite h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:.6rem}
.invite p{color:var(--gris);margin:0 0 1.2rem}
.invite{margin-top:clamp(2rem,4vw,3.4rem)}
.liens-croises{display:flex;gap:.8rem;flex-wrap:wrap;margin:0 0 3.4rem}

/* ---- la liseuse ---- */
.liseuse{position:fixed;inset:0;z-index:80;background:rgba(22,22,26,.92);display:none;align-items:center;justify-content:center;padding:2rem}
.liseuse.ouverte{display:flex}
.liseuse__cadre{position:relative;max-width:1180px;width:100%;background:var(--papier);border:3px solid var(--filet)}
.liseuse__page{position:relative;overflow:hidden;background:var(--creme);cursor:pointer;min-height:60vh;display:grid;place-items:center}
.liseuse__page img{width:100%;height:auto;max-height:78vh;object-fit:contain;transition:filter .5s}
.liseuse__page.garde img{max-height:78vh;width:auto;margin:0 auto;padding:1.2rem 0}
.liseuse__page.floue img{filter:blur(14px) saturate(.7)}
.liseuse__mur{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:2rem}
.liseuse__page.floue .liseuse__mur{display:flex}
.liseuse__achat{background:var(--papier);border:3px solid var(--filet);padding:2rem clamp(1.4rem,3vw,2.6rem);display:grid;gap:.8rem;justify-items:start;max-width:520px}
.liseuse__achat h3{font-size:2rem}
.liseuse__achat p{margin:0;color:var(--gris)}
.liseuse__barre{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-top:3px solid var(--filet);background:var(--papier)}
.liseuse__nav{display:flex;gap:.5rem}
.liseuse__nav button,.liseuse__fermer{border:2px solid var(--filet);background:var(--papier);padding:.5em 1em;cursor:pointer;font-weight:700}
.liseuse__nav button:disabled{opacity:.35;cursor:default}

/* ---- articles ---- */
.grille{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:0 0 3rem}
.carte-art{position:relative;aspect-ratio:4/3;overflow:hidden;border:3px solid var(--filet);cursor:pointer;background:var(--creme)}
.carte-art img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform .5s}
.carte-art:hover img{transform:scale(1.04)}
.carte-art__fond{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(18px) brightness(.6)}
.carte-art--etroite img,.art__photo--etroite img{position:relative;object-fit:contain!important}.art__photo--etroite{position:relative;overflow:hidden}
.carte-art__t{position:absolute;inset:auto 0 0;padding:1.1rem 1.2rem;color:#fff;
  background:linear-gradient(to top,rgba(22,22,26,.96) 0%,rgba(22,22,26,.72) 55%,transparent 100%)}
.carte-art__c{display:block;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--or);line-height:1.3}
.carte-art__s{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.28rem;line-height:1.12;display:block;margin:.25rem 0 .15rem}
.carte-art__q{font-size:.84rem;opacity:.85}
.grille .carte-art:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.grille .carte-art:first-child .carte-art__t{padding:1.6rem 1.8rem}
.grille .carte-art:first-child .carte-art__s{font-size:1.9rem}
.blocs-f{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.6rem}
.filtre{padding:.5em .95em;border:2px solid var(--filet);background:var(--papier);cursor:pointer;font-size:.84rem;font-weight:700}
.filtre[aria-pressed="true"]{background:var(--or)}
.filtre--doux{border-color:#cfcdc6}

/* ---- adresses : la carte ---- */
.outils{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin:0 0 1rem}
.rech{display:flex;align-items:center;border:3px solid var(--filet);flex:1;min-width:260px}
.rech input{flex:1;border:0;outline:none;padding:.8rem 1rem;font:400 1rem "Public Sans",sans-serif;background:none}
.bascule{display:flex;border:3px solid var(--filet)}
.bascule button{border:0;background:var(--papier);padding:.7em 1.2em;cursor:pointer;font-weight:800}
.bascule button+button{border-left:3px solid var(--filet)}
.bascule button[aria-pressed="true"]{background:var(--bleu);color:#fff}
.regions{display:flex;gap:.4rem;flex-wrap:wrap;margin:0 0 1rem}
.plateau{display:grid;grid-template-columns:minmax(0,1fr) 420px;border:3px solid var(--filet);height:min(80vh,860px);min-height:600px}
.carte{position:relative;background:var(--hors);overflow:hidden}
.carte .maplibregl-map{position:absolute;inset:0;font:inherit}
.maplibregl-ctrl-group{border:3px solid var(--filet)!important;border-radius:0!important;box-shadow:none!important;background:var(--papier)!important}
.maplibregl-ctrl-group button{width:40px!important;height:40px!important;border-radius:0!important}
.maplibregl-ctrl-group button+button{border-top:3px solid var(--filet)!important}
.maplibregl-ctrl-group button:hover{background:var(--or)!important}
.maplibregl-ctrl-top-right{top:.8rem!important;right:.8rem!important}
.maplibregl-ctrl-top-right .maplibregl-ctrl{margin:0 0 .6rem!important}
.maplibregl-ctrl-attrib{font:600 10px "Public Sans",sans-serif!important;background:rgba(255,255,255,.8)!important;border:0!important;border-radius:0!important}
.maplibregl-ctrl-attrib a{color:var(--gris)!important}
.maplibregl-popup{max-width:300px!important;z-index:6}
.maplibregl-popup-tip{display:none}
.maplibregl-popup-content{padding:0!important;border-radius:0!important;box-shadow:6px 6px 0 var(--filet)!important;border:3px solid var(--filet);background:var(--papier)}
.maplibregl-popup-close-button{right:-14px!important;top:-14px!important;width:28px;height:28px;border:3px solid var(--filet)!important;background:var(--or)!important;border-radius:0!important;font:800 18px/1 "Public Sans",sans-serif!important;color:var(--encre)!important;padding:0!important}
.zoom{top:auto;bottom:.8rem;right:.8rem}
.zoom{position:absolute;right:.8rem;display:flex;flex-direction:column;border:3px solid var(--filet);background:var(--papier);z-index:3}
.zoom button{width:40px;height:40px;border:0;background:var(--papier);font-size:1.3rem;font-weight:800;cursor:pointer}
.zoom button#z-tout{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase}
.bulle{width:280px;background:var(--papier);display:grid;grid-template-columns:96px 1fr;gap:.6rem;padding:.5rem}
.bulle img{width:96px;height:96px;object-fit:cover;object-position:center 78%;border:2px solid var(--filet)}
.bulle__t{display:grid;gap:.15rem;align-content:start;font-size:.8rem}
.bulle__t b{font-family:"Bricolage Grotesque",sans-serif;font-size:.98rem;line-height:1.15}
.bulle__t small{color:var(--gris)}
.bulle__t .bouton{justify-self:start;margin-top:.3rem;padding:.4em .8em;font-size:.76rem}
.bulle__x{position:absolute;right:-14px;top:-14px;width:28px;height:28px;border:3px solid var(--filet);background:var(--or);font-weight:800;cursor:pointer;line-height:1}
.zoom button+button{border-top:3px solid var(--filet)}
.zoom button:hover{background:var(--or)}
.legende{position:absolute;left:.8rem;bottom:2rem;z-index:3;background:var(--papier);border:3px solid var(--filet);padding:.45rem .8rem;font-size:.74rem;font-weight:700;display:flex;align-items:center;flex-wrap:wrap}
.terre{stroke:var(--filet);stroke-width:1.2;vector-effect:non-scaling-stroke}
.frontiere{fill:none;stroke:var(--filet);stroke-width:1.6;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}
.riv{fill:none;stroke:var(--eau);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.riv-bord{fill:none;stroke:var(--filet);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.riv.moselle{stroke-width:5}.riv-bord.moselle{stroke-width:8.5}
.riv.rhin{stroke-width:4}.riv-bord.rhin{stroke-width:6.5}
.riv.autre{stroke-width:2}.riv-bord.autre{stroke-width:4}
.nomriv{font:italic 600 11px "Public Sans",sans-serif;fill:var(--bleu);paint-order:stroke;stroke:#fff;stroke-width:3px;pointer-events:none}
.pays{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:15px;fill:var(--encre);opacity:.45;letter-spacing:.22em;pointer-events:none}
.repere circle{fill:var(--encre)}
.repere text{font:600 11px "Public Sans",sans-serif;fill:var(--gris);paint-order:stroke;stroke:#fff;stroke-width:3px;pointer-events:none}
.epingle{cursor:pointer}
.epingle circle{fill:var(--or);stroke:var(--filet);stroke-width:3}
.epingle:hover circle,.epingle.active circle{fill:var(--bleu)}
.epingle:hover text.n,.epingle.active text.n{fill:#fff}
.epingle text{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;pointer-events:none}
.epingle text.n{font-size:13px;text-anchor:middle;dominant-baseline:central}
text.l{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:12.5px;fill:var(--encre);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;cursor:pointer}
text.l.mineur{opacity:0;transition:opacity .15s}
.epingle.dim{opacity:.22}
.epingle .part{fill:none;stroke-width:4}
.bourg .halo{fill:rgba(255,255,255,.55);stroke:var(--filet);stroke-width:1.5;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.bourg.active .halo{fill:rgba(248,221,168,.35);stroke-dasharray:none;stroke-width:2.5}
.lieu{cursor:pointer}
.lieu circle{stroke:var(--filet);stroke-width:2.5}
.lieu path{fill:var(--encre)}
.lieu:hover circle,.lieu.vise circle{stroke-width:4;fill:var(--bleu)!important}
.lieu:hover path,.lieu.vise path{fill:#fff}
text.l.bourg-nom{font-size:12px;fill:var(--bleu)}
.lieu-item.vise{background:var(--or)}
.legende{gap:.7rem}.legende svg{width:16px;height:16px;vertical-align:-3px;margin-right:.25rem}.legende b{margin-right:.3rem}
.panneau{border-left:3px solid var(--filet);background:var(--papier);display:flex;flex-direction:column;min-height:0}
.panneau__tete{padding:1rem 1.2rem;border-bottom:3px solid var(--filet);background:var(--or);display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}
.panneau__tete h3{font-size:1.4rem}
.panneau__tete span{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.panneau__tete button{border:2px solid var(--filet);background:var(--papier);padding:.3em .6em;cursor:pointer;font-size:.78rem;font-weight:700;white-space:nowrap}
.panneau__corps{overflow:auto;padding:0;flex:1}
.panneau__vide{padding:1.6rem 1.2rem;color:var(--gris)}
.groupe{padding:.55rem 1.2rem .35rem;background:var(--creme);border-bottom:2px solid var(--filet);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;position:sticky;top:0;cursor:pointer}
.lieu-item{display:grid;grid-template-columns:64px 1fr auto;gap:.2rem .8rem;align-items:center;padding:.7rem 1.2rem;border-bottom:1px solid #e3e1db;cursor:pointer}
.lieu-item img{width:64px;height:48px;object-fit:cover;object-position:center 78%;border:2px solid var(--filet)}
.lieu-item:hover{background:var(--creme)}
.lieu-item b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:1rem;line-height:1.2}
.lieu-item small{color:var(--gris);font-size:.78rem}
.lieu-item .pastille{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--filet);padding:.25em .5em}
.pastille.vigneron{background:var(--or)}.pastille.resto{background:var(--eau)}.pastille.visite{background:var(--de)}
.et{display:flex;gap:2px}
.et button{background:none;border:0;padding:0;cursor:pointer;font-size:1.3rem;color:#cfcdc6;line-height:1}
.et button.on{color:var(--bleu)}
.panneau__pied{padding:.9rem 1.2rem;border-top:3px solid var(--filet);background:var(--creme);display:flex;justify-content:space-between;align-items:center;gap:.8rem;font-size:.88rem}
.liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));border:3px solid var(--filet)}
.liste li{padding:0 0 .9rem;border-right:2px solid var(--filet);border-bottom:2px solid var(--filet);display:grid;gap:.25rem;cursor:pointer;align-content:start}
.liste li img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 78%;border-bottom:2px solid var(--filet);margin-bottom:.5rem}
.liste li .l,.liste li .n,.liste li .pastille{margin:0 1rem}.liste li .pastille{justify-self:start;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--filet);padding:.2em .5em;margin-top:.3rem}
.liste li:hover{background:var(--creme)}
.liste .l{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bleu)}
.liste .n{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:1.02rem;line-height:1.18}
.liste .c{font-size:.8rem;color:var(--gris)}
.compte{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin:0 0 .8rem}
.cta{display:grid;grid-template-columns:1fr auto;gap:1.6rem;align-items:center;border:3px solid var(--filet);background:var(--creme);padding:clamp(1.4rem,3vw,2.2rem);margin:2.6rem 0 0}
.cta--proposer{background:var(--or)}
.cta h3{font-size:clamp(1.6rem,3vw,2.3rem)}
.cta p{margin:.4rem 0 0;max-width:46ch}

/* ---- proposer une adresse ---- */
.voile{position:fixed;inset:0;z-index:70;background:rgba(22,22,26,.6);display:none;align-items:center;justify-content:center;padding:1.5rem}
.voile.ouvert{display:flex}
.fiche-form{background:var(--papier);border:3px solid var(--filet);max-width:520px;width:100%;padding:clamp(1.4rem,3vw,2.2rem);display:grid;gap:.9rem}
.fiche-form h3{font-size:1.8rem}
.fiche-form label{display:grid;gap:.3rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.fiche-form input,.fiche-form select{border:2px solid var(--filet);padding:.7em .9em;font:400 1rem "Public Sans",sans-serif}
.fiche-form .pied{display:flex;gap:.8rem;justify-content:flex-end;margin:0;border:0}

/* ---- le panier ---- */
.voile--droite{justify-content:flex-end;padding:0;z-index:95}
.tiroir{background:var(--papier);border-left:3px solid var(--filet);width:min(440px,100%);height:100%;display:flex;flex-direction:column}
.tiroir__tete{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:3px solid var(--filet);background:var(--or)}
.tiroir__tete h3{font-size:1.5rem}
.tiroir__corps{flex:1;overflow:auto}
.ligne{display:grid;grid-template-columns:64px 1fr auto;gap:.2rem .8rem;padding:.9rem 1.2rem;border-bottom:1px solid #e3e1db;align-items:start}
.ligne img{width:64px;height:84px;object-fit:cover;border:2px solid var(--filet);background:var(--creme)}
.ligne b{font-family:"Bricolage Grotesque",sans-serif;font-size:1rem;line-height:1.2}
.ligne .qte{display:inline-flex;border:2px solid var(--filet);margin-top:.3rem}
.ligne .qte button{border:0;background:var(--papier);width:28px;height:26px;cursor:pointer;font-weight:800}
.ligne .qte span{display:inline-grid;place-items:center;min-width:28px;border-left:2px solid var(--filet);border-right:2px solid var(--filet);font-weight:700;font-size:.9rem}
.ligne .p{font-weight:800;text-align:right}
.ligne .lien{justify-self:end;font-size:.66rem}
.tiroir__pied{border-top:3px solid var(--filet);padding:1rem 1.2rem;display:grid;gap:.5rem;background:var(--creme)}
.tiroir__pied .code{display:flex;border:2px solid var(--filet);background:var(--papier)}
.tiroir__pied .code input{flex:1;border:0;padding:.6em .8em;font:400 .95rem "Public Sans",sans-serif;min-width:0;outline:none;text-transform:uppercase}
.tiroir__pied .code button{border:0;border-left:2px solid var(--filet);background:var(--or);padding:.6em .9em;font-weight:800;cursor:pointer}
.tiroir__pied .msg{font-size:.82rem;color:var(--gris);min-height:1.2em;margin:0}
.tiroir__pied .msg.ok{color:var(--bleu);font-weight:700}
.tiroir__pied .som{display:flex;justify-content:space-between;font-size:.95rem}
.tiroir__pied .som.total{font-size:1.25rem;font-weight:800;border-top:2px solid var(--filet);padding-top:.5rem;margin-top:.2rem}
.tiroir__pied .bouton{justify-content:center;margin-top:.4rem}

/* ---- la fiche d'une adresse ---- */
.fiche{}
.fiche__haut{display:grid;grid-template-columns:1.1fr .9fr;border-bottom:3px solid var(--filet)}
.fiche__mot{padding:clamp(2rem,4vw,3.4rem);display:flex;flex-direction:column;gap:1.1rem;justify-content:center;background:var(--creme)}
.fiche__mot h1{font-size:clamp(2.2rem,4.4vw,3.6rem)}
.fiche__mot .retour{align-self:flex-start;background:none;border:0;padding:0;cursor:pointer;font-weight:700;font-size:.86rem;color:var(--bleu);border-bottom:2px solid var(--bleu)}
.fiche__ou{font-size:1.06rem;color:var(--gris);margin:0}
.fiche__desc{margin:0;max-width:56ch;font-size:1.02rem;line-height:1.55}
.fiche__desc small{color:var(--gris);font-size:.78rem}
.fiche__livre{margin:0;padding:.8rem 1rem;border-left:4px solid var(--bleu);background:var(--papier);font-style:italic;max-width:56ch;font-size:.98rem}
.fiche__livre small{font-style:normal;color:var(--gris);font-size:.78rem}
.fiche__actions{display:flex;gap:.6rem;flex-wrap:wrap}
.fiche__img{border-left:3px solid var(--filet);background:var(--creme);overflow:hidden;min-height:380px;position:relative}
.fiche__credit{position:absolute;right:.6rem;bottom:.6rem;background:rgba(255,255,255,.85);font-size:.66rem;font-weight:700;letter-spacing:.08em;padding:.2em .5em;border:2px solid var(--filet)}
.fiche__img img{width:100%;height:100%;object-fit:cover;object-position:center 70%}
.fiche__corps{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);padding-top:clamp(2.4rem,5vw,4rem);padding-bottom:clamp(2.4rem,5vw,4rem)}
.fiche__col h3{font-size:1.5rem;margin:0 0 1.2rem}
.fiche__autres{border-top:3px solid var(--filet);background:var(--creme);padding:2rem 0 2.6rem}
.fiche__autres .sur{color:var(--gris);margin-bottom:1rem}
.bande{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:1rem;overflow-x:auto;padding-bottom:.4rem}
.bande__c{cursor:pointer;display:grid;gap:.2rem;align-content:start}
.bande__c img{aspect-ratio:4/3;object-fit:cover;object-position:center 78%;border:3px solid var(--filet);margin-bottom:.4rem;transition:transform .2s}
.bande__c:hover img{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--filet)}
.bande__c b{font-family:"Bricolage Grotesque",sans-serif;font-size:.98rem;line-height:1.15}
.bande__c small{color:var(--gris);font-size:.78rem}
.fiche__mini{border:3px solid var(--filet);background:var(--hors);aspect-ratio:16/10;overflow:hidden;margin-top:1.6rem;position:relative}
.fiche__mini .maplibregl-map{position:absolute;inset:0}
.fiche dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.7rem 1.4rem;font-size:1rem}
.fiche dt{font-weight:700;color:var(--gris);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding-top:.2rem}
.fiche dd{margin:0}
.fiche dd a{color:var(--bleu);font-weight:600}
.horaires{list-style:none;margin:0;padding:0;font-size:.88rem;line-height:1.5}
.note{font-weight:800;color:var(--bleu)}
.fiche .vide{color:var(--gris);font-style:italic}
.planche-lien{display:grid;grid-template-columns:96px 1fr;gap:1rem;align-items:center;border:3px solid var(--filet);padding:.7rem;margin-top:.9rem;cursor:pointer;background:var(--papier)}
.planche-lien:hover{background:var(--creme)}
.planche-lien img{aspect-ratio:3/4;object-fit:cover;border:2px solid var(--filet)}
.planche-lien b{font-family:"Bricolage Grotesque",sans-serif;font-size:1.05rem;line-height:1.15;display:block}
.planche-lien small{color:var(--gris)}
.avis{display:grid;gap:.8rem}
.autres{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.autres li{cursor:pointer;padding:.5rem .7rem;border:2px solid #e3e1db}
.autres li:hover{border-color:var(--filet);background:var(--creme)}

/* ---- la page d'un article : maquette, corps en barres ---- */
.art__photo{margin:clamp(1.2rem,3vw,2.4rem) 0 0;border:3px solid var(--filet);max-height:70vh;overflow:hidden;background:var(--creme);display:grid;place-items:center}
.art__photo img{width:100%;height:100%;max-height:70vh;object-fit:cover;object-position:center 25%}
.art__photo--petite img{object-fit:contain;max-height:440px;width:auto;max-width:100%}
.art__leg{margin:.5rem 0 0;font-size:.78rem;color:var(--gris);letter-spacing:.04em}
.art__fig figcaption{font-size:.74rem;color:var(--gris);margin-top:.3rem}
.art__chapo{font-size:1.2rem;line-height:1.5;font-weight:600;margin:0 0 1.6rem}
.art__corps{font-size:1.06rem;line-height:1.7;margin:0 0 2rem}
.art__corps p{margin:0 0 1.1rem}
.art__q{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;color:var(--bleu);margin:1.6rem 0 .5rem!important}
.art__fig{margin:1rem 0}.art__fig img{border:3px solid var(--filet)}
.art__haut img{max-height:min(62vh,620px);width:auto;max-width:100%;border:3px solid var(--filet)}
.art__page{display:grid;grid-template-columns:minmax(0,76ch);justify-content:center;padding-top:2.4rem}
.art__txt h1{font-size:clamp(2.2rem,4.6vw,3.8rem);margin:.6rem 0 .8rem}
.art__txt .retour{background:none;border:0;padding:0;cursor:pointer;font-weight:700;font-size:.86rem;color:var(--bleu);border-bottom:2px solid var(--bleu);margin-bottom:1.4rem}
.art__qui{font-size:1.2rem;margin:0 0 .4rem;font-weight:600}
.art__byline{color:var(--gris);margin:0 0 1.8rem;font-size:.9rem}
.sq{margin:0 0 2rem}.sq i{display:block;height:.72em;background:var(--creme);margin:0 0 .62em;border-radius:1px}.sq i.fin{margin-bottom:1.6em}
.art__cote h3{font-size:1.2rem;margin:0 0 .8rem}
.art__cases{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.art__cases img{aspect-ratio:4/3;object-fit:cover;object-position:center 78%;border:3px solid var(--filet)}
.art__cases img:first-child{grid-column:span 2;aspect-ratio:2/1}


/* ---- boutique ---- */
.famille{margin:0 0 2.4rem}
.famille h3{font-size:1.5rem;margin:0 0 1rem;padding-bottom:.6rem;border-bottom:3px solid var(--filet)}
.produits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:1.2rem}
.produit{border:3px solid var(--filet);display:flex;flex-direction:column;background:var(--papier)}
.produit__v{position:relative;background:var(--creme);aspect-ratio:1;min-height:0;overflow:hidden;border-bottom:3px solid var(--filet)}
.produit__v img{width:100%;height:100%;object-fit:cover;object-position:center 70%}
.produit__v--livre{aspect-ratio:786/1111}
.produit__v.contient{display:grid;place-items:center;padding:1rem}
.produit__v--photo{background:#f0f0f0}
.produit__v--photo img{object-fit:contain;object-position:center}
.produit__v.contient img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.produit__v .tag{position:absolute;left:.6rem;top:.6rem;background:var(--papier);border:2px solid var(--filet);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.25em .5em}
.produit__c{padding:.9rem 1rem;display:grid;gap:.3rem}
.produit__n{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.produit__t{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.1rem;line-height:1.1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ed-choix{display:flex;gap:.35rem;margin:.55rem 0 .1rem}
.aff-choix{flex-wrap:wrap}
.produit__v[data-fiche]{cursor:zoom-in}
.pastille-pre{display:inline-block;align-self:flex-start;background:var(--or);color:var(--encre);border:2px solid var(--filet);font:800 .68rem/1 "Public Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:.35em .6em}
.produit__v .pastille-pre{position:absolute;top:.6rem;left:.6rem;z-index:1}
.heros__mot>.pastille-pre{margin-top:.2rem}
.fp{position:relative;background:var(--papier);border:3px solid var(--filet);width:min(960px,100%);max-height:calc(100vh - 3rem);overflow:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.fp__vue{background:#f0f0f0;border-right:3px solid var(--filet);display:flex;flex-direction:column}
.fp__vue>img{width:100%;aspect-ratio:1;object-fit:contain;display:block}
.fp__vignettes{display:flex;gap:.4rem;padding:.6rem;flex-wrap:wrap;border-top:3px solid var(--filet);background:var(--papier)}
.fp__vignettes button{width:58px;height:58px;padding:0;border:2px solid var(--filet);background:#f0f0f0;cursor:pointer}
.fp__vignettes button[aria-pressed="true"]{outline:3px solid var(--bleu);outline-offset:2px}
.fp__vignettes img{width:100%;height:100%;object-fit:contain;display:block}
.fp__info{padding:clamp(1.2rem,3vw,2rem);display:flex;flex-direction:column;gap:.8rem}
.fp__info h3{margin:0}.fp__info .sur{margin:0}
.fp__txt{margin:0;line-height:1.5}
.fp__achat{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:.6rem}
.fp__x{right:.6rem;top:.6rem;z-index:2}
@media (max-width:760px){.fp{grid-template-columns:1fr}.fp__vue{border-right:0;border-bottom:3px solid var(--filet)}}.ed-choix button{border:2px solid var(--filet);background:var(--papier);font:700 .72rem "Public Sans",sans-serif;letter-spacing:.06em;padding:.3em .6em;cursor:pointer;color:var(--gris)}
.ed-choix button[aria-pressed="true"]{background:var(--or);color:var(--encre)}.ed-choix button:hover{color:var(--encre)}
.produit__opt select{width:100%;margin-top:.5rem;border:2px solid var(--filet);padding:.45em .6em;font:400 .9rem "Public Sans",sans-serif;background:#fff}
.produit__b{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}
.lien{font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bleu);border:0;border-bottom:2px solid var(--bleu);text-decoration:none;cursor:pointer;background:none;padding:0;font-family:inherit}
.lien:hover{color:var(--encre);border-color:var(--encre)}
.panier{border:2px solid var(--filet);padding:.4rem .7rem;font-size:.8rem;font-weight:700;background:var(--papier);cursor:pointer;white-space:nowrap}
.panier:empty{display:none}
.barre__droite{display:flex;align-items:center;gap:.6rem}

/* ---- tunnel d'achat ---- */
.tunnel{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(1.6rem,4vw,3.4rem);align-items:start}
.tunnel__form fieldset{border:3px solid var(--filet);padding:1.2rem 1.4rem 1.4rem;margin:0 0 1.4rem;display:grid;gap:.8rem}
.tunnel__form legend{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.2rem;padding:0 .5rem}
.tunnel__form label{display:grid;gap:.3rem;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.tunnel__form input:not([type=checkbox]):not([type=radio]),.tunnel__form select{border:2px solid var(--filet);padding:.7em .9em;font:400 1rem "Public Sans",sans-serif;text-transform:none;letter-spacing:0}
.tunnel__form .deux{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.tunnel__note{margin:0;font-size:.84rem;color:var(--gris);text-transform:none;letter-spacing:0;font-weight:400}
.moyens{display:flex;gap:.6rem;flex-wrap:wrap}
.moyen{display:flex!important;flex-direction:row;align-items:center;gap:.5rem;border:2px solid var(--filet);padding:.6em .9em;text-transform:none!important;letter-spacing:0!important;font-size:.95rem!important;cursor:pointer}
.moyen:has(input:checked){background:var(--or)}
.case{display:flex!important;flex-direction:row;gap:.6rem;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;font-size:.9rem!important;cursor:pointer}
.case b{display:block}.case span span{display:block;color:var(--gris);font-size:.82rem}
.case a{color:var(--bleu)}
.tunnel__recap{border:3px solid var(--filet);padding:1.2rem 1.4rem;background:var(--creme);display:grid;gap:.6rem;position:sticky;top:90px}
.tunnel__recap h3{font-size:1.3rem;margin-bottom:.4rem}
.recap__l{display:grid;grid-template-columns:48px 1fr auto;gap:.7rem;align-items:center;font-size:.92rem;padding-bottom:.6rem;border-bottom:1px solid #d9d5c9}
.recap__l img{width:48px;height:60px;object-fit:cover;border:2px solid var(--filet)}
.tunnel__recap .som{display:flex;justify-content:space-between;font-size:.95rem}
.tunnel__recap .som.total{font-size:1.25rem;font-weight:800;border-top:2px solid var(--filet);padding-top:.5rem}
.tunnel__recap .lien{justify-self:start}
@media (max-width:900px){.tunnel{grid-template-columns:1fr}.tunnel__recap{position:static;order:-1}.tunnel__form .deux{grid-template-columns:1fr}}
/* ---- legal ---- */
.dedans--etroit{max-width:820px}
.legal{font-size:1rem;line-height:1.65;padding-bottom:2rem}.legal h2{font-size:1.5rem;margin:2rem 0 .7rem}.legal h3{font-size:1.1rem;margin:1.4rem 0 .4rem}.legal p,.legal li{margin:0 0 .8rem}.legal table{border-collapse:collapse;width:100%;font-size:.9rem}.legal td,.legal th{border:2px solid var(--filet);padding:.5em .7em;text-align:left;vertical-align:top}
/* ---- cookies ---- */
.cookies{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:90;max-width:720px;margin:0 auto;background:var(--papier);border:3px solid var(--filet);box-shadow:8px 8px 0 var(--filet)}
.cookies__b{padding:1.1rem 1.3rem;display:grid;gap:.5rem}
.cookies__t{margin:0;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.15rem}
.cookies__p{margin:0;font-size:.9rem;color:var(--gris)}
.cookies__boutons{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.4rem;align-items:center}
.cookies__param{border-top:3px solid var(--filet);padding:1rem 1.3rem;display:grid;gap:.8rem;background:var(--creme)}
.cookies__param input{margin-top:.25rem}
/* ---- popup newsletter ---- */
.popnl{position:relative;max-width:460px}
.popnl h3{font-size:1.9rem;line-height:1.05}
.popnl .pied{margin-top:1.1rem}
.nl__code{font-size:1.1rem;margin:0 0 .5rem}.nl__code b{background:var(--or);border:2px solid var(--filet);padding:.15em .5em;font-size:1.25rem}

/* ---- compte ---- */
.compte-btn{display:flex;align-items:center;gap:.45rem;border:2px solid var(--filet);background:var(--papier);padding:.25rem .65rem .25rem .3rem;font-size:.82rem;font-weight:700;cursor:pointer;min-height:36px}
.compte-btn img{width:28px;height:28px;border:2px solid var(--filet);border-radius:50%;object-fit:cover}
.compte-btn:not(:has(img)){padding:.35rem .7rem}
.carte-form{border:3px solid var(--filet);padding:1.4rem;display:grid;gap:1rem;max-width:520px;background:var(--papier)}
.carte-form label{display:grid;gap:.3rem;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.carte-form input:not([type=checkbox]){border:2px solid var(--filet);padding:.7em .9em;font:400 1rem "Public Sans",sans-serif;text-transform:none;letter-spacing:0}
.cp-onglets{display:flex;gap:0;max-width:520px;margin:0}.cp-onglets+.carte-form{border-top:0}
.cp-onglet{flex:1;padding:.8rem 1rem;border:3px solid var(--filet);border-bottom:3px solid var(--filet);background:var(--papier);font:700 .8rem "Public Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--gris)}
.cp-onglet+.cp-onglet{border-left:0}.cp-onglet:not(.on){background:#ecebe6}.cp-onglet:hover{color:var(--encre);background:var(--papier)}
.cp-onglet.on{color:var(--encre);border-bottom:0;padding-bottom:calc(.8rem + 3px)}
.oblig{color:#a3171b;font-weight:700}
.carte-form .deux{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.carte-form small{font-weight:400;text-transform:none;letter-spacing:0;color:var(--gris);font-size:.8rem}
.carte-form select{border:2px solid var(--filet);padding:.7em .9em;font:400 1rem "Public Sans",sans-serif;background:#fff}
.carte-form input[readonly]{background:#ece8dc;color:var(--gris)}
.carte-form--large{max-width:680px}
.cp-fac{border:0;padding:0;margin:.4rem 0 0;display:grid;gap:1rem}.cp-fac legend{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:0;margin:0 0 1rem}
.cp-err{margin:0;color:#a3171b;font-weight:700;font-size:.9rem}
.cp-ok{color:var(--gris);font-size:.9rem}
.cp-fin{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
@media (max-width:600px){.carte-form .deux{grid-template-columns:1fr}}
.carte-form__l{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.carte-form .pied{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0;border:0}
.av img{display:block;box-sizing:border-box;width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid var(--filet)}
.av.on img{border:3px solid var(--bleu)}
.av.on{box-shadow:0 0 0 3px var(--papier),0 0 0 6px var(--or)}
.av:focus-visible{outline:3px solid var(--bleu);outline-offset:4px}
.av:hover{transform:translateY(-2px)}
.entete--compte{display:flex;gap:1.4rem;align-items:center}
.compte__bloc{margin:0 0 2.4rem}
.parrain{border:3px solid var(--filet);background:var(--creme);padding:1.2rem 1.4rem;box-shadow:5px 5px 0 var(--filet)}.parrain p{margin:.2rem 0 .9rem;max-width:62ch}
.parrain__code{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.parrain__code b{font:700 1.15rem "Mali",cursive;background:var(--papier);border:2.5px solid var(--filet);padding:.3em .7em;letter-spacing:.04em}
.parrain__stats{color:var(--gris);font-size:.92rem;margin:.9rem 0 0!important}
.encart-parrain{border:2px solid var(--filet);background:var(--creme);padding:.7rem .8rem;margin:0 0 .9rem;display:flex;gap:.8rem;align-items:center;justify-content:space-between}.encart-parrain p{margin:0;font-size:.88rem}.compte__bloc h2{font-size:1.4rem;margin:0 0 1rem}
.cmds{list-style:none;margin:0;padding:0;border-top:2px solid var(--filet)}
.cmds li{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:1rem;padding:.8rem 0;border-bottom:1px solid #d9d5c9;font-size:.95rem;align-items:center}
.lienavis{cursor:pointer}.lienavis:hover{background:var(--creme)}
/* ---- avis : cases de BD ---- */
.bulle-bd{background:#fff;border:2.5px solid var(--encre);padding:.75rem .95rem;font-family:"Mali",cursive;font-weight:600;text-transform:uppercase;letter-spacing:.01em;line-height:1.3;box-shadow:4px 4px 0 var(--encre)}
.avis__moy{font-family:"Mali",cursive;font-size:.95rem;color:var(--bleu);margin-left:.4rem}
.avis-liste{display:grid;gap:1.1rem;margin-top:1.4rem}
.avis-bd{display:block}
.avis-bd__av{width:52px;height:52px;border-radius:50%;border:2.5px solid var(--encre);object-fit:cover}
.avis-bd .bulle-bd{position:relative}
.avis-bd .bulle-bd::before,.avis-bd .bulle-bd::after{content:none}
.avis-bd .bulle-bd::before{left:-15px;top:11px;border-width:10px 15px 10px 0;border-right-color:var(--encre)}
.avis-bd .bulle-bd::after{left:-9px;top:15px;border-width:6px 10px 6px 0;border-right-color:#fff}
.avis-bd__qui{margin:0 0 .35rem;display:flex;flex-wrap:wrap;gap:.2rem .7rem;align-items:baseline;font-size:.82rem}
.avis-bd__qui b{font-weight:700}.avis-bd__qui span:last-child{color:var(--gris);font-size:.74rem}
.avis-bd__txt{margin:0;font-size:.95rem}
.etoiles{color:var(--bleu);letter-spacing:.06em}.etoiles i{color:#cfcdc6;font-style:normal}
.bulle-bd--form{display:grid;gap:.7rem}
.bulle-bd--form textarea{border:2px solid var(--encre);padding:.6em .7em;font:600 .92rem "Mali",cursive;text-transform:uppercase;min-height:96px;resize:vertical}
.bulle-bd--form .bouton{justify-self:start;font-family:"Public Sans",sans-serif;text-transform:none}
.av-tete{display:flex;align-items:center;gap:.6rem}.av-tete img{width:34px;height:34px;border-radius:50%;border:2px solid var(--encre);object-fit:cover}
#av-et button{font-size:1.6rem}#av-et.manque button{color:#d98a8a}
.bulle-bd--appel{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between}
.bulle-bd--appel p{margin:0;font-size:.95rem}.bulle-bd--appel .bouton{font-family:"Public Sans",sans-serif;text-transform:none}

/* ---- pied ---- */
.pied{margin-top:4rem;border-top:3px solid var(--filet)}
.lettre{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:clamp(2rem,4vw,3.4rem) 0;border-bottom:3px solid var(--filet)}
.lettre h3{font-size:clamp(1.7rem,3.2vw,2.5rem);margin-bottom:.5rem}
.lettre p{margin:0;color:var(--gris)}
.lettre form{display:flex;border:3px solid var(--filet)}
.lettre input{flex:1;border:0;padding:1em 1.1em;font:400 1rem "Public Sans",sans-serif;outline:none;min-width:0}
.lettre button{border:0;border-left:3px solid var(--filet);background:var(--or);padding:1em 1.6em;font-weight:800;cursor:pointer}
.maison{display:flex;justify-content:space-between;align-items:center;gap:1.4rem;flex-wrap:wrap;padding:1.4rem 0 2.4rem;font-size:.86rem;color:var(--gris)}
.maison ul{display:flex;gap:1.4rem;list-style:none;margin:0;padding:0}
.maison a{color:var(--encre);text-decoration:none;font-weight:600}


@media (max-width:980px){
  .heros__in{grid-template-columns:1fr 48vw;column-gap:0;height:auto!important}.heros__vue{border-right:0}.heros__vue{height:auto}.heros__vue img{height:auto;width:100%;display:block}.heros__mot{padding:.7rem .7rem .8rem;gap:.35rem;justify-content:center}.heros h1{font-size:1.08rem;line-height:1.08}.heros__ligne{font-size:.74rem;line-height:1.35}.heros__mot .sur{font-size:.58rem;letter-spacing:.12em}.achat .bouton{padding:.55em .9em;font-size:.78rem;border-width:2px}.prix{font-size:.88rem}.editions button{padding:.28em .5em;font-size:.68rem}.heros__ligne .p2{display:none}.heros__mot [data-t="h_edition"]{display:none}.achat .bouton,.prix{white-space:nowrap}.heros__vue{align-self:center}.editions .long{display:none}.editions .court{display:inline}.editions button{padding:.35em .6em;font-size:.74rem;font-weight:700}.achat{flex-wrap:nowrap}.heros h1{font-size:1.25rem}.heros__ligne{font-size:.8rem;line-height:1.4}.heros__mot .sur{font-size:.62rem}.achat{gap:.6rem}.achat .bouton{padding:.7em 1.1em;font-size:.84rem}.prix{font-size:.95rem}.editions{gap:.3rem}.editions button{padding:.3em .55em;font-size:.72rem}
  .barre{flex-wrap:wrap;gap:.6rem .8rem;padding:.6rem 1rem;min-height:0}.barre nav{order:3;width:100%}.nav{justify-content:space-between;gap:0}.nav button{padding:.4rem .5rem;font-size:.84rem}.barre__droite{margin-left:auto}.lang button{padding:.3rem .5rem;font-size:.72rem}
  .invite,.lettre{grid-template-columns:1fr}.grille{grid-template-columns:1fr 1fr}
  .grille .carte-art:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}
  .plateau{grid-template-columns:1fr;height:auto}.carte{height:70vh;min-height:480px}.panneau{border-left:0;border-top:3px solid var(--filet);max-height:60vh}
  .cta{grid-template-columns:1fr}.fiche__haut{grid-template-columns:1fr}.fiche__img{border-left:0;border-top:3px solid var(--filet);min-height:260px}
  .marque img{max-width:200px}
}
@media (max-width:640px){.grille{grid-template-columns:1fr}.grille .carte-art:first-child{grid-column:span 1;grid-row:auto;aspect-ratio:4/3}.fiche__corps{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* corrections du check-up du 08/10 */
.maison ul{flex-wrap:wrap;row-gap:.5rem}
.rech input:focus-visible,.code input:focus-visible,.lettre input:focus-visible,.fiche-form textarea:focus-visible{outline:3px solid var(--bleu);outline-offset:2px}
[role=button][tabindex]:focus-visible{outline:3px solid var(--bleu);outline-offset:3px}
.fiche-form textarea{font:inherit;width:100%;box-sizing:border-box;padding:.6rem .7rem;border:2px solid var(--encre);resize:vertical}
#pr-err:empty,#cmd-err:empty{display:none}#cmd-err{color:#a3201b;margin:.4rem 0}
.cmds li a.lien{margin-left:auto}
.plateau>*{min-width:0}
@media (max-width:980px){.heros__in{grid-template-columns:minmax(0,1fr) 46vw}.heros__mot{min-width:0;overflow-wrap:break-word}.heros__vue{box-sizing:border-box}}