.refs_section { padding: 50px 0 90px; background: #fff; }

	.refs_grid { display: grid; gap: 24px; }
	@media (min-width: 480px)  { .refs_grid { grid-template-columns: repeat(3, 1fr); } }
	@media (min-width: 768px)  { .refs_grid { grid-template-columns: repeat(4, 1fr); } }
	@media (min-width: 1024px) { .refs_grid { grid-template-columns: repeat(6, 1fr); } }

	.ref_item { display: block; }

	.ref_link {
		display: flex; flex-direction: column; align-items: center;
		width: 100%; text-decoration: none; color: inherit;
	}
	.ref_link:hover { text-decoration: none; color: inherit; }

	.ref_card {
		width: 100%;
		height: 128px;              
		background: #fff;
		border: 1px solid #eceef7;
		border-radius: 18px;
		display: flex; align-items: center; justify-content: center;
		padding: 16px 20px;
		overflow: hidden;           
		transition: border-color .25s ease, box-shadow .25s ease;
	}
	.ref_card img {
		max-width: 100%; max-height: 100%;
		width: auto; height: auto;
		object-fit: contain; display: block;
		filter: grayscale(100%);
		opacity: .82;
		transition: filter .25s ease, opacity .25s ease;
	}
	.ref_link:hover .ref_card { border-color: #aba2ff; box-shadow: 0 8px 20px rgba(91,61,245,.10); }
	.ref_link:hover .ref_card img { filter: grayscale(0%); opacity: 1; }

	.ref_name {
		font-size: 13.5px; font-weight: 600; color: #1b1f33;
		text-align: center; letter-spacing: -.1px;
		width: 100%; margin-top: 12px;
		line-height: 1.35;
		height: 2.7em;              
		display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
		overflow: hidden;
	}
	.ref_url {
		display: block; width: 100%;
		font-size: 11.5px; color: #8a8c95; font-weight: 500;
		text-align: center; letter-spacing: .1px;
		line-height: 1.4; height: 1.4em;   
		overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
		transition: color .2s ease;
	}
	.ref_link:hover .ref_url { color: #5b3df5; }

	.refs_empty {
		text-align: center; padding: 60px 20px; color: #8a8c95;
	}

	.ref_url .rf-soluk { opacity: .55; }