/* Accès à la collection (catalogue feuilletable) — classes préfixées mgc-, couleurs en dur (compatibles tous gabarits) */
.nav-item a.mgc-nav{display:inline-flex;align-items:center;gap:.45em;color:#d8431c !important;border:1.5px solid #d8431c;border-radius:999px;padding:.42em .95em;font-weight:700;line-height:1;white-space:nowrap;transition:background .2s,color .2s}
.nav-item a.mgc-nav:hover{background:#d8431c;color:#fff !important}
.nav-item a.mgc-nav svg{width:1.05em;height:1.05em;flex:none}
.drawer-body a.d-link.mgc-drawer{display:flex;align-items:center;gap:.8em;background:#fdece6;border:1px solid #f6c9b8;border-radius:12px;padding:.85em 1em;margin:.2em 0 .6em;color:#0e3a47;font-weight:700}
.drawer-body a.d-link.mgc-drawer svg{width:1.5em;height:1.5em;color:#d8431c;flex:none}
.drawer-body a.d-link.mgc-drawer small{display:block;font-weight:500;font-size:.8em;color:#5b6b70;margin-top:.15em}
.drawer-body a.d-link.mgc-drawer span.mgc-go{margin-left:auto;color:#d8431c}
.mgc-band{max-width:1200px;margin:48px auto;padding:0 20px;box-sizing:border-box}
.mgc-card{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:stretch;background:#0e3a47;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none}
.mgc-card .mgc-img{background-size:cover;background-position:center 40%;min-height:190px}
.mgc-card .mgc-txt{padding:28px 32px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.mgc-card .mgc-k{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#f08a67;font-weight:700}
.mgc-card .mgc-t{font-size:1.6rem;line-height:1.15;font-weight:300;color:#fff;margin:0}
.mgc-card .mgc-t b{font-weight:800;font-style:italic}
.mgc-card .mgc-d{font-size:.98rem;line-height:1.5;color:rgba(255,255,255,.8);margin:0;max-width:560px}
.mgc-card .mgc-btn{align-self:flex-start;margin-top:6px;background:#d8431c;color:#fff;font-weight:700;border-radius:999px;padding:.7em 1.3em;display:inline-flex;gap:.5em;align-items:center}
.mgc-card:hover .mgc-btn{background:#b9360f}
.mgc-home .mgc-card{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.mgc-home .mgc-card .mgc-img{min-height:320px}
.mgc-home .mgc-card .mgc-t{font-size:2.2rem}
@media (max-width:760px){.mgc-card,.mgc-home .mgc-card{grid-template-columns:1fr}.mgc-card .mgc-img{min-height:170px}.mgc-home .mgc-card .mgc-img{min-height:200px}.mgc-card .mgc-txt{padding:22px}.mgc-card .mgc-t,.mgc-home .mgc-card .mgc-t{font-size:1.4rem}}
/* Pop-up « Explorer la collection » */
.mgc-pop-bg{position:fixed;inset:0;background:rgba(6,26,33,.55);z-index:9998;opacity:0;transition:opacity .3s}
.mgc-pop{position:fixed;z-index:9999;left:50%;top:50%;width:min(760px,calc(100vw - 32px));transform:translate(-50%,-46%);opacity:0;transition:opacity .3s,transform .35s;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);background:#0e3a47;color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,.55);font-family:inherit}
.mgc-pop.on,.mgc-pop-bg.on{opacity:1}.mgc-pop.on{transform:translate(-50%,-50%)}
.mgc-pop .mgc-pi{background-size:cover;background-position:center 40%;min-height:380px;position:relative}
.mgc-pop .mgc-pi::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,58,71,0) 55%,#0e3a47)}
.mgc-pop .mgc-pt{padding:34px 34px 28px;display:flex;flex-direction:column;gap:14px}
.mgc-pop .mgc-x{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.mgc-pop .mgc-k{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#f08a67;font-weight:700}
.mgc-pop h3{margin:0;color:#fff;font-weight:300;font-size:2rem;line-height:1.08}
.mgc-pop h3 b{display:block;font-weight:800;font-style:italic;color:#f08a67}
.mgc-pop p{margin:0;color:rgba(255,255,255,.82);font-size:.98rem;line-height:1.55}
.mgc-pop .mgc-st{display:flex;gap:10px;margin:4px 0 2px}
.mgc-pop .mgc-st span{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:.78rem;line-height:1.25;color:rgba(255,255,255,.8)}
.mgc-pop .mgc-st b{color:#fff;font-weight:800;font-style:italic;font-size:.9rem}
.mgc-pop .mgc-st i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1)}
.mgc-pop .mgc-st span:last-child i{background:#d8431c}
.mgc-pop .mgc-st svg{width:22px;height:22px}
.mgc-pop .mgc-go{align-self:flex-start;background:#d8431c;color:#fff !important;text-decoration:none;font-weight:700;border-radius:999px;padding:.8em 1.4em;font-size:1rem}
.mgc-pop .mgc-go:hover{background:#b9360f}
.mgc-pop .mgc-later{background:none;border:0;color:rgba(255,255,255,.6);font-size:.85rem;text-decoration:underline;cursor:pointer;align-self:flex-start;padding:0}
@media (max-width:700px){
 .mgc-pop{left:0;right:0;top:auto;bottom:0;width:100%;transform:translateY(40px);border-radius:18px 18px 0 0;grid-template-columns:1fr;max-height:92vh;overflow:auto}
 .mgc-pop.on{transform:translateY(0)}
 .mgc-pop .mgc-pi{min-height:150px}.mgc-pop .mgc-pi::after{background:linear-gradient(180deg,rgba(14,58,71,0) 50%,#0e3a47)}
 .mgc-pop .mgc-pt{padding:18px 22px calc(22px + env(safe-area-inset-bottom,0px));gap:12px}
 .mgc-pop h3{font-size:1.6rem}.mgc-pop .mgc-go{align-self:stretch;text-align:center}
}
.mgc-pop:focus{outline:none}