/* A product appears as a whole, after its thumbnail has decoded. */
.card.photo-pending {position:relative;pointer-events:none}
.card.photo-pending > * {visibility:hidden}
.card.photo-pending::after {
  content:'';position:absolute;inset:18px;border-radius:12px;
  background:
    linear-gradient(#00533509,#00533509) center 8%/52% 57% no-repeat,
    linear-gradient(#00533509,#00533509) left 78%/82% 10px no-repeat,
    linear-gradient(#00533507,#00533507) left 86%/57% 8px no-repeat,
    linear-gradient(#0053350d,#0053350d) left bottom/36% 14px no-repeat;
}
.photo,.detail-photo {position:relative}
.photo .photo-placeholder,.detail-photo .photo-placeholder {
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;position:absolute;inset:0;padding:8px;color:#819489;
  font-size:11px;line-height:1.5;text-align:center;
}
.photo-placeholder svg {width:42px;height:64px;opacity:.65}
.card.photo-pending .photo img {transform:none}
@media(max-width:760px){.card.photo-pending::after{inset:12px}}