.gallery.svelte-pjdsbt{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);max-width:100%}.main-image.svelte-pjdsbt{position:relative;width:100%;max-width:40rem;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom}.image-container.svelte-pjdsbt{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.nav-btn.svelte-pjdsbt{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:transparent;border:none;padding:0;cursor:pointer;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.nav-btn.svelte-pjdsbt:hover,.nav-btn.svelte-pjdsbt:focus,.nav-btn.svelte-pjdsbt:active{background:transparent;outline:none;box-shadow:none}.nav-prev.svelte-pjdsbt{left:.5rem}.nav-next.svelte-pjdsbt{right:.5rem}.placeholder.svelte-pjdsbt{color:var(--color-text-muted)}.thumbnails.svelte-pjdsbt{display:flex;gap:.5rem;overflow-x:auto;max-width:100%;padding:.25rem;flex-wrap:nowrap}.thumbnail.svelte-pjdsbt{flex-shrink:0;width:8rem;height:8rem;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;padding:0}.thumbnail.svelte-pjdsbt:hover{border-color:var(--color-text-muted)}.thumbnail.active.svelte-pjdsbt{border-color:var(--color-cta)}.thumbnail.svelte-pjdsbt img:where(.svelte-pjdsbt){width:100%;height:100%;object-fit:cover}.mockup-container.svelte-pjdsbt{width:100%;height:100%;border-radius:1rem;overflow:hidden}.main-static-image.svelte-pjdsbt{width:100%;height:100%;object-fit:cover;border-radius:1rem}.thumbnail-mockup.svelte-pjdsbt{width:100%;height:100%}@media(max-width:700px){.thumbnail.svelte-pjdsbt{width:6rem;height:6rem}}