.lightbox{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.95);backdrop-filter:blur(5px);justify-content:center;align-items:center;flex-direction:column;opacity:0;transition:opacity .3s;pointer-events:none}.close-btn,.fullscreen-btn{top:20px;color:#f1f1f1;font-size:35px;line-height:1;transition:color .3s;cursor:pointer;position:absolute;z-index:1002}.lightbox.show{display:flex;opacity:1;pointer-events:auto}.lightbox-content{margin:auto;display:block;max-width:90%;max-height:80vh;border-radius:4px;box-shadow:0 5px 30px rgba(0,0,0,.5);object-fit:contain}.next-btn,.prev-btn{border-radius:3px 0 0 3px}#lightbox-caption{margin-top:15px;color:#ccc;font-size:1.1rem;text-align:center}.close-btn{right:30px}.close-btn:hover,.fullscreen-btn:hover{color:var(--accent-color);transform:scale(1.1)}.fullscreen-btn{right:80px}.next-btn,.prev-btn{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:#fff;font-weight:700;font-size:40px;transition:.3s;user-select:none;z-index:1002;text-shadow:0 0 5px rgba(0,0,0,.5)}.prev-btn{left:0}.next-btn{right:0}.next-btn:hover,.prev-btn:hover{background-color:rgba(0,0,0,.5);color:var(--accent-color)}#lightbox:fullscreen .lightbox-content{max-height:100vh;max-width:100vw;border-radius:0;box-shadow:none}#lightbox:-webkit-full-screen .lightbox-content{max-height:100vh;max-width:100vw;border-radius:0}#lightbox:fullscreen{background-color:#000}@media (max-width :768px){.close-btn{top:15px;right:15px;font-size:35px}.fullscreen-btn{right:60px;font-size:30px;top:18px}.next-btn,.prev-btn{font-size:30px;padding:10px}}