/* page-promo.css — акценты страницы промо */
.vip-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.vip {
  text-align: center; padding: 26px 20px;
  background: linear-gradient(180deg, var(--bg-2), #14231A);
  border: 1px solid var(--line); border-radius: var(--radius);
  transition: transform 0.22s, border-color 0.22s;
}
.vip:hover { transform: translateY(-4px); }
.vip--gold { border-color: rgba(217, 151, 96, 0.5); }
.vip__level { font-family: var(--font-head); font-size: 18px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.vip--bronze .vip__level { color: #D89B66; }
.vip--silver .vip__level { color: #C9D2DC; }
.vip--gold .vip__level { color: var(--gold-2); }
.vip--platinum .vip__level { color: #9CC8F0; }
.vip ul { list-style: none; margin: 14px 0 0; text-align: left; }
.vip li { padding-left: 24px; position: relative; font-size: 14px; color: var(--text-2); border-top: 1px solid var(--line); padding-block: 8px; margin: 0; }
.vip li::before { content: "✓"; position: absolute; left: 2px; color: var(--lime); font-weight: 700; }
@media (max-width: 1024px) { .vip-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .vip-grid { grid-template-columns: 1fr; } }