/* Transparent product derivatives; natural pixel size prevents raster upscaling. */
.rl-cosmic-site img[data-product-cutout]{mix-blend-mode:normal;filter:none}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .rl-cosmic-site .model-card.photo-depth{position:relative;overflow:visible;transform:none}
 .rl-cosmic-site .photo-depth .card-image,.rl-cosmic-site .visual.photo-depth{position:relative;overflow:visible;perspective:1100px;border-radius:12px}
 .rl-cosmic-site .photo-depth .card-image{border-radius:12px 12px 0 0}
 .rl-cosmic-site .visual.photo-depth{min-height:410px}
 .rl-cosmic-site .photo-depth img[data-product-cutout]{position:absolute;left:50%;top:50%;width:var(--photo-w);height:var(--photo-h);max-width:none;max-height:none;object-fit:contain;transform-origin:50% 50%;pointer-events:none;transform:translate(-50%,-50%) scale(var(--photo-scale,0));transition:transform .3s cubic-bezier(.2,.7,.2,1);z-index:1}
 .rl-cosmic-site .photo-depth.photo-active{z-index:8}
 .rl-cosmic-site .photo-depth.photo-active img[data-product-cutout]{transform:translate(-50%,-50%) translate(var(--photo-x,0px),var(--photo-lift,-70px)) rotateX(var(--photo-rx,0deg)) rotateY(var(--photo-ry,0deg)) scale(calc(var(--photo-scale) * var(--photo-zoom,1.6)))}
 .rl-cosmic-site .visual.photo-depth{--photo-lift:-20px}
 .rl-cosmic-site .photo-depth .visual-caption{position:absolute;bottom:16px;left:12px;right:12px;pointer-events:none}
 .rl-cosmic-site .photo-depth .badge,.rl-cosmic-site .photo-depth .stock-pill,.rl-cosmic-site .photo-depth .mini-label{z-index:2}
}