/* Shared catalog cards: consistent auction status, readable provenance, one action baseline. */
.card[data-product] {
  --card-ink: var(--gps-white);
  --card-muted: var(--gps-white);
  --card-accent: var(--gps-yellow);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  background: var(--gps-black);
  color: var(--card-ink);
  border: 1px solid var(--gps-green);
  box-shadow: none;
}
.card[data-product] .card__photo {
  display: block;
  flex: 0 0 auto;
  overflow: hidden;
  aspect-ratio: 1;
  background: var(--gps-black);
}
.card[data-product] .card__photo > img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  margin: 0;
}
.card[data-product] .card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 0;
  min-width: 0;
  padding: 15px 14px 14px;
}
.card[data-product] .card__name {
  color: var(--card-ink);
  line-height: 1.25;
  letter-spacing: .015em;
}
.card__parents {
  display: grid;
  gap: 5px;
  margin: 10px 0 0;
  font: 400 12px/1.45 var(--sans);
  text-transform: none;
  letter-spacing: 0;
}
.card__parent { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 6px; }
.card__parent dt { margin: 0; color: var(--card-muted); font-weight: 400; }
.card__parent dd { margin: 0; min-width: 0; color: var(--card-ink); overflow-wrap: anywhere; }
.card__parent-name { font-weight: 600; }
.card__cut { color: var(--card-muted); font-size: 11px; }
.card[data-product] .card__lineage {
  margin: 10px 0 0;
  font: 400 12px/1.45 var(--sans);
  text-transform: none;
  letter-spacing: 0;
  color: var(--card-ink);
}
.card__lineage > span { color: var(--card-muted); }
.card__generation { margin: 6px 0 0; color: var(--card-muted); font: 400 11px/1.4 var(--sans); }
.card[data-product] .card__row { align-items: center; gap: 8px; margin: 15px 0 0; }
.card[data-product] .price,
.card[data-product] .price ins { color: var(--card-ink); }
.card[data-product] .price { line-height: 1.15; row-gap: 3px; }
.card[data-product] .price del,
.card[data-product] .price del .woocommerce-Price-amount { color: var(--card-muted); }
.card[data-product] .card__aux { margin-top: 8px; color: var(--card-muted); }
.card[data-product] .card__aux b { color: var(--card-ink); }
.card[data-product] .timer { margin-top: 8px; letter-spacing: 0; color: var(--card-muted); }
.card[data-product] .timer [data-clock-label] { color: var(--card-muted); font-weight: 400; letter-spacing: 0; text-transform: none; }
.card[data-product] .timer [data-clock-time] { color: var(--card-ink); }
.card[data-product] .card__cta { margin-top: auto; padding-top: 14px; }
.card[data-product] .card__cta .btn {
  min-height: 44px;
  padding: 11px 8px;
  border: 1px solid var(--card-accent);
  background: var(--card-accent);
  color: var(--gps-black);
  box-shadow: none;
  font-size: 12px;
  letter-spacing: .035em;
  line-height: 1.25;
  white-space: normal;
  overflow: visible;
}
.card[data-product] .card__photo .pill {
  height: auto;
  min-height: 23px;
  padding: 4px 8px;
  background: var(--gps-black);
  border: 1px solid var(--gps-lime);
  color: var(--gps-white);
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: .055em;
  box-shadow: none;
}
.card[data-product] .pill--live::before { width: 5px; height: 5px; background: var(--card-accent); }
.card[data-product].card--out .card__photo .pill { background: var(--gps-black); border-color: var(--gps-white); }
.card[data-product].card--out .card__cta .btn,
.card[data-product] .card__cta .btn[aria-disabled="true"] { background: var(--gps-black); border-color: var(--gps-white); color: var(--gps-white); }
.card[data-product] .card__cta .added_to_cart { display: block; margin-top: 8px; padding: 6px 0; text-align: center; color: var(--card-ink); font-size: 12px; }
@media (hover: hover) and (pointer: fine) {
  .card[data-product]:hover { border-color: var(--gps-lime); }
  .card[data-product] .card__cta .btn:hover { background: var(--gps-lime); border-color: var(--gps-lime); color: var(--gps-black); filter: none; }
  .card[data-product].card--out .card__cta .btn:hover { background: var(--gps-black); border-color: var(--gps-white); color: var(--gps-white); }
}
@media (min-width: 360px) and (max-width: 479px) {
  .card[data-product] .card__body { padding: 12px 10px 10px; }
  .card__parent { grid-template-columns: minmax(0, 1fr); row-gap: 1px; }
  .card__parents { gap: 7px; }
  .card__parent dt { font-size: 11px; }
  .card[data-product] .card__cta .btn { font-size: 11px; letter-spacing: .015em; }
}

.card[data-product] .card__parent dt { color:var(--gps-yellow); }
.card[data-product] .card__cut { color:var(--gps-lime); }
.card[data-product] .card__photo .pill--live { color:var(--gps-lime); }