/* Fenêtre modale (remplace prettyPhoto) */
#modale { border: 0; padding: 0; border-radius: 6px; max-width: 95vw; max-height: 95vh; overflow: visible; background: #fff; box-shadow: 0 5px 30px rgb(0 0 0 / .4); }
#modale::backdrop { background: rgb(0 0 0 / .9); }
#modale .modale_contenu { overflow: auto; max-height: 95vh; border-radius: 6px; }
#modale img { display: block; max-width: 95vw; max-height: 90vh; }
#modale iframe { display: block; width: min(700px, 95vw); height: 85vh; border: 0; }
#modale .modale_fermer { position: absolute; top: -14px; right: -14px; width: 36px; height: 36px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: #000; color: #fff; font-size: 30px; line-height: 30px; cursor: pointer; z-index: 1; }
#modale .modale_fermer:hover { background: #444; }
body:has(#modale[open]) { overflow: hidden; }