/* CAPPS — page Prendre rendez-vous (lot 3) : le gabarit éditorial commun est dans site_v2.css */

.expert-grid { display: grid; gap: 14px; margin-top: 18px; }
.expert-card {
    display: grid; grid-template-columns: 72px 1fr auto; gap: 18px; align-items: center;
    padding: 20px; border-radius: 16px; background: var(--surface-2); border: 1px solid var(--line);
}
.expert-card__avatar img { width: 72px; height: 72px; border-radius: 16px; background: #fff; object-fit: cover; box-shadow: 0 0 0 1px var(--line); }
.expert-card__info { min-width: 0; }
.expert-card__role { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; color: var(--brand); }
.v2-page main .expert-card__info h3 { font-size: 19px; margin: 4px 0 8px; }
.expert-card__contacts { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.expert-card__contact-item { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; color: var(--muted); font-size: 14px; }
.expert-card__contact-item:hover { color: var(--brand); }
.expert-card__contact-item i.bx { color: var(--brand); font-size: 18px; }

@media (max-width: 640px) {
    .expert-card { grid-template-columns: 56px 1fr; padding: 16px; }
    .expert-card__avatar img { width: 56px; height: 56px; }
    .expert-card__actions { grid-column: 1 / -1; }
    .expert-card__actions > a { width: 100%; }
    .expert-card__contact-item { min-height: 44px; }
}