.product-image-container.svelte-1f1g5bg{position:relative;overflow:hidden;background-color:#f3f4f6;width:100%}.product-image-container.svelte-1f1g5bg img:where(.svelte-1f1g5bg){width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-nav-btn.svelte-1f1g5bg{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;color:#1a1a1a;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:5;box-shadow:0 2px 8px #00000014;opacity:0;padding:0}.product-image-container.svelte-1f1g5bg:hover .image-nav-btn:where(.svelte-1f1g5bg){opacity:1}.image-nav-btn.svelte-1f1g5bg:hover{background:#1a1a1a;color:#fff;transform:translateY(-50%) scale(1.15)}.image-nav-btn.prev.svelte-1f1g5bg{left:.5rem}.image-nav-btn.next.svelte-1f1g5bg{right:.5rem}.image-dots.svelte-1f1g5bg{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);display:flex;gap:4px;z-index:5;opacity:0;transition:opacity .2s ease}.product-image-container.svelte-1f1g5bg:hover .image-dots:where(.svelte-1f1g5bg){opacity:1}.dot.svelte-1f1g5bg{width:6px;height:6px;border-radius:50%;background:#fff9;transition:all .2s ease}.dot.active.svelte-1f1g5bg{background:#fff;transform:scale(1.3);box-shadow:0 1px 4px #0003}.img-placeholder.svelte-1f1g5bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#9ca3af}@media(hover:none){.image-nav-btn.svelte-1f1g5bg,.image-dots.svelte-1f1g5bg{opacity:1}}