/* contoh-kedai-emas-nilam-jaya: illustrated offering cards. Decorative; the card title carries the meaning. */
#tawaran .card { overflow: hidden; padding: var(--s4); }
#tawaran .card::before {
  content: ""; display: block;
  aspect-ratio: 16 / 10;
  margin: calc(var(--s4) * -1) calc(var(--s4) * -1) var(--s4);
  background: #2c2219 center / 100% no-repeat;
  transition: background-size 250ms var(--ease-out);
}
#tawaran .card:nth-child(1)::before { background-image: url("images/cards/cincin.svg"); }
#tawaran .card:nth-child(2)::before { background-image: url("images/cards/rantai.svg"); }
#tawaran .card:nth-child(3)::before { background-image: url("images/cards/gelang.svg"); }
#tawaran .card:nth-child(4)::before { background-image: url("images/cards/subang-loket.svg"); }
#tawaran .card:nth-child(5)::before { background-image: url("images/cards/survey.svg"); }
#tawaran .card:nth-child(6)::before { background-image: url("images/cards/sesi-live.svg"); }
#tawaran .card-icon { display: none; }
@media (min-width: 761px) {
  #tawaran .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s4); }
}
@media (hover: hover) and (pointer: fine) {
  #tawaran .card:hover::before { background-size: 106%; }
}