/* One card alignment across the homepage, categories and catalog, in both themes. */
html body .product-card .product-info,
html body #mpShop .mp-shop-products .product-card .product-info{text-align:center!important}
html body .product-card :is(.product-title,.product-title-card,.product-submeta,.product-stock-line),
html body #mpShop .mp-shop-products .product-card :is(.product-title,.product-title-card,.product-submeta,.product-stock-line){text-align:center!important}
html body .product-card :is(.product-submeta,.product-price-wrap,.product-price-row),
html body #mpShop .mp-shop-products .product-card :is(.product-submeta,.product-price-wrap,.product-price-row){justify-content:center!important}
html body .product-card .product-stock-line,
html body #mpShop .mp-shop-products .product-card .product-stock-line{display:flex!important;justify-content:center!important}
html body .product-card .product-thumb img.storefront-hover-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;padding:var(--storefront-image-inset,18px)!important;margin:0!important;object-fit:contain!important;object-position:center!important;opacity:0!important;z-index:2;pointer-events:none;transition:opacity .18s ease!important}
html body .product-card .product-thumb>img:not(.storefront-hover-image){transition:opacity .18s ease!important}
@media(hover:hover) and (pointer:fine){
    html body .product-card .product-thumb.storefront-image-ready:hover>img:not(.storefront-hover-image){opacity:0!important}
    html body .product-card .product-thumb:hover>img.storefront-hover-image.is-ready{opacity:1!important}
}
html body .product-card a:focus-visible .product-thumb.storefront-image-ready>img:not(.storefront-hover-image){opacity:0!important}
html body .product-card a:focus-visible .product-thumb>img.storefront-hover-image.is-ready{opacity:1!important}
@media(prefers-reduced-motion:reduce){html body .product-card .product-thumb img{transition:none!important}}