/*
 * Карточка мастера: фото, имя, специализация, теги, кнопка. Лендинг (блок «Мастера») и З2 · Мастер.
 * Высота фото — геометрия: на лендинге 220px, на З2 180px (--master-card-photo-height задаёт страница).
 */
.master-card {
  display: flex; flex-direction: column; gap: var(--space-3-5);
  padding: var(--space-3) var(--space-3) var(--space-4);
  background: var(--color-bg-surface); border: var(--border-width-field) solid var(--color-border); border-radius: var(--radius-card);
  transition:
    transform var(--duration-fast) var(--ease-spring),
    box-shadow var(--duration-fast) var(--ease-spring),
    border-color var(--duration-instant) var(--ease-standard);
}
.master-card:hover { transform: translate(var(--shift-hover-card), var(--shift-hover-card)); box-shadow: var(--shadow-raised); border-color: var(--color-border-ink); }
.master-card__photo {
  height: var(--master-card-photo-height, 220px); border-radius: var(--radius-block); overflow: hidden;
  background: repeating-linear-gradient(135deg, var(--color-bg-muted) 0 8px, var(--color-border) 8px 16px);
  display: grid; place-items: center; color: var(--color-text-secondary);
  font-size: var(--font-size-caption); font-weight: var(--font-weight-caption);
}
.master-card__photo img { width: 100%; height: 100%; object-fit: cover; }
.master-card__info { display: flex; flex-direction: column; gap: var(--space-1); padding: 0 var(--space-1); }
.master-card__name { font-size: var(--font-size-h4); line-height: var(--line-height-label); font-weight: var(--font-weight-h4); }
.master-card__spec { font-size: var(--font-size-body-s); line-height: var(--line-height-body-s); color: var(--color-text-secondary); }
.master-card__tags { display: flex; gap: var(--space-1-5); flex-wrap: wrap; padding: 0 var(--space-1); }
.chip-count {
  display: inline-flex; align-items: center; gap: var(--space-1-5); height: var(--size-badge); padding: 0 var(--space-2-5);
  border-radius: var(--radius-badge); background: var(--color-bg-muted); color: var(--color-text-description);
  font-size: var(--font-size-caption); line-height: var(--line-height-single); font-weight: var(--font-weight-label);
}
/* «Выбрать» в карточке — outline без тени, как в прототипе: приподнимается сама карточка */
.master-card .btn {
  width: 100%;
  --btn-shadow: none; --btn-shadow-hover: none; --btn-shadow-pressed: none;
  --btn-shift-hover: 0, 0; --btn-shift-pressed: 0, 0;
}

/* Заглушки на время загрузки */
.master-card__btn-skeleton { height: var(--control-height-m); border-radius: var(--radius-pill); }
.master-card__photo-skeleton { height: var(--master-card-photo-height, 220px); border-radius: var(--radius-block); }