.image-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0;transition:opacity 0.3s ease}.image-lightbox[style*="display: block"]{opacity:1}.lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.95);z-index:1}.lightbox-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.lightbox-close{position:absolute;top:20px;right:20px;background:rgba(255, 255, 255, 0.1);border:none;color:#ffffff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s ease, transform 0.2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:20}.lightbox-close:hover{background:rgba(255, 255, 255, 0.2);transform:scale(1.1)}.lightbox-close:active{background:rgba(255, 255, 255, 0.3);transform:scale(0.95)}.lightbox-close svg{width:24px;height:24px}.lightbox-toolbar{position:absolute;top:20px;left:20px;display:flex;gap:10px;z-index:20}.lightbox-image-container{position:relative;width:90%;height:90%;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:5}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform 0.3s ease;cursor:default;user-select:none;-webkit-user-drag:none}.lightbox-btn{background:rgba(255, 255, 255, 0.1);border:none;color:#ffffff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s ease, transform 0.2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lightbox-btn:hover{background:rgba(255, 255, 255, 0.2);transform:scale(1.1)}.lightbox-btn:active{background:rgba(255, 255, 255, 0.3);transform:scale(0.95)}.lightbox-btn svg{width:20px;height:20px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255, 255, 255, 0.1);border:none;color:#ffffff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s ease, transform 0.2s ease;z-index:15;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lightbox-nav:hover{background:rgba(255, 255, 255, 0.2);transform:translateY(-50%) scale(1.1)}.lightbox-nav:active{background:rgba(255, 255, 255, 0.3);transform:translateY(-50%) scale(0.95)}.lightbox-nav svg{width:32px;height:32px}.lightbox-nav.lightbox-prev{left:20px}.lightbox-nav.lightbox-next{right:20px}.lightbox-footer{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px;background:linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);z-index:10}.lightbox-counter{background:rgba(0, 0, 0, 0.7);color:#ffffff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lightbox-caption{color:#ffffff;text-align:center;font-size:16px;line-height:1.5;max-width:800px}.lightbox-caption:empty{display:none}@media (max-width:768px){.lightbox-image-container{width:100%;height:100%}.lightbox-close{top:15px;right:15px;width:44px;height:44px}.lightbox-close svg{width:20px;height:20px}.lightbox-toolbar{top:50%;left:50% !important;gap:8px;right:unset !important;transform:translate(-50%, -50%);margin-top:-150px}.lightbox-btn{width:40px;height:40px}.lightbox-btn svg{width:18px;height:18px}.lightbox-nav{width:30px;height:30px;background:rgba(255, 255, 255, 0.5)}.lightbox-nav svg{width:28px;height:28px}.lightbox-nav.lightbox-prev{left:10px}.lightbox-nav.lightbox-next{right:10px}.lightbox-footer{padding:15px;gap:10px}.lightbox-counter{font-size:13px;padding:6px 12px}.lightbox-caption{font-size:14px}}[dir="rtl"] .lightbox-close{right:auto;left:20px}[dir="rtl"] .lightbox-toolbar{left:0;right:0;margin:0 auto;top:unset;bottom:60px;justify-content:center}[dir="rtl"] .lightbox-prev{left:auto;right:20px}[dir="rtl"] .lightbox-prev svg{transform:scaleX(-1)}[dir="rtl"] .lightbox-next{right:auto;left:20px}[dir="rtl"] .lightbox-next svg{transform:scaleX(-1)}@media (max-width:768px){[dir="rtl"] .lightbox-close{left:15px}[dir="rtl"] .lightbox-toolbar{right:15px}[dir="rtl"] .lightbox-prev{right:10px}[dir="rtl"] .lightbox-next{left:10px}}.lightbox-btn:focus-visible,.lightbox-nav:focus-visible,.lightbox-close:focus-visible{outline:2px solid rgba(255, 255, 255, 0.8);outline-offset:2px}.lightbox-image{animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (hover:none) and (pointer:coarse){.lightbox-btn::before,.lightbox-nav::before,.lightbox-close::before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}}