/* Избранное */
.favs { padding: 60px 0 120px; display: flex; flex-direction: column; gap: 60px; min-height: 60vh; }
.favs__crumbs { padding-top: 0; }
.favs__body { display: flex; flex-direction: column; gap: 20px; }
.favs__head { display: flex; align-items: center; gap: 20px; }
.favs__titles { flex: 1 1 0; display: flex; flex-direction: column; gap: 20px; }
.favs__share svg { width: 12px; height: 12px; }
.favs__share, .favs__notify { height: 44px; }
.favs__bar { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; }
.favs__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 10px; }
.favs__empty { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding-block: 40px 160px; }
.favs__catalog { margin-top: 20px; padding-inline: 50px; }

.f-card { position: relative; display: flex; flex-direction: column; gap: 23px; min-width: 0; }
.f-card__media { display: block; height: 360px; background: var(--c-warm-50); overflow: hidden; }
.f-card__media img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
.f-card .p-card__fav { right: 9px; }
.f-card__body { display: flex; flex-direction: column; gap: 12px; padding-right: 20px; }
.f-card__title { font-family: var(--f-head); font-weight: 500; font-size: 24px; line-height: 1.2; letter-spacing: -.03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.f-card__title:hover { color: var(--c-accent); }
.f-card__price { font-weight: 500; font-size: 16px; line-height: 1.2; }
.f-card__btn { height: 44px; margin-top: -11px; }
.f-card__btn.is-out { opacity: .4; }
.f-card__btn.is-out:hover { opacity: .6; }

@media (max-width: 1023px) {
	.favs { padding: 40px 0 80px; gap: 32px; }
	.favs__head { flex-wrap: wrap; }
	.favs__titles { flex-basis: 100%; }
	.favs__head .btn { flex: 1 1 0; }
	.favs__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.f-card { gap: 16px; }
	.f-card__media { height: 220px; }
	.f-card__body { padding-right: 0; gap: 8px; }
	.f-card__title { font-size: 16px; white-space: normal; }
	.f-card__price { font-size: 12px; }
	.f-card__btn { margin-top: 0; font-size: 12px; padding: 10px 6px; height: auto; }
	.favs__empty { padding-bottom: 80px; }
}