.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.95);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:60px 80px}@media(max-width:768px){.lightbox-container{padding:60px 20px;flex-direction:column}}.lightbox-close{position:absolute;top:20px;right:20px;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;z-index:10}.lightbox-close:hover{background:hsla(0,0%,100%,.2)}.lightbox-close svg{width:24px;height:24px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.1);border:none;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;z-index:10}.lightbox-nav:hover{background:hsla(0,0%,100%,.2)}@media(max-width:768px){.lightbox-nav{width:48px;height:48px}.lightbox-nav svg{width:24px;height:24px}.lightbox-container>.lightbox-nav{display:none}}.lightbox-nav-controls{display:none}@media(max-width:768px){.lightbox-nav-controls{display:flex;align-items:center;justify-content:center;gap:16px;position:fixed;bottom:80px;left:50%;transform:translateX(-50%)}}.lightbox-nav-controls .lightbox-nav{position:static;transform:none}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-image-wrapper{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.lightbox-image{max-width:100%;max-height:calc(100vh - 160px);width:auto;height:auto;object-fit:contain;border-radius:8px;animation:zoomIn .3s ease-in-out}@media(max-width:768px){.lightbox-image{max-height:calc(100vh - 120px)}}.lightbox-counter{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;font-size:16px;font-weight:500;background:hsla(0,0%,100%,.1);padding:8px 16px;border-radius:20px;white-space:nowrap}@media(max-width:768px){.lightbox-counter{font-size:14px;padding:6px 12px;position:fixed;bottom:20px;transform:translateX(-50%)}}