.mr-suggested {
	width: 100%;
}

.mr-suggested__heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: clamp(1.25rem, 2vw, 2rem);
}

.mr-suggested__title {
	margin: 0;
	color: #fff;
	font-size: clamp(1.65rem, 2.5vw, 2.35rem);
	line-height: 1.1;
}

.mr-suggested__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: clamp(1rem, 1.8vw, 1.75rem);
	align-items: start;
}

.mr-suggested__grid .mr-favorite-card-shell {
	width: 100%;
	min-width: 0;
}

.mr-suggested__grid .media-card {
	width: 100%;
	min-width: 0;
}

.mr-suggested__empty {
	max-width: 58rem;
	margin: 0;
	padding: 1.1rem 1.25rem;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 12px;
	background: rgba(3,7,15,.5);
	color: rgba(255,255,255,.75);
	line-height: 1.65;
}

.mr-suggested-card__fallback {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	background: linear-gradient(145deg, rgba(20,28,45,.92), rgba(3,7,15,.98));
	color: rgba(255,255,255,.72);
	font-size: clamp(3rem, 7vw, 6rem);
	font-weight: 700;
}

@media (max-width: 1500px) {
	.mr-suggested__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 1200px) {
	.mr-suggested__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
	.mr-suggested__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
	.mr-suggested__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
}