html{scroll-behavior:smooth}@keyframes svelte-1icv0gg-gridMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.product-image-section.svelte-1icv0gg{display:flex;flex-direction:column;gap:1.5rem}.main-image-container.svelte-1icv0gg{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}.image-navigation.svelte-1icv0gg{z-index:10}.nav-btn.svelte-1icv0gg{transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-btn.svelte-1icv0gg:hover{transform:scale(1.1);background:#000000b3}.image-counter.svelte-1icv0gg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600;z-index:10}.main-product-image.svelte-1icv0gg{max-width:100%;width:auto;height:auto}.thumbnails-grid.svelte-1icv0gg{gap:.75rem}.thumbnail-wrapper.svelte-1icv0gg{cursor:pointer}.thumbnail-wrapper.svelte-1icv0gg:focus-visible{outline:2px solid #fe951c;outline-offset:2px;border-radius:8px}.thumbnail-container.svelte-1icv0gg{aspect-ratio:1;position:relative;background:#fff}.thumbnail-image.svelte-1icv0gg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-overlay.svelte-1icv0gg{pointer-events:none}@keyframes svelte-1icv0gg-activeIndicatorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.thumbnail-wrapper.svelte-1icv0gg:hover .thumbnail-container:where(.svelte-1icv0gg){transform:translateY(-2px);box-shadow:0 8px 20px #fe951c33}@media (max-width: 768px){.thumbnails-grid.svelte-1icv0gg{grid-template-columns:repeat(4,1fr);gap:.5rem}.thumbnail-container.svelte-1icv0gg,.thumbnail-image.svelte-1icv0gg{height:60px}.main-image-container.svelte-1icv0gg{min-height:300px}.nav-btn.svelte-1icv0gg{width:2rem;height:2rem}.nav-btn.svelte-1icv0gg svg:where(.svelte-1icv0gg){width:1rem;height:1rem}}@media (max-width: 640px){.thumbnails-grid.svelte-1icv0gg{grid-template-columns:repeat(3,1fr)}.product-image-section.svelte-1icv0gg{gap:1rem}.main-image-container.svelte-1icv0gg{min-height:250px}}@keyframes svelte-1icv0gg-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(10px) rotate(180deg)}75%{transform:translateY(-15px) rotate(270deg)}}
