/* Collection Bo'HoM' — mosaïque sur fond blanc, mêmes polices que la ligne du temps */
@font-face{font-family:MhGarage;src:url(../accueil-bohom/garagesh.woff2) format("woff2");font-display:swap}
@font-face{font-family:MhAbel;src:url(../accueil-bohom/abel-regular.woff2) format("woff2");font-display:swap}
.mh-collection-page{--ink:#111;--red:#c5261b;--grey:#737373;--line:#e6e2dc;--ok:#1f7a45;background:#fff;color:var(--ink);font-family:MhAbel,Arial,sans-serif;padding:0 max(16px,4vw) 100px}
.mh-collection-page *{box-sizing:border-box}
.mh-collection-page h1,.mh-collection-page h2,.mh-collection-page p{margin:0;text-transform:none;letter-spacing:normal}
.mh-c-intro{max-width:980px;margin:0 auto;padding:clamp(60px,10vw,140px) 0 clamp(30px,4vw,50px);display:flex;flex-direction:column;gap:18px}
.mh-c-kicker{font-size:13px;letter-spacing:.32em!important;color:var(--red);text-transform:uppercase!important}
.mh-c-intro h1{font:normal clamp(44px,8vw,110px)/.98 MhAbel,Arial,sans-serif;letter-spacing:-.03em}
.mh-c-lead{font-size:clamp(18px,1.6vw,23px);line-height:1.5;max-width:46ch;color:#333}
.mh-c-filtres{max-width:1320px;margin:0 auto 28px;display:flex;flex-wrap:wrap;gap:8px;position:sticky;top:0;z-index:5;background:#fff;padding:12px 0;border-bottom:1px solid var(--line)}
.mh-c-filtres button{font:15px MhAbel,Arial,sans-serif;border:1px solid var(--line);background:#fff;color:var(--ink);padding:7px 16px;border-radius:999px;cursor:pointer;min-height:40px}
.mh-c-filtres button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mh-c-grille{list-style:none;margin:0 auto;padding:0;max-width:1320px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:clamp(10px,1.6vw,22px)}
.mh-c-piece[hidden]{display:none}
.mh-c-ouvrir{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;width:100%;cursor:zoom-in;padding:8px;border-radius:6px;transition:background .2s}
.mh-c-ouvrir:hover{background:#f6f4f0}
.mh-c-ouvrir:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.mh-c-ouvrir img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}
.mh-c-titre{font:clamp(18px,1.6vw,24px)/1.05 MhGarage,Impact,sans-serif;overflow-wrap:anywhere}
.mh-c-etat{font-size:13px;color:var(--grey)}
.mh-c-etat.is-vente{color:var(--ok)}
.mh-c-dialog{border:none;padding:0;max-width:min(94vw,1000px);width:100%;border-radius:8px;background:#fff;color:var(--ink)}
.mh-c-dialog::backdrop{background:rgba(10,10,10,.75)}
.mh-c-dialog[open]{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}
.mh-c-d-img{width:100%;height:auto;display:block}
.mh-c-d-texte{padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;gap:12px}
.mh-c-d-etat{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--grey)}
.mh-c-dialog h2{font:normal clamp(30px,3.4vw,48px)/1 MhGarage,Impact,sans-serif;overflow-wrap:anywhere}
.mh-c-d-histoire{font-size:17px;line-height:1.6;color:#333}
.mh-c-d-histoire:empty{display:none}
.mh-c-d-contact{color:var(--ink);border-bottom:1px solid var(--grey);padding:8px 0;text-decoration:none;align-self:flex-start}
.mh-c-d-contact[hidden]{display:none}
.mh-c-d-contact:hover,.mh-c-d-contact:focus-visible{color:var(--red);border-color:var(--red)}
.mh-c-fermer{position:absolute;top:8px;right:10px;font-size:30px;line-height:1;background:none;border:0;cursor:pointer;color:var(--ink);width:44px;height:44px}
.mh-c-fin{text-align:center;padding-top:clamp(50px,7vw,100px)}
.mh-c-fin a{font-size:16px;color:var(--ink);border-bottom:1px solid var(--grey);padding:10px 0;text-decoration:none}
@media (max-width:760px){.mh-c-dialog[open]{grid-template-columns:1fr}.mh-c-grille{grid-template-columns:repeat(2,1fr)}}
/* le thème ajoute des puces et des marges aux listes */
.mh-c-grille>li{list-style:none;margin:0;padding:0;min-width:0}
.mh-c-grille>li::before,.mh-c-grille>li::marker{content:none;display:none}
.mh-collection-page{overflow-x:clip;max-width:100%}
.mh-c-grille{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}
@media (max-width:760px){.mh-c-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mh-c-dialog[open]{position:fixed;inset:0;margin:auto;max-height:90vh;overflow:auto}