.sg-card {
  background: #fff;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: var(--sg-radius-lg);
  padding: var(--sg-space-24);
  box-shadow: var(--sg-shadow-card);
}

.sg-card-dark {
  background: var(--sg-color-surface-strong);
  color: var(--sg-color-text-inverse);
}

.sg-media-thumb {
  aspect-ratio: 16 / 10;
  border-radius: calc(var(--sg-radius-lg) - 0.25rem);
  background:
    linear-gradient(rgba(17, 17, 17, 0.18), rgba(17, 17, 17, 0.18)),
    linear-gradient(135deg, #4b4b4b, #1d1d1d);
}

.sg-price {
  font-family: var(--sg-font-title), sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}