.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.gallery img { width: 100%; height: 150px; object-fit: cover; cursor: pointer; border-radius: 8px; }
.gallery img:hover { opacity: 0.85; }

#lightbox { position: fixed; inset: 0; background: rgba(0,0,0,0.85); display: flex;
            align-items: center; justify-content: center; z-index: 1000;}
#lightbox.hidden { display: none; }
#lightbox-inner { position: relative; max-width: 800px; width: 90%; max-height: 90vh;}
#lightbox-inner img { width: 100%; border-radius: 8px; display: block; object-fit: contain; max-height: 90vh;}

#lb-close { position: absolute; top: -16px; right: -16px; width: 34px; height: 34px;
            border-radius: 50%; background: #fff; border: none; cursor: pointer; font-size: 18px; }
#lb-prev, #lb-next { position: absolute; top: 50%; transform: translateY(-50%);
                     background: rgba(255,255,255,0.2); border: none; color: #fff;
                     font-size: 2rem; padding: 0 14px; cursor: pointer; border-radius: 4px; }
#lb-prev { left: -52px; }
#lb-next { right: -52px; }
#lb-counter { text-align: center; color: rgba(255,255,255,0.7); margin-top: 8px; }