/* Controls are positioned within the image stage, independent of thumbnails. */
.phg-lightbox{inset:0;margin:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;padding:12px 16px;border:0;background:#0c0a08f2;color:#fff;overflow:hidden;box-sizing:border-box}
.phg-lightbox[open]{display:grid;grid-template-rows:44px minmax(0,1fr) 80px 20px;gap:12px}.phg-lightbox:not([open]){display:none}.phg-lightbox::backdrop{background:#000d}
.phg-lightbox button{position:static;inset:auto;transform:none;width:44px;height:44px;padding:0;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.phg-lightbox button:hover{background:#ffffff24;color:#fff}.phg-lightbox button:focus-visible{outline:2px solid #c6a769;outline-offset:2px}.phg-lightbox__toolbar{display:flex;justify-content:flex-end}
.phg-lightbox [data-lightbox-close]{position:static;inset:auto}.phg-lightbox__stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 60px}
.phg-lightbox [data-lightbox-image]{position:static;display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;object-fit:contain}
.phg-lightbox [data-lightbox-prev],.phg-lightbox [data-lightbox-next]{position:absolute;top:50%;bottom:auto;width:44px;height:44px;transform:translateY(-50%);background:#ffffff1f;z-index:1;display:grid;place-items:center}
.phg-lightbox [data-lightbox-prev]{left:0;right:auto}.phg-lightbox [data-lightbox-next]{right:0;left:auto}.phg-lightbox button[hidden]{display:none}
.phg-lightbox__thumbnails{min-width:0;overflow-x:auto;overflow-y:hidden;padding:4px;scrollbar-width:thin;scrollbar-color:#6b6b6b transparent;overscroll-behavior-x:contain}.phg-lightbox__thumbnails>div{display:flex;gap:8px;width:max-content;margin-inline:auto}
.phg-lightbox [data-lightbox-index]{width:92px;height:64px;padding:2px;border:2px solid transparent;opacity:.6;background:transparent}.phg-lightbox [data-lightbox-index][aria-pressed=true]{border-color:#c6a769;opacity:1}.phg-lightbox [data-lightbox-index]:hover{opacity:1}
.phg-lightbox [data-lightbox-index] img{position:static;display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;object-fit:cover}
.phg-lightbox [data-lightbox-count]{position:static;inset:auto;transform:none;text-align:center;display:block;color:#dcd8d0;font-size:13px;line-height:20px}
@media(max-width:600px){.phg-lightbox{padding:8px}.phg-lightbox[open]{grid-template-rows:44px minmax(0,1fr) 72px 20px;gap:8px}.phg-lightbox__stage{padding-inline:0}.phg-lightbox [data-lightbox-index]{width:76px;height:56px}.phg-lightbox [data-lightbox-prev],.phg-lightbox [data-lightbox-next]{background:#0c0a08b3}}