.product-image-container.svelte-1f1g5bg{position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffffb8,#e2e8f0a3),radial-gradient(circle at 20% 0%,rgba(255,255,255,.85),transparent 12rem);width:100%}.product-image-container.svelte-1f1g5bg img:where(.svelte-1f1g5bg){width:100%;height:100%;object-fit:cover;transition:transform .4s ease,opacity .5s ease;opacity:0}.product-image-container.svelte-1f1g5bg img.loaded:where(.svelte-1f1g5bg){opacity:1}.skeleton-loader.svelte-1f1g5bg{position:absolute;inset:0;background:linear-gradient(145deg,#ffffffb8,#e2e8f0a3),radial-gradient(circle at 20% 0%,rgba(255,255,255,.85),transparent 12rem);display:flex;align-items:center;justify-content:center;z-index:1;overflow:hidden}.shimmer.svelte-1f1g5bg{width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fffc,#fff0);animation:svelte-1f1g5bg-shimmer 2s infinite linear}@keyframes svelte-1f1g5bg-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.image-nav-btn.svelte-1f1g5bg{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:#ffffffad;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border:1px solid rgba(255,255,255,.72);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 10px 24px #0f172a24,inset 0 1px #ffffffb3;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:#111827eb;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:#ffffff9e;box-shadow:0 0 0 1px #11182714;transition:all .2s ease}.dot.active.svelte-1f1g5bg{background:#fff;transform:scale(1.3);box-shadow:0 1px 8px #0f172a3d,0 0 0 1px #ffffffb3}.img-placeholder.svelte-1f1g5bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);color:#9ca3af}@media(hover:none){.image-nav-btn.svelte-1f1g5bg,.image-dots.svelte-1f1g5bg{opacity:1}}