/* La Bonn Estim — thème brocante vintage orangé */
:root{--bois1:#c98744;--bois2:#b8732f;--bois3:#d69a58;--kraft:#e3cb98;--papier:#f0dfb8;--encre:#2b1d14;--timbre:#9c2f2a;--laiton:#a77b32;--r:8px}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{min-height:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--encre);font:17px/1.55 "Palatino Linotype",Palatino,Georgia,serif;
 /* 1) patine/vignette vieillie  2) fleurs orangé vintage  3) lames de bois orangées */
 background:
  radial-gradient(ellipse at center,rgba(120,60,15,0) 45%,rgba(70,28,5,.34) 100%),
  url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><defs><g id='f'><g fill-opacity='.92'><ellipse cy='-9' rx='5' ry='9' transform='rotate(0)'/><ellipse cy='-9' rx='5' ry='9' transform='rotate(72)'/><ellipse cy='-9' rx='5' ry='9' transform='rotate(144)'/><ellipse cy='-9' rx='5' ry='9' transform='rotate(216)'/><ellipse cy='-9' rx='5' ry='9' transform='rotate(288)'/></g><circle r='4.5' fill='%23f3d05a'/></g></defs><ellipse cx='62' cy='78' rx='5' ry='15' transform='rotate(35 62 78)' fill='%236f8f33' fill-opacity='.9'/><ellipse cx='150' cy='92' rx='5' ry='15' transform='rotate(-40 150 92)' fill='%237a9a3a' fill-opacity='.9'/><ellipse cx='138' cy='200' rx='5' ry='15' transform='rotate(60 138 200)' fill='%235f7f2e' fill-opacity='.9'/><ellipse cx='196' cy='228' rx='5' ry='15' transform='rotate(-25 196 228)' fill='%236f8f33' fill-opacity='.9'/><ellipse cx='34' cy='178' rx='5' ry='15' transform='rotate(20 34 178)' fill='%237a9a3a' fill-opacity='.9'/><ellipse cx='100' cy='26' rx='5' ry='15' transform='rotate(-60 100 26)' fill='%236f8f33' fill-opacity='.9'/><ellipse cx='224' cy='150' rx='5' ry='15' transform='rotate(50 224 150)' fill='%235f7f2e' fill-opacity='.9'/><use href='%23f' transform='translate(46 50) scale(1.5)' fill='%23e5822a'/><use href='%23f' transform='translate(170 64) scale(1.15)' fill='%23e9bd2e'/><use href='%23f' transform='translate(112 170) scale(1.7)' fill='%23c24a1f'/><use href='%23f' transform='translate(214 206) scale(0.95)' fill='%238fa83a'/><use href='%23f' transform='translate(22 152) scale(0.85)' fill='%23e9bd2e'/><use href='%23f' transform='translate(236 124) scale(0.8)' fill='%23e5822a'/><use href='%23f' transform='translate(70 236) scale(0.9)' fill='%23a9b84a'/></svg>"),
  repeating-linear-gradient(91deg,var(--bois1) 0 4px,var(--bois2) 4px 11px,var(--bois3) 11px 15px,var(--bois2) 15px 22px);
 background-attachment:fixed,scroll,scroll;background-size:100% 100%,260px 260px,auto}
.contenu{flex:1 0 auto;width:100%}   /* pousse le pied de page tout en bas, même quand la page est courte */
h1,h2,h3{font-weight:700;line-height:1.2;margin:0}
a{color:var(--timbre)}

