.product-image-wrapper{width:100%;height:100%;position:relative}.product-image-loading-skeleton{background:linear-gradient(90deg, var(--color-line) 25%, color-mix(in srgb, var(--color-line) 70%, var(--color-muted)) 50%, var(--color-line) 75%);background-size:200% 100%;animation:1.25s infinite product-image-shimmer;position:absolute;inset:0}.product-image-placeholder{background:linear-gradient(135deg, var(--color-cream) 0%, var(--color-line) 100%);border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.product-image-placeholder:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.product-image-placeholder svg{opacity:.4;transition:opacity .3s}.product-image-placeholder:hover svg{opacity:.6}.product-image-placeholder span{color:var(--color-muted);letter-spacing:.5px;text-transform:uppercase;z-index:1;font-size:12px;font-weight:500;position:absolute;bottom:20px}.product-image-container .product-image-placeholder{position:absolute;inset:0}.product-image{object-fit:cover;z-index:1;opacity:0;width:100%;height:100%;transition:opacity .25s;display:block;position:relative}.product-image.is-loaded{opacity:1}@media (prefers-reduced-motion:reduce){.product-image{transition:none}}@keyframes product-image-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}