.lightbox-overlay.svelte-1ksluye{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f2;z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.lightbox-content.svelte-1ksluye{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0}.close-btn.svelte-1ksluye{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;opacity:.7;transition:opacity .2s;z-index:10;display:flex}.close-btn.svelte-1ksluye:hover{opacity:1}.main-image-container.svelte-1ksluye{flex:1;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:0}.main-image.svelte-1ksluye{max-width:90%;max-height:80vh;object-fit:contain}.nav-btn.svelte-1ksluye{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:40px;cursor:pointer;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-btn.svelte-1ksluye:hover{background:#fff3}.nav-btn.prev.svelte-1ksluye{left:20px}.nav-btn.next.svelte-1ksluye{right:20px}.thumbnails-container.svelte-1ksluye{height:80px;display:flex;align-items:center;gap:10px;margin-top:20px;max-width:90%}.thumbnails-track.svelte-1ksluye{display:flex;gap:8px}.thumbnail.svelte-1ksluye{width:60px;height:60px;padding:0;border:2px solid transparent;background:none;cursor:pointer;opacity:.5;transition:all .2s;border-radius:4px;overflow:hidden}.thumbnail.svelte-1ksluye img:where(.svelte-1ksluye){width:100%;height:100%;object-fit:cover}.thumbnail.active.svelte-1ksluye{border-color:var(--primary);opacity:1}.thumbnail.svelte-1ksluye:hover{opacity:1}.thumb-nav.svelte-1ksluye{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;opacity:.7;display:flex}.thumb-nav.svelte-1ksluye:hover:not(:disabled){opacity:1;color:var(--primary)}.thumb-nav.svelte-1ksluye:disabled{opacity:.2;cursor:default}.counter.svelte-1ksluye{margin-top:10px;font-family:var(--font-family);font-size:14px;opacity:.7}@media(max-width:768px){.main-image.svelte-1ksluye{max-width:100%;max-height:70vh}.nav-btn.svelte-1ksluye{width:40px;height:40px;font-size:30px}.nav-btn.prev.svelte-1ksluye{left:10px}.nav-btn.next.svelte-1ksluye{right:10px}}