/* ---------- barre du haut : marque + compte ---------- */
.topbar{max-width:1000px;margin:0 auto;padding:.9rem 1.5rem 0;display:flex;justify-content:flex-end;align-items:center;gap:.8rem;flex-wrap:wrap}
.marque{font-variant:small-caps;font-weight:700;font-size:1.25rem;letter-spacing:.06em;color:#fff3d6;text-decoration:none;text-shadow:1px 1px 0 #3b2314}
.nav{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.nav .bonjour{color:#fff3d6;font-style:italic;text-shadow:1px 1px 0 #3b2314;margin-right:.2rem}
.nav button{padding:.35rem .8rem;font-size:.95rem}

.enseigne{max-width:1000px;width:calc(100% - 3rem);margin:1.6rem auto 1.4rem;padding:1.5rem 2rem 1.3rem;text-align:center;border-radius:34px;position:relative;
 background:radial-gradient(ellipse at 50% 0%,#f7ebc9 0,#ecd6a1 60%,#e0c58a 100%);border:4px double #5a2d12;outline:3px solid var(--laiton);outline-offset:7px;
 box-shadow:0 10px 0 rgba(60,25,5,.38),0 18px 30px rgba(40,15,0,.35),inset 0 0 50px rgba(167,123,50,.38)}
.enseigne h1{font-size:clamp(2.4rem,8vw,4.6rem);letter-spacing:.07em;font-variant:small-caps;color:#4a1f0c;margin:.1rem 0;
 text-shadow:2px 2px 0 #f3dba0,4px 4px 0 rgba(120,60,15,.3)}
.enseigne p{margin:.3rem auto 0;font-style:italic;font-size:1.1rem;max-width:640px}
.orne{display:flex;justify-content:center;gap:1.1rem;font-size:1.25rem;line-height:1;margin:.1rem 0 .3rem}
.orne.bas{margin:.5rem 0 0}
.orne span:nth-child(5n+1){color:#d6701c}.orne span:nth-child(5n+2){color:#e2b020}.orne span:nth-child(5n+3){color:#6f8f33}.orne span:nth-child(5n+4){color:#c24a1f}.orne span:nth-child(5n){color:#8fa83a}
.outils{max-width:1000px;margin:auto;padding:0 1.5rem;display:flex;gap:.6rem;flex-wrap:wrap}

input,select,textarea,button{font:inherit;color:inherit}
input,select,textarea{background:var(--papier);border:2px solid var(--encre);border-radius:6px;padding:.55rem .7rem;width:100%}
.outils input{flex:1 1 260px;width:auto}
button{cursor:pointer;background:#3b2314;color:#f6ead0;border:2px solid #f6ead0;border-radius:var(--r);padding:.55rem 1rem;font-weight:700;box-shadow:3px 3px 0 #1d0f07,0 0 0 2px #3b2314}
button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--encre)}
button:disabled{opacity:.6;cursor:wait}
button.lin{background:var(--papier);color:var(--encre);border-color:var(--encre);box-shadow:3px 3px 0 #1d0f07}
:focus-visible{outline:3px solid var(--laiton);outline-offset:2px}
.cats{max-width:1000px;margin:1rem auto 0;padding:0 1.5rem;display:flex;gap:.4rem;flex-wrap:wrap}
.cats{gap:.55rem}
.cats button{position:relative;overflow:hidden;isolation:isolate;color:#3a1a05;border-color:#7a3a0c;box-shadow:2px 3px 0 #5a2d1260;padding:.3rem .95rem;font-size:1.08rem;font-weight:800;letter-spacing:.01em;
 background:radial-gradient(circle at 14% 30%,#fff 0 1.3px,transparent 2.4px),radial-gradient(circle at 38% 72%,#fff9 0 1px,transparent 2px),radial-gradient(circle at 63% 24%,#fff 0 1.5px,transparent 2.6px),
  radial-gradient(circle at 84% 66%,#fff9 0 1.1px,transparent 2.2px),linear-gradient(135deg,#ffc873,#f7a037 55%,#ee8a1c)}
.cats button::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(circle at 24% 62%,#fff 0 1.4px,transparent 2.5px),radial-gradient(circle at 52% 20%,#fff 0 1.2px,transparent 2.3px),radial-gradient(circle at 76% 80%,#fff 0 1.5px,transparent 2.6px),radial-gradient(circle at 92% 28%,#fffc 0 1px,transparent 2px);
 animation:petille 2.6s ease-in-out infinite}
.cats button:nth-child(2n)::after{animation-delay:-.9s}.cats button:nth-child(3n)::after{animation-delay:-1.7s}
@keyframes petille{0%,100%{opacity:.1}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.cats button::after{animation:none;opacity:.6}}
.cats button:hover{filter:brightness(1.06)}
.cats button[aria-pressed=true]{background:#3b2314;color:#ffd59a;border-color:#ffd59a}
.cats button[aria-pressed=true]::after{opacity:.55;animation:none;background:radial-gradient(circle at 22% 60%,#ffb347 0 1.4px,transparent 2.5px),radial-gradient(circle at 70% 25%,#ffb347 0 1.2px,transparent 2.3px),radial-gradient(circle at 88% 75%,#ffb347 0 1.4px,transparent 2.5px)}
main,.liste{max-width:1000px;margin:1.4rem auto 4rem;padding:0 1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.6rem}

/* ---------- cartes (étiquettes) ---------- */
.fiche-c{position:relative;display:flex;flex-direction:column;gap:.55rem;background:var(--papier);padding:1.1rem 1rem 1rem;border:2px dashed var(--encre);outline:6px solid var(--kraft);box-shadow:5px 6px 0 #0006;border-radius:14px}
.fiche-c:nth-child(3n+1){transform:rotate(-.8deg)}.fiche-c:nth-child(3n+2){transform:rotate(.6deg)}
.fiche-c:hover,.fiche-c:focus-within{z-index:20}
.tete{display:flex;gap:.8rem;align-items:flex-start}
.corps{min-width:0;flex:1}
.fiche-c h3{font-size:1.15rem;overflow-wrap:anywhere}
.fiche-c h3 a{color:inherit;text-decoration:none}.fiche-c h3 a::after{content:"";position:absolute;inset:0}   /* toute la carte est cliquable */
.fiche-c h3 a:hover{text-decoration:underline}
h3::first-letter,.classeur h3::first-letter,h1.nom-objet::first-letter{text-transform:uppercase}
/* photo : s'agrandit au survol */
.photo{position:relative;z-index:3;flex:0 0 104px;width:104px;height:104px;display:block}
.vign{display:grid;place-items:center;width:100%;height:100%;border:3px solid #fff;box-shadow:1px 2px 0 #0005;object-fit:cover;background:var(--kraft);font-size:2.6rem;border-radius:4px;transform-origin:top left;transition:transform .22s ease,box-shadow .22s ease}
@media(hover:hover){.photo:hover .vign,.photo:focus-visible .vign{transform:scale(2.6);box-shadow:6px 8px 0 #0007,0 0 0 2px var(--encre);font-size:3.6rem}}
@media(prefers-reduced-motion:reduce){.vign{transition:none}}
.resume{margin:0;font-size:.97rem;line-height:1.4;overflow-wrap:anywhere}
/* « Voir le descriptif » : au-dessus du lien de la carte */
.descriptif{position:relative;z-index:2;font-size:.93rem}
.descriptif summary{cursor:pointer;font-weight:700;color:var(--timbre);width:max-content;max-width:100%}
.descriptif dl{margin:.4rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.15rem .6rem;background:var(--kraft);border-radius:8px;padding:.5rem .65rem}
.descriptif dt{font-weight:700}.descriptif dd{margin:0;overflow-wrap:anywhere}.descriptif dd:only-child{grid-column:1/-1}
/* pied : prix et catégorie côte à côte, toujours alignés */
.pied-c{margin-top:auto;padding-top:.5rem;border-top:1px dotted var(--encre);display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;pointer-events:none}
.prix{display:flex;flex-direction:column;gap:.1rem;color:#6e0f26;max-width:100%}
.prix small{font:700 .85rem/1 Georgia,"Palatino Linotype",serif;font-style:italic;color:#6e0f26;opacity:.9}
.prix strong{font:900 2.1rem/1 Georgia,"Palatino Linotype",serif;letter-spacing:-.01em;text-shadow:1px 1px 0 #fff8;white-space:nowrap}
.prix.libre strong{font-size:1.2rem;font-weight:800}
.prix-objet{display:flex;flex-direction:column;gap:.15rem;color:#6e0f26;margin:.6rem 0}.prix-objet small{font-style:italic;font-weight:700}.prix-objet strong{font:900 2rem/1 Georgia,serif}
.timbre{flex:1 1 6.5rem;max-width:100%;text-align:center;color:var(--timbre);border:2px solid var(--timbre);padding:.25rem .65rem;transform:rotate(-3deg);font-size:1.02rem;font-variant:small-caps;font-weight:800;line-height:1.2;border-radius:6px;overflow-wrap:anywhere}
.timbre .ico{font-size:1.2rem;margin-right:.35rem;font-variant:normal}
.vide{grid-column:1/-1;color:var(--encre);font-style:italic}

/* ---------- panneaux latéraux ---------- */
aside{position:fixed;inset:0 0 0 auto;width:min(450px,100%);background:var(--papier);padding:1.6rem;overflow:auto;transform:translateX(105%);visibility:hidden;
 transition:transform .35s ease,visibility 0s .35s;border-left:8px double var(--laiton);box-shadow:-10px 0 30px #0007;z-index:5}
aside.ouvert{transform:none;visibility:visible;transition:transform .35s ease}
@media(prefers-reduced-motion:reduce){aside{transition:none}}
aside h2{font-size:1.5rem;margin-right:5rem}.fermer{position:absolute;top:1rem;right:1rem;padding:.3rem .7rem}
.large{width:min(760px,100%)}
.histoire{font-style:italic;line-height:1.75;border-left:4px solid var(--timbre);padding-left:1rem;margin:1rem 0 1.4rem}
.sim,.grp{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;border-top:1px dotted var(--encre)}
.sim span,.grp span{display:block;font-size:.85rem;opacity:.75}
.msg{border-bottom:1px dotted var(--encre);padding:.5rem 0}.msg b{color:var(--timbre)}.msg small{opacity:.65;margin-left:.4rem}
dialog{border:3px double var(--encre);border-radius:var(--r);padding:1.5rem;width:min(460px,92vw);background:var(--kraft);color:var(--encre)}
dialog::backdrop{background:#000a}form{display:grid;gap:.8rem}label{display:grid;gap:.2rem}
.err{color:var(--timbre);min-height:1.2em}.ligne{display:flex;gap:.6rem;flex-wrap:wrap}
.onglets{display:flex;gap:.4rem}.onglets button{flex:1;box-shadow:none}
.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0}.tags span{display:inline-block;border:1.5px solid var(--encre);padding:.1rem .6rem;font-size:.95rem;font-weight:600;background:var(--kraft);border-radius:8px;overflow-wrap:anywhere}
.tags span::first-letter{text-transform:uppercase}
.photos{display:flex;gap:.4rem;flex-wrap:wrap;margin:.4rem 0}.photos img{width:84px;height:84px;object-fit:cover;border:3px solid #fff;box-shadow:1px 2px 0 #0005}
.classeur{border:2px solid var(--encre);background:var(--papier);padding:.9rem;margin:.8rem 0;border-left:12px solid var(--laiton);border-radius:4px}
.sec{margin:1.2rem 0 .2rem;border-bottom:3px double var(--encre)}.grille2{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.coche{display:flex;gap:.5rem;align-items:center}.coche input{width:auto}
.ia{background:var(--kraft);border:2px dashed var(--encre);padding:.6rem .8rem;margin:.8rem 0;border-radius:6px}.ia small{display:block;opacity:.8}
.ia h4{margin:.6rem 0 .2rem}.ia ul{margin:.2rem 0;padding-left:1.1rem}.ia p{margin:.5rem 0}
.attente{font-style:italic}

/* ---------- pages objet / catégorie ---------- */
.page-objet{max-width:820px;margin:1.4rem auto 4rem;padding:1.6rem;background:var(--papier);border:3px double var(--encre);outline:6px solid var(--kraft);box-shadow:5px 6px 0 #0006;border-radius:4px;width:calc(100% - 3rem)}
.page-objet h1{font-size:clamp(1.7rem,5vw,2.4rem);font-variant:normal;letter-spacing:0;margin:.4rem 0}
.fil{font-size:.9rem}.page-objet h2{margin:1.4rem 0 .4rem;font-size:1.3rem}
.intro-cat{max-width:1000px;margin:1.4rem auto 0;padding:0 1.5rem;color:#fff3d6;text-shadow:1px 1px 0 #3b2314}
.intro-cat h1{font-variant:normal;letter-spacing:0;font-size:clamp(1.7rem,5vw,2.4rem)}.intro-cat p{max-width:680px}
.texte{max-width:820px;margin:1.4rem auto 4rem;padding:1.6rem;background:var(--papier);border:3px double var(--encre);border-radius:4px;width:calc(100% - 3rem)}

footer{flex-shrink:0;background:#3b2314;color:#f6ead0;text-align:center;padding:1.4rem 1rem;border-top:6px double var(--laiton)}footer a{color:#f6ead0}
footer p{margin:.3rem 0}.pied-cats{font-size:.9rem}
.onglets button[aria-pressed=true]{background:var(--encre);color:var(--papier)}

.fiche-c{border-radius:14px}.classeur{border-radius:12px}.page-objet,.texte{border-radius:20px}.ia{border-radius:12px}
.mdp{display:flex;gap:.4rem}.mdp input{flex:1}.oeil{padding:.3rem .6rem;box-shadow:none}
.barre{height:8px;background:#fff8;border:1px solid var(--encre);border-radius:6px;overflow:hidden;margin:.2rem 0}.barre i{display:block;height:100%;width:0;background:#b9451f;transition:width .25s,background .25s}
#jauge small{display:block;min-height:1.2em}
.sim em{display:block;font-size:.8rem;opacity:.7}
.bouton-lien{display:inline-block;padding:.35rem .8rem;font-size:.95rem;font-weight:700;text-decoration:none;color:var(--encre);background:var(--papier);border:2px solid var(--encre);border-radius:var(--r);box-shadow:3px 3px 0 #1d0f07}

/* ---------- espace admin ---------- */
.texte.admin{max-width:980px}
.stats{display:flex;gap:.6rem;flex-wrap:wrap;margin:.8rem 0}
.stats div{flex:1 1 120px;text-align:center;background:var(--kraft);border:2px solid var(--encre);border-radius:var(--r);padding:.5rem .6rem}
.stats strong{display:block;font-size:1.7rem;line-height:1.1}
.adm-outils{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:.6rem 0}
.adm-outils input{flex:1 1 220px;width:auto}
.adm-pro{font-size:.92rem;margin:.2rem 0}
.adm-texte{white-space:pre-wrap;overflow-wrap:anywhere;margin:.4rem 0}
.adm-avis{margin-top:.6rem}
button.danger{background:var(--timbre);border-color:#f6ead0}
button.lin.danger{background:var(--papier);color:var(--timbre);border-color:var(--timbre)}

/* ---------- mot de passe oublié ---------- */
button.lien{background:none;border:0;box-shadow:none;padding:0;font-weight:700;color:var(--timbre);text-decoration:underline;cursor:pointer}
.oubli{margin:.1rem 0 0;font-size:.95rem}
.err.ok{color:#2f5d1a}

/* ---------- journal de bord ---------- */
.journal-bloc{max-width:980px;width:calc(100% - 3rem);margin:1.2rem auto;padding:1.3rem 1.6rem;background:var(--papier);border:3px double var(--encre);border-radius:20px;outline:6px solid var(--kraft);box-shadow:5px 6px 0 #0006}
.journal-bloc.dernier{margin-bottom:4rem}.journal-bloc h2{font-size:1.35rem;margin-bottom:.6rem}
.periodes{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;padding:.8rem 1.2rem}
.pilule{padding:.2rem .85rem;border:2px solid var(--encre);border-radius:999px;text-decoration:none;color:var(--encre);font-weight:700;background:var(--kraft)}
.pilule[aria-current=page]{background:var(--encre);color:var(--papier)}
.deux-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.6rem}
.monte,.hausse{color:#2c6e1f}.baisse{color:#b3261e}.stable{color:#7a6a55}.inconnue{color:#7a6a55}
.var{font-weight:800;white-space:nowrap}
.ligne-j{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;border-top:1px dotted var(--encre)}
.ligne-j small,.top-j small,.sous-j small,.cat-j summary small{display:block;opacity:.75;font-size:.85rem}
.ligne-j a,.top-j a{font-weight:700}
.cote{text-align:right;font-weight:800;font-size:1.15rem}.cote .var{display:block;font-size:.9rem}
.cat-j{border-top:1px dotted var(--encre);padding:.5rem 0}
.cat-j summary{display:grid;grid-template-columns:2rem 1fr auto;gap:.2rem .7rem;align-items:center;cursor:pointer;font-size:1.1rem}
.cat-j summary .ico{font-size:1.5rem}.cat-j summary .nom{font-weight:800}.cat-j summary small{grid-column:2/-1}
.sous-j{list-style:none;margin:.4rem 0 .2rem 2.7rem;padding:0;display:grid;gap:.15rem}
.sous-j li{display:grid;grid-template-columns:1fr auto;gap:0 .8rem;padding:.3rem 0;border-bottom:1px dotted #2b1d1450}.sous-j small{grid-column:1/-1}
.top-j{margin:0;padding-left:1.4rem}.top-j li{padding:.35rem 0}
.note-j,.vide-j{font-style:italic;opacity:.85}

/* sélecteur de langue */
.langues{display:flex;gap:.3rem;margin-right:auto}
.langues a{padding:.25rem .65rem;font-size:.9rem;font-weight:700;text-decoration:none;color:#fff3d6;border:2px solid #fff3d6;border-radius:var(--r,8px)}
.langues a[aria-current="true"]{background:#fff3d6;color:#3b2314}

/* objets les plus rares et les plus chers */
.rares{max-width:60rem;margin:1.5rem auto;padding:0 1rem}
#rares-titre{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;background:var(--kraft);color:var(--encre);
 border:2px solid var(--encre);border-radius:10px;padding:.6rem .9rem;box-shadow:3px 3px 0 #1d0f07;font-weight:700;font-size:1.05rem}
#rares-titre:hover{background:#eed8a2}
#rares-titre .plus{flex:0 0 auto;width:1.7rem;height:1.7rem;line-height:1.45rem;text-align:center;border:2px solid var(--encre);
 border-radius:50%;background:var(--papier);font-weight:800;font-size:1.2rem}
.rares:not(.plie) #rares-titre{border-radius:10px 10px 0 0;border-bottom-style:dashed}
#rares-corps{background:var(--papier);border:2px solid var(--encre);border-top:0;border-radius:0 0 10px 10px;padding:.9rem 1.1rem}
.rares.plie #rares-corps{display:none}
.rares ul{padding-left:1.2rem}
.rares li{margin:.35rem 0}
.rares .table-r{overflow-x:auto;margin:.6rem 0}
.rares table{width:100%;border-collapse:collapse;font-size:.95rem}
.rares th,.rares td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid #0002;vertical-align:top}
.rares th{border-bottom:2px solid #0004;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}
.rares .photos-c{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem;margin-top:.6rem}
.rares .photos-c a{display:block;text-align:center;text-decoration:none;color:inherit;font-size:.9rem}
.rares .photos-c img{width:100%;aspect-ratio:1;object-fit:cover;border:4px solid #fff;box-shadow:1px 2px 0 #0005;display:block;margin-bottom:.3rem}

/* estimer un objet / recherche dans la vitrine */
.avis-form{display:grid;gap:.5rem;max-width:32rem;margin:.8rem 0}
#v-q{width:100%;margin:.4rem 0 .8rem}

/* ---------- Objets rares : bouton + page ---------- */
.bouton-rares{display:inline-block;padding:.65rem 1.2rem;font-weight:700;text-decoration:none;color:#fff3d6;background:var(--timbre);border:2px solid #f6ead0;border-radius:var(--r);box-shadow:3px 3px 0 #1d0f07,0 0 0 2px var(--timbre)}
.bouton-rares:hover{filter:brightness(1.08)}.bouton-rares:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--encre)}
.rares-page{max-width:1000px;margin:1.4rem auto 4rem;padding:0 1.5rem;width:100%}
.rares-page .intro-cat{padding:0;margin:0 0 1.2rem}
.rares-page .intro-cat h1{font-variant:normal;letter-spacing:0;font-size:clamp(1.7rem,5vw,2.4rem)}
.rares-bloc{background:var(--papier);border:3px double var(--encre);border-radius:20px;padding:1.2rem 1.5rem;margin:0 0 1.4rem;box-shadow:5px 6px 0 #0006}
.rares-bloc h2{font-size:1.35rem;margin:0 0 .5rem}.rares-bloc ul{margin:.4rem 0 0;padding-left:1.2rem}.rares-bloc li{margin:.25rem 0}
.rares-bloc .src{font-size:.88rem;opacity:.85;margin:.6rem 0 0}
.rares-liste{display:grid;gap:1.3rem;margin:0;padding:0;list-style:none}
.rare-fiche{display:grid;grid-template-columns:200px 1fr;gap:1.1rem;background:var(--papier);border:2px dashed var(--encre);outline:6px solid var(--kraft);border-radius:14px;padding:1.1rem;box-shadow:5px 6px 0 #0006;position:relative}
.rare-img{display:grid;place-items:center;align-content:center;gap:.4rem;min-height:170px;border:3px solid #fff;box-shadow:1px 2px 0 #0005;border-radius:4px;background:var(--kraft);font-size:3rem;text-align:center;text-decoration:none;color:var(--encre);overflow:hidden}
.rare-img img{width:100%;height:100%;object-fit:cover;display:block;max-height:260px}
.rare-img span{font-size:.85rem;font-weight:700;color:var(--timbre);padding:0 .5rem}
.rare-rang{position:absolute;top:-.7rem;left:-.7rem;background:var(--encre);color:var(--papier);font-weight:700;min-width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;border:2px solid var(--papier)}
.rare-fiche h3{font-size:1.2rem;margin:0 0 .15rem}.rare-an{font-size:.9rem;opacity:.8}
.rare-prix{font:italic 1.7rem "Brush Script MT","Segoe Script",cursive;margin:.2rem 0}
.badge-s{display:inline-block;font-size:.8rem;font-weight:700;font-variant:small-caps;padding:.1rem .6rem;border-radius:999px;border:2px solid;margin-left:.5rem;vertical-align:middle;font-style:normal;font-family:inherit}
.badge-s.vendu{color:#4f6a22;border-color:#4f6a22;background:#e6edc8}.badge-s.annonce{color:#9c4a12;border-color:#9c4a12;background:#f6dcb8}
.rare-fiche p{margin:.35rem 0}.rare-src{font-size:.88rem;opacity:.9}
.rares-note{font-size:.9rem;font-style:italic;margin:1rem 0 0}
.rares-retour{margin:1.4rem 0 0}
@media(max-width:640px){.rare-fiche{grid-template-columns:1fr}.rare-img{min-height:120px}}

.cat-liens{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:center;margin:.2rem 0 1rem}
.cat-liens:empty{display:none}

/* journal : tendances du marché mondial */
.tend-global{background:#fff7e0;border:2px solid #3b2314;border-radius:10px;padding:.8rem 1rem;margin:.8rem 0}
.tend-global h3{margin:.1rem 0 .4rem}
.tend-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:.8rem}
.tend{background:#fff7e0;border:2px solid #3b2314;border-radius:10px;padding:.8rem 1rem}
.tend header{display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:baseline;justify-content:space-between;margin-bottom:.4rem}
.tend h3{margin:0;font-size:1.05rem}
.tend p{margin:.4rem 0}
.tend-chiffres{margin:.3rem 0;padding-left:1.1rem;font-size:.95rem}
.tend-cats,.tend-meta{font-size:.9rem}
.tend-inconnue{opacity:.92}