/* ═══ CLAIRO — Promoções (/promos): grid de destaques da Steam ═══
   Complementa precos-page.css (tabela/tags/estados reusados de lá). */
.promo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
  margin: 14px 0 30px;
}
.promo-card {
  display: flex;
  flex-direction: column;
  background: var(--s2);
  border: 1px solid var(--b1);
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: border-color .15s, transform .15s;
}
.promo-card:hover { border-color: var(--ac); transform: translateY(-2px); }
.pc-img {
  width: 100%;
  aspect-ratio: 616 / 353;
  object-fit: cover;
  display: block;
  background: var(--s3);
}
.pc-noimg { display: block; }
.pc-body { padding: 12px 14px 14px; }
.pc-name {
  color: var(--t1);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.35;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pc-price { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pc-price .price { color: var(--t1); font-weight: 700; font-size: 14px; }
.pc-price .normal { margin-left: 6px; }