.viewer-open{overflow:hidden}
.detail-hero img[role=button]:focus-visible,.detail-gallery img[role=button]:focus-visible{outline:3px solid #677d45;outline-offset:-5px}
.image-viewer{border:0;padding:52px 12px 12px;margin:auto;width:94vw;height:92dvh;max-width:1600px;max-height:92dvh;background:transparent;color:white;overflow:hidden}
.image-viewer::backdrop{background:#101410b3}
.image-viewer figure{margin:auto;width:min(100%,calc((92dvh - 150px)*1.47));height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.image-viewer .viewer-image{width:100%;height:auto;min-height:0;aspect-ratio:1.47;flex:none;object-fit:cover;object-position:center;transform:none}
.image-viewer figcaption{font-size:14px;line-height:1.5;text-align:center;max-width:900px;color:#e2e5de;flex-shrink:0}
.image-viewer button{position:absolute;border:1px solid #ffffff60;background:#222823d9;color:white;display:grid;place-items:center;width:48px;height:48px;font:36px/1 Arial,sans-serif;border-radius:50%;padding:0}
.image-viewer button[hidden]{display:none}
.image-viewer button:hover{background:#485142}
.image-viewer button:focus-visible{outline:2px solid white;outline-offset:4px}
.viewer-close{right:18px;top:12px}
.viewer-prev{left:10px;top:calc(50% - 24px)}
.viewer-next{right:10px;top:calc(50% - 24px)}
.image-viewer .viewer-prev,.image-viewer .viewer-next{border:0;border-radius:0;background:transparent;transform:translateY(-50%);width:48px;height:60px}
.image-viewer .viewer-prev:hover,.image-viewer .viewer-next:hover{background:transparent;filter:drop-shadow(0 0 3px #0008)}
.image-viewer button svg{width:26px;height:40px;pointer-events:none}
.image-viewer figcaption{text-shadow:0 1px 4px #000;height:4.5em;overflow:auto}
@media(max-width:600px){.image-viewer{width:98vw;padding:54px 4px 12px}.image-viewer figcaption{font-size:13px;padding:0 8px}.image-viewer button{width:44px;height:44px}}