/* Individual translate composes with existing Elementor transforms/hover zoom. */
@property --lcct-motion-amplitude{syntax:"<length>";inherits:false;initial-value:5px}
@property --lcct-motion-lift{syntax:"<length>";inherits:false;initial-value:0px}
@keyframes lcctProductArtworkFloat{0%,100%{translate:0 calc(var(--lcct-motion-lift) + var(--lcct-motion-amplitude))}50%{translate:0 calc(var(--lcct-motion-lift) - var(--lcct-motion-amplitude))}}
img.lcct-product-motion{--lcct-motion-amplitude:5px;--lcct-motion-lift:0px;animation:lcctProductArtworkFloat 4.8s ease-in-out var(--lcct-motion-delay,0s) infinite;animation-play-state:paused;transition:--lcct-motion-amplitude .4s ease,--lcct-motion-lift .35s ease;z-index:2}
img.lcct-motion-positioned{position:relative}
img.lcct-product-motion.is-lcct-motion-visible{animation-play-state:running}
.lcct-motion-document-hidden img.lcct-product-motion{animation-play-state:paused}
.lcct-motion-stack{position:relative}
@media(hover:hover) and (pointer:fine){
 .lcct-media-hover-scope:where(:not(.lcpc-card):not(.lcsp-card):not(.zpx-relc):not(.zpx-tile__img *)):is(:hover,:focus-within) img.lcct-product-motion{--lcct-motion-amplitude:12px;--lcct-motion-lift:-18px;transition-duration:.18s,.14s;z-index:20}
 
 
}
/* Let the real transparent artwork cross its existing frame without removing the frame. */
.lcct-reference-product .zpx-relc:has(img.lcct-product-motion),.lcct-reference-product .zpx-relc__media:has(img.lcct-product-motion),.lcct-reference-product .zpx-relc__img:has(img.lcct-product-motion){overflow:visible}
/* Large product artwork floats independently; its decorative frame stays stationary. */
.lcct-reference-product .zpx-tile__img img.lcct-product-motion{--lcct-motion-amplitude:6px;--lcct-motion-lift:0px}

/* Keep transparent artwork inside its own layer, below the readable labels. */
.lcct-reference-product .zpx-hero__visual .zpx-tile{isolation:isolate;z-index:1}
.lcct-reference-product .zpx-hero__visual .zpx-float{z-index:2}
@media(prefers-reduced-motion:reduce){img.lcct-product-motion{animation:none!important;translate:none!important;transition:none!important}}

/* Owner scope: product cards and the large product hero only. Tiny navigation, menu and sticky images stay still. */
img.lcct-product-motion:not(:is(.lcpc-card .lcpc-logo img,.lcsp-card .lcsp-card__logo img,.zpx-relc .zpx-relc__img img,.lcct-reference-product .zpx-hero__visual .zpx-tile__img img)){animation:none!important;translate:none!important;transition:none!important}