.product-card--image-loading {
    isolation: isolate;
    position: relative;
}

.product-card__image-loading-skeleton {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: none;
    pointer-events: none;
    background: var(--pc-thumb-bg, #e9edf3);
}

.product-card--image-loading > .product-card__thumb > .product-card__image-loading-skeleton {
    display: block;
}

.product-card__image-fallback {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    color: #8b95a5;
    background: #eef1f5;
    font-size: clamp(24px, 6vw, 40px);
}

.product-card--image-error .product-image {
    visibility: hidden;
}

.product-card--image-error .product-card__image-fallback {
    display: flex;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme]):not(.light-mode):not(.dark-mode) .product-card__image-fallback {
        color: #a7b0be;
        background: #202734;
    }
}

:root[data-theme="dark"] .product-card__image-fallback,
html.dark-mode .product-card__image-fallback,
html[data-theme="dark"] .product-card__image-fallback {
    color: #a7b0be;
    background: #202734;
}