/* بخشِ «تماشا نکن، بازی کن» در صفحه‌ی اصلی (بخشِ سه‌بعدی v3.25 حذف شد) */
/* ---------------------------------------------------------------- تماشا نکن، بازی کن */
.bn-vs { display: grid; gap: 14px; max-width: 920px; margin: 0 auto; }
@media (min-width: 760px) { .bn-vs { grid-template-columns: 1fr 1fr; gap: 20px; } }
.bn-vs > div { padding: 22px; border-radius: var(--bn-radius-lg); border: 1px solid var(--bn-line); background: var(--bn-surface); }
.bn-vs h3 { margin: 0 0 14px; font-size: 16px; font-weight: 900; }
.bn-vs ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.bn-vs li { display: flex; align-items: center; gap: 10px; font-size: 14.5px; line-height: 1.7; }
.bn-vs li::before { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; font-size: 12px; font-weight: 900; }
.bn-vs-old { opacity: .8; }
.bn-vs-old h3, .bn-vs-old li { color: var(--text-mid); }
.bn-vs-old li::before { content: "✕"; background: rgba(127, 127, 127, .14); color: var(--text-mid); }
.bn-vs-new { border-color: rgba(43, 255, 198, .4) !important; box-shadow: var(--bn-glow); }
.bn-vs-new h3 { color: var(--bn-accent-text); }
.bn-vs-new li { font-weight: 700; }
.bn-vs-new li::before { content: "✓"; background: #2bffc6; color: #032b20; }