/** { box-sizing: border-box; }*/
/*body { margin:0; padding:30px; font-family:Arial,sans-serif; background:#f3f3f3; }*/
.gallery { width:240px; max-width:100%; height:auto; margin:0 auto; margin-bottom:10px;}
.main-image-wrap { width:100%; max-width:100%; height:auto; background:#ddd; cursor:pointer; overflow:hidden; }
#mainImage { width:100%; height:auto; object-fit:cover; display:block; }
.thumbnails { display:flex; gap:8px; margin-top:10px; overflow-x:auto; }
.thumbnail { width:56px; height:38px; object-fit:cover; cursor:pointer; opacity:.65; border:3px solid transparent; flex:0 0 auto; }
.thumbnail.active { opacity:1; border-color:#222; }
#lightbox { position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.94); }
#lightbox.open { display:flex; }
.lightbox-content { max-width:85vw; max-height:calc(100vh - 130px); display:flex; flex-direction:column; align-items:center; justify-content:center; }
#lightboxImage { max-width:85vw; max-height:calc(100vh - 220px); width:auto; height:auto; object-fit:contain; display:block; }
#lightboxCounter { margin-top:8px; color:rgba(255,255,255,.8); font-size:14px; letter-spacing:1px; }
/*.lightbox-button { background:rgba(255,255,255,.12); color:white; } */
.lightbox-button { position:absolute; border:0; width:48px; height:48px; border-radius:50%; font-size:30px; cursor:pointer; z-index:3; }
.lightbox-button:hover { background:rgba(255,255,255,.25); }
.lightbox-button.close { color:red; top:20px; right:25px; }
.lightbox-button.prev { left:20px; top:50%; transform:translateY(-50%); }
.lightbox-button.next { right:20px; top:50%; transform:translateY(-50%); }
.lightbox-strip { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); width:min(90vw,800px); display:flex; gap:8px; overflow-x:auto; padding:5px; justify-content:flex-start; }
.lightbox-thumb { width:90px; height:60px; flex:0 0 auto; object-fit:cover; opacity:.55; border:3px solid transparent; cursor:pointer; }
.lightbox-thumb.active { opacity:1; border-color:white; }
@media(max-width:700px) {  .main-image-wrap{height:auto;} #lightboxImage{max-width:90vw;max-height:calc(100vh - 190px);} .lightbox-thumb{width:70px;height:47px;} .lightbox-button{width:42px;height:42px;font-size:25px;} }