:root{--product-hover-transition-duration: .4s;--product-hover-transition-easing: cubic-bezier(.25, .46, .45, .94);--product-hover-scale-factor: 1.05;--product-hover-opacity-initial: 0;--product-hover-opacity-final: 1}.product-card-image-container{position:relative;overflow:hidden;width:100%;height:100%}.product-card-image-primary{position:relative;width:100%;height:100%;object-fit:cover;transition:transform var(--product-hover-transition-duration) var(--product-hover-transition-easing),opacity var(--product-hover-transition-duration) var(--product-hover-transition-easing);z-index:2}.product-card-image-secondary{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:var(--product-hover-opacity-initial);transform:scale(1);transition:transform var(--product-hover-transition-duration) var(--product-hover-transition-easing),opacity var(--product-hover-transition-duration) var(--product-hover-transition-easing);z-index:1}@media (hover: hover) and (pointer: fine){.product-card-image-container:hover .product-card-image-primary{opacity:var(--product-hover-opacity-initial);transform:scale(var(--product-hover-scale-factor))}.product-card-image-container:hover .product-card-image-secondary{opacity:var(--product-hover-opacity-final);transform:scale(var(--product-hover-scale-factor))}.has-hover-effect:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.has-hover-effect{transition:transform var(--product-hover-transition-duration) var(--product-hover-transition-easing),box-shadow var(--product-hover-transition-duration) var(--product-hover-transition-easing)}}@media (hover: none) and (pointer: coarse){.product-card-image-secondary{display:none}.product-card-image-primary,.has-hover-effect{transition:none}}.product-card-single-image .product-card-image-secondary{display:none}.product-card-image-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.product-card-image-container{will-change:transform}.product-card-image-primary,.product-card-image-secondary{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform3d:translate3d(0,0,0)}@media (prefers-reduced-motion: reduce){.product-card-image-primary,.product-card-image-secondary,.has-hover-effect{transition:none!important}.product-card-image-container:hover .product-card-image-primary,.product-card-image-container:hover .product-card-image-secondary{transform:none!important}}.hover-effect-fast{--product-hover-transition-duration: .2s}.hover-effect-slow{--product-hover-transition-duration: .6s}.hover-effect-subtle{--product-hover-scale-factor: 1.02}.hover-effect-dramatic{--product-hover-scale-factor: 1.1}.ruemood-product-card .product-card-image-container{border-radius:inherit}.ruemood-card-image .product-card-image-container{border-radius:4px 4px 0 0}.ruemood-product-card .ruemood-card-image img{transition:none}.ruemood-product-card:hover .ruemood-card-image img{transform:none}.ruemood-product-card .product-card-image-primary{position:relative;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity var(--product-hover-transition-duration) var(--product-hover-transition-easing),transform var(--product-hover-transition-duration) var(--product-hover-transition-easing);z-index:2}.ruemood-product-card .product-card-image-secondary{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1);transition:opacity var(--product-hover-transition-duration) var(--product-hover-transition-easing),transform var(--product-hover-transition-duration) var(--product-hover-transition-easing);z-index:1}@media (hover: hover) and (pointer: fine){.ruemood-product-card.has-hover-effect:hover .product-card-image-primary{opacity:0;transform:scale(1.03)}.ruemood-product-card.has-hover-effect:hover .product-card-image-secondary{opacity:1;transform:scale(1.03)}.ruemood-product-card.has-hover-effect:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}}@media (max-width: 768px){:root{--product-hover-transition-duration: .3s}}@media (max-width: 480px){:root{--product-hover-scale-factor: 1.03}}
/*# sourceMappingURL=/cdn/shop/t/231/assets/component-product-hover.css.map */