.ressource-modal[hidden] { display: none; }
.ressource-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; }
.ressource-modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.8); }
.ressource-modal__box { position: relative; width: min(92vw, 1000px); max-height: 90vh; background: #000; border-radius: 8px; }
.ressource-modal__stage { display: flex; align-items: center; justify-content: center; min-height: 200px; }
.ressource-modal__stage img { display: block; max-width: 100%; max-height: 85vh; margin: 0 auto; object-fit: contain; }
.ressource-modal__stage iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; display: block; }
.ressource-modal__close { position: absolute; top: -40px; right: 0; background: none; border: 0; color: #fff; font-size: 36px; line-height: 1; cursor: pointer; }
.ressource-modal__nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,.55); color: #fff; border: 0; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; font-size: 18px; }
.ressource-modal__prev { left: 10px; }
.ressource-modal__next { right: 10px; }
.ressource-modal__counter { position: absolute; bottom: -30px; left: 0; right: 0; text-align: center; color: #fff; font-size: 14px; }
.ressource-modal.is-single .ressource-modal__nav,
.ressource-modal.is-single .ressource-modal__counter { display: none; }
body.ressource-modal-open { overflow: hidden; }