/* Recently added — imagem em cima, título embaixo (texto real, não na foto) */
.grid-3[data-recent] .card {
  overflow: hidden;
  background: #111;
  border-radius: 8px;
}

.grid-3[data-recent] .card a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.grid-3[data-recent] .card .cover {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #0a0a0a;
}

.grid-3[data-recent] .card .cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.grid-3[data-recent] .card-meta {
  padding: 10px 12px 12px;
  background: #000;
}

.grid-3[data-recent] .card-performer {
  margin: 0 0 4px;
  font-size: 13px;
  line-height: 1.3;
  color: #fff;
  font-weight: 500;
}

.grid-3[data-recent] .card-performer span {
  color: #e8c547;
}

.grid-3[data-recent] .card-title {
  margin: 0;
  font-size: 16px;
  line-height: 1.25;
  color: #fff;
  font-weight: 700;
}

.grid-3[data-recent] .card a:hover .card-title {
  color: #fb7185;
}