/* Мои фото и видео: фильтр (тип + персонаж) и плотная сетка плиток (сами плитки — media.css) */

.gallery {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 var(--gutter) calc(var(--sab) + 24px);
}
/* Одна строка: «Всё | Фото | Видео» и выбор персонажа */
.gallery__bar { display: flex; align-items: center; gap: 8px; padding: 8px 0 12px; }
.gallery__seg { flex: 1 1 auto; min-width: 0; max-width: 360px; }
.gallery__who { flex: 0 1 auto; min-width: 0; max-width: 42%; min-height: 44px; padding: 0 12px; gap: 6px; }
.gallery__who .icon { width: 18px; height: 18px; }
.gallery__who-name { min-width: 0; }
.gallery__who.is-active { color: var(--text); border-color: rgba(255, 45, 120, 0.45); background: rgba(255, 45, 120, 0.1); }
.gallery__grid { min-height: 200px; }
.gallery__grid > .empty { padding-top: 48px; }
/* Имя — в фильтре персонажа, на квадратных плитках подписи нет (для читалки остаётся в aria-label) */
.gallery .media-grid--dense .media-tile__label { display: none; }

/* Шторка «Чьи фото показать»: лицо, имя, число файлов, галочка у выбранного */
.gallery-pick { display: flex; align-items: center; gap: 12px; min-width: 0; width: 100%; }
.gallery-pick__face {
  flex: 0 0 auto;
  width: 36px; height: 36px;
  display: grid; place-items: center;
  border-radius: 50%;
  overflow: hidden;
  color: var(--text-2);
  background: var(--card-2);
}
.gallery-pick__face img { width: 100%; height: 100%; object-fit: cover; }
.gallery-pick__face .icon { width: 18px; height: 18px; }
.gallery-pick__name { flex: 0 1 auto; min-width: 0; }
.gallery-pick__count { flex: 0 0 auto; color: var(--muted); font-variant-numeric: tabular-nums; }
.gallery-pick__check { flex: 0 0 auto; margin-left: auto; display: inline-flex; color: var(--pink); }
.gallery-pick__check .icon { width: 20px; height: 20px; }
.gallery-pick.is-selected .gallery-pick__name { font-weight: 800; }

@media (min-width: 900px) {
  .gallery { padding-left: 24px; padding-right: 24px; }
}