/* ============================================
   REVIEWS SECTION
   ============================================ */
.rev-sec { padding: 56px 32px; background: var(--c-p800); border-radius: 24px; margin: 24px 24px 0; }
.rev-g4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }

/* --- Dark card (homepage) --- */
.rv-dark {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px 16px 16px 4px;
  padding: 22px;
  display: flex; flex-direction: column;
  transition: background .2s, transform .2s, border-color .2s;
}
.rv-dark:hover {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.15);
  transform: scale(1.02);
}
.rv-dark .rv-header { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.rv-dark .rv-av {
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--c-a500);
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700; color: var(--c-p800); flex-shrink: 0;
}
.rv-dark .rv-hinfo { display: flex; flex-direction: column; min-width: 0; }
.rv-dark .rv-name-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rv-dark .rv-name { font-size: 13px; font-weight: 600; color: rgba(255,255,255,.9); order: 1; }
.rv-dark .rv-ver { order: 2; color: var(--c-a400); font-weight: 600; font-size: 11px; display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; }
/* Icon via CSS ::before only — no DOM element, Linguise cannot touch it */
.rv-dark .rv-ver::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f058"; font-size:9px; flex-shrink:0; color:var(--c-a400); }
.rv-dark .rv-hmeta { font-size: 11px; color: rgba(255,255,255,.3); }
.rv-dark .rv-body {
  font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.72);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; height: 44.8px; margin-bottom: 14px;
}
.rv-dark .rv-foot {
  display: flex; align-items: center; justify-content: space-between;
  padding-top: 12px; border-top: 1px solid rgba(255,255,255,.06); margin-top: auto;
}
.rv-dark .rv-stars { display: flex; gap: 2px; }
.rv-dark .rv-stars i { font-size: 12px; color: var(--c-star); }
.rv-dark .rv-stars i.empty { color: rgba(255,255,255,.12); }
.rv-dark .rv-prod {
  font-size: 13px; font-weight: 600; color: rgba(255,255,255,.3);
  display: inline-flex; align-items: center; gap: 6px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  text-decoration: none;
}
.rv-dark .rv-prod:hover { color: rgba(255,255,255,.55); }
.rv-dark .rv-prod i { font-size: 12px; color: var(--c-a400); flex-shrink: 0; }