.photo-lightbox { width:100%; max-width:none; height:100%; max-height:none; margin:0; padding:clamp(18px,4vw,44px); border:0; background:transparent; }
.photo-lightbox::backdrop { background:rgba(20,42,57,.72); backdrop-filter:blur(5px); }
.photo-lightbox-paper { position:relative; width:min(980px,96vw); height:min(82vh,760px); margin:auto; padding:clamp(9px,1.5vw,15px); display:grid; place-items:center; border:1px solid rgba(181,210,227,.72); border-radius:10px; background:#f8fbfd; box-shadow:0 30px 80px rgba(13,31,43,.34); }
.photo-lightbox-paper::before { content:""; position:absolute; z-index:2; top:-13px; left:50%; width:82px; height:26px; background:rgba(177,208,225,.82); transform:translateX(-50%) rotate(-2deg); pointer-events:none; }
.photo-lightbox-paper img { display:block; max-width:100%; max-height:calc(82vh - 30px); width:auto; height:auto; object-fit:contain; border-radius:5px; }
.photo-lightbox.has-action .photo-lightbox-paper img { max-height:calc(82vh - 78px); }
.photo-lightbox-close { position:absolute; z-index:5; top:-17px; right:-17px; width:42px; height:42px; display:grid; place-items:center; padding:0; border:1px solid #9cb9cb; border-radius:50%; color:#315d79; background:#f8fbfd; box-shadow:0 8px 22px rgba(18,44,61,.22); cursor:pointer; font:300 1.65rem/1 Georgia,serif; }
.photo-lightbox-close:hover,.photo-lightbox-close:focus-visible,.photo-lightbox-replace:focus-visible { outline:3px solid rgba(185,210,226,.7); }
.photo-lightbox-replace { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); padding:8px 16px; border:1px solid #9cb9cb; border-radius:999px; color:#315d79; background:white; cursor:pointer; font-size:.78rem; white-space:nowrap; }
.photo-lightbox-replace[hidden] { display:none; }
@media(max-width:560px) { .photo-lightbox { padding:18px 10px; } .photo-lightbox-paper { width:calc(100vw - 20px); height:min(78vh,680px); padding:7px; } .photo-lightbox-paper img { max-height:calc(78vh - 14px); } .photo-lightbox.has-action .photo-lightbox-paper img { max-height:calc(78vh - 60px); } .photo-lightbox-close { top:-14px; right:-4px; width:40px; height:40px; } }