.gallery-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;padding:30px;background:#f0f0f0;box-shadow:0 4px 15px rgba(0,0,0,.1);border-radius:15px;max-width:90%;margin:100px auto 20px;position:relative;}.gallery-item{position:relative;overflow:hidden;cursor:pointer;transition:transform .3s ease;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.15);width:28%;min-width:200px;max-width:100%;aspect-ratio:4/3;background-color:#ddd;}.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .3s ease;}.gallery-item:hover img{transform:scale(1.05);}.hint{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,.9);background:rgba(0,0,0,.5);font-size:24px;text-shadow:1px 1px 15px rgba(0,0,0,.7);opacity:0;transition:all .4s ease;border-radius:12px;}.gallery-item:hover .hint{opacity:1;}.lightbox{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.95);justify-content:center;align-items:center;z-index:9999;transition:opacity .4s ease;}.lightbox.active{display:flex;flex-direction:column;}.lightbox img{max-width:60%;max-height:60%;border-radius:12px;margin-bottom:20px;animation:fadeIn .5s ease;object-fit:contain;}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.close-btn{position:absolute;top:20px;right:20px;font-size:35px;color:#fff;cursor:pointer;border-radius:50%;padding:10px;background:rgba(255,255,255,.2);transition:background .3s ease,transform .3s ease;}.close-btn:hover{background:rgba(255,255,255,.5);transform:scale(1.1);}.controls{display:flex;justify-content:center;gap:25px;margin-top:10px;}.control-btn{background:#444;border:none;font-size:25px;padding:15px;color:#fff;border-radius:10px;cursor:pointer;transition:background .3s ease,transform .3s ease;}.control-btn:hover{background:#666;transform:scale(1.1);}.lightbox-thumbnails{display:flex;justify-content:center;gap:20px;margin-top:15px;}.lightbox-thumbnails img{width:90px;height:90px;cursor:pointer;opacity:.7;border-radius:12px;border:2px solid #444;transition:all .3s ease,transform .3s ease;}.lightbox-thumbnails img.active{opacity:1;border:2px solid #fff;transform:scale(1.1);}