/* Shared CSS for generic product images */

/* Product Image Enhancements */
.pf-card-img.has-bg-img,
.product-img-placeholder.has-bg-img,
.product-card-img.has-bg-img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    position: relative;
}

.pd-img-bg.has-bg-img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}

.pf-card-img.has-bg-img::after,
.product-img-placeholder.has-bg-img::after,
.product-card-img.has-bg-img::after,
.pd-img-bg.has-bg-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(10, 31, 68, 0.7) 0%, transparent 60%);
    pointer-events: none;
}