/* Keep the current catalog page geometrically stable; native image lazy loading
   avoids fetching off-screen photos without recycling card layout. */
#products.product-grid>.product-card{
 content-visibility:visible!important;contain-intrinsic-size:none!important;
 contain:layout style!important;will-change:auto!important;
}

/* Keep the existing hero cycle/hero motion intact; only lower-cost storefront effects are reduced on touch devices. */
/* Use only the original heroSheen keyframes already in styles. */
@media(prefers-reduced-motion:no-preference){html #home.hero::before{animation:heroSheen 12s ease-in-out infinite!important}}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){html #home.hero::before{animation-duration:16s!important}}
#products.product-grid>.product-card .photo{position:relative!important;aspect-ratio:1!important;height:auto!important;min-height:0!important;overflow:hidden!important}
#products .shoe-gallery{width:100%!important;height:100%!important;aspect-ratio:1!important}
#products .shoe-gallery-track{height:100%!important;aspect-ratio:1!important}
 #products .shoe-gallery-slide{height:100%!important;aspect-ratio:1!important;flex:0 0 100%!important}
#products .shoe-gallery-slide img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important;will-change:auto!important;backface-visibility:visible!important}
@media(pointer:coarse),(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .product-card,.product-card:hover,.product-card .photo,.category-cards button,
 .hero img,.hero-shoe,.hero-shoe img,.promo-shoe img,.floating-card,
 .motion-reveal,.motion-ready .motion-reveal{
  animation:none!important;transition:none!important;transform:none!important;
  filter:none!important;opacity:1!important;will-change:auto!important;
 }
 .hero-editorial-bg,.hero-editorial-bg::before,.hero-editorial-bg::after{animation:none!important;filter:none!important;will-change:auto!important}
 .header,.mobile-dock,.modal,.modal-overlay,.customer-chat-card,.search-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 #products.product-grid>.product-card{box-shadow:0 2px 8px #17203308!important}
 .product-card .photo::before{display:none!important}
}