#ranger-gallery .ranger-main{display:block;text-align:center;background:rgba(175,175,175,.1)}
#ranger-gallery .ranger-main img{display:block;width:100%;height:auto;max-width:100%;cursor:zoom-in}
#ranger-gallery .ranger-thumbnails{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}
#ranger-gallery .ranger-thumbnails a{display:block;flex:0 0 64px}
#ranger-gallery .ranger-thumbnails img{display:block;width:64px;height:80px;object-fit:cover;cursor:zoom-in}
#ranger-gallery a:focus-visible{outline:3px solid #c55220;outline-offset:4px}
#ranger-lightbox{border:0;padding:0;background:transparent;color:white;max-width:96vw;max-height:96vh;width:auto;overflow:visible}
#ranger-lightbox:not([open]){display:none}
#ranger-lightbox::backdrop{background:rgba(0,0,0,.9)}
#ranger-lightbox .ranger-lightbox-panel{position:relative;padding:42px 42px 32px;text-align:center}
#ranger-large{display:block;max-width:calc(96vw - 84px);max-height:calc(96vh - 100px);width:auto;height:auto;object-fit:contain;margin:auto}
#ranger-lightbox button{position:absolute;background:#222;color:#fff;border:1px solid #888;border-radius:4px;cursor:pointer;width:40px;height:40px;padding:0;line-height:36px;font:30px/36px Arial,sans-serif}
#ranger-close{top:0;right:0}
#ranger-prev{left:0;top:50%}
#ranger-next{right:0;top:50%}
#ranger-counter{margin:8px 0 0;color:white;font:14px/1.4 Arial,sans-serif}
#ranger-lightbox button:focus-visible{outline:3px solid white;outline-offset:2px}