.loading-container.svelte-tlcwcx{display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;transform:translateY(10px);transition:all .3s ease-out}.loading-container.mounted.svelte-tlcwcx{opacity:1;transform:translateY(0)}.loading-container.fullscreen.svelte-tlcwcx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;padding:0}.loading-container.transparent.svelte-tlcwcx{background:transparent}.hexagon-loader.svelte-tlcwcx{position:absolute;top:0;right:0;bottom:0;left:0}.hexagon-outer.svelte-tlcwcx{animation-duration:2s}.hexagon-inner.svelte-tlcwcx{animation-duration:1.5s;animation-direction:reverse}.hexagon-center.svelte-tlcwcx{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.loading-dots.svelte-tlcwcx{display:inline-flex;gap:2px}.loading-dots.svelte-tlcwcx span:where(.svelte-tlcwcx){animation:svelte-tlcwcx-dot-pulse 1.4s ease-in-out infinite both}.loading-dots.svelte-tlcwcx span:where(.svelte-tlcwcx):nth-child(1){animation-delay:-.32s}.loading-dots.svelte-tlcwcx span:where(.svelte-tlcwcx):nth-child(2){animation-delay:-.16s}.loading-dots.svelte-tlcwcx span:where(.svelte-tlcwcx):nth-child(3){animation-delay:0}@keyframes svelte-tlcwcx-dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.loading-container.svelte-tlcwcx{transition-duration:.01ms}.hexagon-loader.svelte-tlcwcx,.loading-dots.svelte-tlcwcx span:where(.svelte-tlcwcx){animation:none!important}.loading-dots.svelte-tlcwcx span:where(.svelte-tlcwcx){opacity:.8;transform:none}}@media(prefers-contrast:high){.hexagon-loader.svelte-tlcwcx{filter:contrast(1.2)}}@media print{.loading-container.svelte-tlcwcx{display:none}}.product-grid-item{will-change:transform,opacity}.custom-scrollbar.svelte-ygjmv3::-webkit-scrollbar{width:6px}.custom-scrollbar.svelte-ygjmv3::-webkit-scrollbar-track{background:transparent}.custom-scrollbar.svelte-ygjmv3::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.custom-scrollbar.svelte-ygjmv3::-webkit-scrollbar-thumb:hover{background:#0000004d}.custom-scrollbar.svelte-ygjmv3{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}@media(min-width:640px)and (max-width:768px){.grid.svelte-ygjmv3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.grid.svelte-ygjmv3{grid-template-columns:repeat(4,minmax(0,1fr))}}