.htr-latest-products {
  --htr-ratio: 1.18;
  --htr-burgundy: #961d33;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  background: transparent;
}

.htr-latest-products__card { position: relative; min-width: 0; background: transparent; color: #161616; }
.htr-latest-products__image { position: relative; display: block; aspect-ratio: 1 / var(--htr-ratio); overflow: hidden; background: #f5f5f5; }
.htr-latest-products__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.htr-latest-products__primary-image,
.htr-latest-products__gallery-image { position: absolute; inset: 0; transition: opacity .35s ease, transform .5s ease; }
.htr-latest-products__gallery-image { opacity: 0; }
.htr-latest-products__image.has-hover-image:hover .htr-latest-products__primary-image { opacity: 0; transform: scale(1.025); }
.htr-latest-products__image.has-hover-image:hover .htr-latest-products__gallery-image { opacity: 1; transform: scale(1.025); }

/* Matches Goldish's built-in wishlist button and is handled by its wishlist.js. */
.htr-latest-products__heart.c-wishlist__btn {
  position: absolute;
  z-index: 3;
  top: 20px;
  right: 20px;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: var(--htr-burgundy);
  box-shadow: none;
  cursor: pointer;
}

.htr-latest-products__heart.c-wishlist__btn:hover { background: #fff; color: var(--htr-burgundy); transform: scale(1.05); }
.htr-latest-products__heart .c-wishlist__btn-icon { margin: 0; font-size: 24px; }
.htr-latest-products h3 { margin: 16px 0 4px; padding: 0 2px; font: 500 clamp(.9rem, 1.3vw, 1.25rem) / 1.3 Arial, sans-serif; }
.htr-latest-products h3 a { color: inherit; text-decoration: none; }
.htr-latest-products__price { padding: 0 2px 20px; color: var(--htr-burgundy); font: 700 clamp(1rem, 1.5vw, 1.4rem) / 1.2 Arial, sans-serif; }
.htr-latest-products__price del { opacity: .65; }
.htr-latest-products__price ins { text-decoration: none; }

@media (max-width: 600px) {
  .htr-latest-products { gap: 10px; }
  .htr-latest-products__heart.c-wishlist__btn { top: 10px; right: 10px; width: 39px; height: 39px; }
  .htr-latest-products__heart .c-wishlist__btn-icon { font-size: 20px; }
  .htr-latest-products h3 { margin-top: 10px; font-size: .82rem; }
  .htr-latest-products__price { padding-bottom: 12px; font-size: 1rem; }
}