.product-card .pic {
  position: relative;
  overflow: hidden;
  background-color: #fbf5e9;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: transparent;
  isolation: isolate;
}

.product-card .pic::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(184, 137, 50, .08);
  pointer-events: none;
}

.product-card > b,
.product-card > small {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.product-card[data-sku='CN-22081'] .pic { background-image: url('/assets/products/cincin-couple-eternity.webp'); }
.product-card[data-sku='GL-22044'] .pic { background-image: url('/assets/products/gelang-bangle-classic.webp'); }
.product-card[data-sku='AT-24017'] .pic { background-image: url('/assets/products/anting-creole-premium.webp'); }
.product-card[data-sku='CN-18092'] .pic { background-image: url('/assets/products/cincin-solitaire.webp'); }
.product-card[data-sku='KL-22031'] .pic { background-image: url('/assets/products/kalung-liontin-aurora.webp'); }
.product-card[data-sku='GL-24018'] .pic { background-image: url('/assets/products/gelang-rantai-italia.webp'); }

@media (min-width: 651px) {
  .product-card .pic { height: 112px; }
}

@media (max-width: 650px) {
  .product-card .pic { height: 92px; }
}