/* eShobuy — static product imagery and product-card hover
   Goal: product photos switch immediately with no fade/scale effect, and
   product cards never lift, zoom, scale, shine or animate on hover/press. */

/* Product detail: thumbnail/color image swaps must be visually immediate. */
html body #view-detail #stageImg,
html body.stb-standard #view-detail #stageImg,
html body #view-detail .stage img,
html body.stb-standard #view-detail .stage img{
  opacity:1!important;
  transition:none!important;
  animation:none!important;
  filter:none!important;
}

/* Product cards: no zoom/lift/press motion at all. */
html body .grid > .card,
html body.stb-standard .grid > .card,
html body .grid > .card:hover,
html body.stb-standard .grid > .card:hover,
html body .grid > .card:focus-within,
html body.stb-standard .grid > .card:focus-within,
html body .grid > .card:active,
html body.stb-standard .grid > .card:active,
html body .grid > .card.touch-active,
html body.stb-standard .grid > .card.touch-active{
  transform:none!important;
  animation:none!important;
}

/* Stop image/price/name micro-scaling and motion inside a product card. */
html body .grid > .card .card-img img,
html body.stb-standard .grid > .card .card-img img,
html body .grid > .card:hover .card-img img,
html body.stb-standard .grid > .card:hover .card-img img,
html body .grid > .card.touch-active .card-img img,
html body.stb-standard .grid > .card.touch-active .card-img img,
html body .grid > .card .price-now,
html body.stb-standard .grid > .card .price-now,
html body .grid > .card:hover .price-now,
html body.stb-standard .grid > .card:hover .price-now,
html body .grid > .card.touch-active .price-now,
html body.stb-standard .grid > .card.touch-active .price-now,
html body .grid > .card .card-name,
html body.stb-standard .grid > .card .card-name,
html body .grid > .card:hover .card-name,
html body.stb-standard .grid > .card:hover .card-name{
  transform:none!important;
  animation:none!important;
  filter:none!important;
}

html body .grid > .card .card-img img,
html body.stb-standard .grid > .card .card-img img{
  transition:none!important;
}

/* Old animated top-line / shine overlays can look like a zoom effect. */
html body .grid > .card::before,
html body.stb-standard .grid > .card::before,
html body .grid > .card::after,
html body.stb-standard .grid > .card::after,
html body .grid > .card .card-img::after,
html body.stb-standard .grid > .card .card-img::after{
  display:none!important;
  content:none!important;
  animation:none!important;
  transition:none!important;
  transform:none!important;
}

@media (prefers-reduced-motion:reduce){
  html body #view-detail #stageImg,
  html body.stb-standard #view-detail #stageImg,
  html body .grid > .card,
  html body.stb-standard .grid > .card,
  html body .grid > .card * ,
  html body.stb-standard .grid > .card *{
    animation:none!important;
    transition:none!important;
  }
}