.gallery-menu{text-align:center;margin-bottom:30px}.gallery-menu button{cursor:pointer;background:#ccc;border:none;margin:5px;padding:10px 20px;font-weight:700;transition:all .3s}.gallery-menu button.active{color:#fff;background:#d4af37}.gallery-grid{flex-wrap:wrap;margin:-10px;display:flex}.gallery-item{box-sizing:border-box;width:25%;padding:10px;position:relative}.gallery-item img{cursor:zoom-in;border-radius:8px;width:100%;display:block}@media (max-width:991px){.gallery-item{width:33.33%}}@media (max-width:768px){.gallery-item{width:50%}}@media (max-width:480px){.gallery-item{width:100%}}.lightbox-overlay{z-index:1000;opacity:0;visibility:hidden;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-content{max-width:100%;max-height:100%;position:relative}.lightbox-img{border-radius:4px;max-width:100%;max-height:100vh;box-shadow:0 0 20px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:10px;font-size:30px;position:absolute;top:-50px;right:-12px}.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;padding:15px;font-size:20px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff4d}.lightbox-prev{left:-60px}.lightbox-next{right:-60px}@media (max-width:768px){.lightbox-prev{left:10px}.lightbox-next{right:10px}}