.photo-zoom{display:block;position:relative;cursor:zoom-in;border-radius:inherit;color:white}
.photo-zoom::after{content:'Agrandir ↗';position:absolute;right:10px;bottom:10px;background:#102019e8;color:white;padding:4px 9px;border-radius:5px;font-size:12px;font-weight:750;line-height:1.5;pointer-events:none}
.photo-zoom:hover::after,.photo-zoom:focus-visible::after{background:#1f6f3a}
.photo-zoom:focus-visible{outline:3px solid #bd8428;outline-offset:-4px}
html.photo-viewer-open,html.photo-viewer-open body{overflow:hidden}
.photo-viewer{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:20px;border:0;background:rgba(9,17,13,.96);color:#fff;overflow:hidden;box-sizing:border-box}
.photo-viewer::backdrop{background:rgba(0,0,0,.7)}
.photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}
.photo-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1400px;width:100%;margin:auto}
.photo-viewer-title{font-size:18px;line-height:1.35;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.photo-viewer button{appearance:none;border:1px solid #ffffff65;background:#ffffff15;color:white;border-radius:8px;font:inherit;cursor:pointer;flex-shrink:0;min-height:48px;touch-action:manipulation}
.photo-viewer button:hover{background:#ffffff30}
.photo-viewer button:focus-visible{outline:3px solid #f4c46a;outline-offset:3px}
.photo-viewer-close{padding:8px 15px;font-weight:700!important}
.photo-viewer-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:18px;min-height:0;width:100%;max-width:1500px;margin:auto;height:100%}
.photo-viewer-arrow{font-size:36px!important;line-height:1;padding:0;width:48px;height:52px}
.photo-viewer-figure{margin:0;min-width:0;min-height:0;height:100%;display:flex;align-items:center;justify-content:center;grid-column:2;grid-row:1}
.photo-viewer-stage>.photo-viewer-arrow:last-child{grid-column:3;grid-row:1}
.photo-viewer-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:3px}
.photo-viewer-caption{font-size:14px;line-height:1.5;text-align:center;margin:0 auto;max-width:1000px;max-height:22vh;overflow:auto;color:#edf2ed;overflow-wrap:anywhere}
.photo-viewer-error{text-align:center;color:#fff}
@media(max-width:680px){.photo-viewer{padding:12px;gap:12px}.photo-viewer-title{font-size:15px;white-space:normal}.photo-viewer-toolbar{gap:12px}.photo-viewer-stage{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}.photo-viewer-arrow{width:40px;min-height:48px}.photo-viewer-close{padding:8px 10px}.photo-viewer-caption{font-size:13px}.photo-zoom::after{right:7px;bottom:7px}}
@media(max-width:680px){.photo-viewer-figure{grid-column:1/-1}.photo-viewer-stage>.photo-viewer-arrow{z-index:1;background:#102019d9}.photo-viewer-stage>.photo-viewer-arrow:first-child{grid-column:1;grid-row:1}}