/* HD Product Images - Global Styles for Clear, High-Quality Images */

/* Base image quality settings for all product images */
img[src*="product"], 
img[src*="cache"],
.product-image,
.product-thumb img,
.product-card img,
.product-img,
.bs-product-image,
.featured-product-img,
.pst-product-image-box img,
.psh-new-product-img,
.hcp-product-image,
.cmp-product-image,
.tcp-product-image {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: high-quality;
    -ms-interpolation-mode: bicubic;
    image-rendering: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    image-rendering: -webkit-optimize-contrast;
}

/* Ensure images maintain aspect ratio and quality */
.product-image,
.product-thumb img,
.product-card img,
.bs-product-image,
.featured-product-img,
.pst-product-image-box img,
.psh-new-product-img,
.hcp-product-image,
.cmp-product-image {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    display: block;
}

/* Prevent image blur on scaling */
.product-card:hover img,
.product-image:hover,
.bs-product-image:hover,
.featured-product-img:hover {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* High DPI display support */
@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi),
       (min-resolution: 2dppx) {
    img[src*="product"],
    img[src*="cache"],
    .product-image,
    .product-thumb img,
    .product-card img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
        image-rendering: high-quality;
    }
}

/* Loading state - prevent blur during load */
img[loading="lazy"] {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Ensure no compression artifacts */
.product-image-wrapper,
.product-thumb,
.product-image-box {
    position: relative;
    overflow: hidden;
    background: #ffffff;
}

.product-image-wrapper::before,
.product-thumb::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 1;
    pointer-events: none;
}