/* For coaches and gyms (Nov 9, pros.py / templates/pros.html) */
.pros { max-width: 960px; margin: 0 auto; padding: 24px 0 48px; }
.pros-head { text-align: center; margin-bottom: 28px; }
.pros-lead { color: var(--muted, #a1a1aa); font-size: 1.05rem; max-width: 560px; margin: 8px auto 0; }
.pros-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.pros-card { background: var(--surface, #18181b); border: 1px solid var(--border, #27272a); border-radius: 14px;
  padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.pros-card h2 { margin: 0; font-size: 1.35rem; }
.pros-card p { margin: 0; }
.pros-icon { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center;
  border-radius: 50%; background: rgba(209, 15, 39, .14); }
.pros-price { list-style: none; margin: 4px 0 8px; padding: 14px 16px; border-radius: 10px;
  background: var(--surface-2, #232327); display: grid; gap: 4px; }
.pros-card .btn { margin-top: auto; }