/* ROGACHEV — избранное и подборка по ссылке (docs/spec-service.html, шаблон 5; design/service/project/Favorites.dc.html).
   Сетка — общая .rg-grid (4 колонки на компьютере, 3 до 1100 px, 2 на телефоне), карточка — card.css. */

.rg-favs{padding-top:48px;padding-bottom:72px}
.rg-favs__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 24px;flex-wrap:wrap}
.rg-favs__titlerow{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;min-width:0}
.rg-favs__title{font-family:var(--font-display);font-weight:400;font-size:56px;line-height:1;overflow-wrap:break-word}
.rg-favs__title:focus{outline:none}
.rg-favs__count{font-size:13px;color:var(--text-3);white-space:nowrap}
/* «Поделиться списком» — контурная кнопка 48 px, как в макете */
.rg-favs__action{min-height:48px;padding:6px 28px;font-size:14px}

/* Полоса входа для гостя — латунное сообщение UI-кита */
.rg-favs__login{display:flex;justify-content:space-between;align-items:center;gap:8px 20px;margin-top:24px;padding:14px 20px;background:var(--brass-fill);color:var(--brass-text);font-size:14px;line-height:1.45}
.rg-favs__login p{margin:0}
.rg-favs__login-link{flex:none;display:inline-flex;align-items:center;min-height:var(--tap);margin:-12px 0;color:var(--brass-text);position:relative}
.rg-favs__login-link::after{content:"";position:absolute;left:0;right:0;bottom:11px;height:1px;background:var(--brass)}
.rg-favs__login-link:hover{color:var(--brass-text)}
.rg-favs__login-link:hover::after{background:var(--brass-text)}

.rg-favs__grid{margin-top:36px}
.rg-favs__grid[hidden]{display:none}

/* «Убрано · Вернуть» на месте карточки — сообщение с отменой из UI-кита */
.rg-favs__undo-cell{align-self:start}
.rg-favs__undo{min-height:56px}
.rg-favs__undo .rg-msg__act{color:var(--ground)}

/* Пусто */
.rg-favs__empty{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:36px;padding:56px 0 24px;border-top:1px solid var(--line)}
.rg-favs__empty[hidden]{display:none}
.rg-favs__empty .rg-icon{color:var(--text-3)}
.rg-favs__empty-title{margin:0;font-family:var(--font-display);font-size:28px;line-height:1.2;max-width:560px}

.rg-favs__error{margin:36px 0 0;font-size:14px;color:var(--brick)}
.rg-favs__error button{border-bottom:1px solid currentColor;min-height:var(--tap);margin:-12px 0}

@media (max-width:1099px){
  .rg-favs__title{font-size:48px}
}
@media (max-width:760px){
  .rg-favs{padding-top:24px;padding-bottom:56px}
  .rg-favs__head{align-items:flex-start;flex-direction:column}
  .rg-favs__titlerow{gap:12px}
  .rg-favs__title{font-size:38px;line-height:1.08}
  .rg-favs__action{min-height:var(--tap)}
  .rg-favs__login{margin-top:20px;padding:12px 16px;font-size:13px}
  .rg-favs__grid{margin-top:24px}
  .rg-favs__undo{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;font-size:13px}
  .rg-favs__empty{margin-top:24px;padding-top:40px}
  .rg-favs__empty-title{font-size:24px}
}