.kitty-img-like-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 1rem;
	margin: 1.5rem 0;
}

.kitty-img-like-panel {
	background: #fff;
	border: 1px solid #d6dde5;
	border-radius: 16px;
	padding: 1.25rem;
}

.kitty-img-like-progress {
	height: 12px;
	background: #eef2f7;
	border-radius: 999px;
	overflow: hidden;
	margin-top: 0.9rem;
}

.kitty-img-like-progress-bar {
	height: 100%;
	background: linear-gradient(90deg, #22577a 0%, #57cc99 100%);
}

.kitty-img-like-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1rem;
}

.kitty-img-like-widget {
	margin-top: 1.25rem;
}

.kitty-img-like-results {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 1rem;
	margin-top: 1rem;
}

.kitty-img-like-card {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	padding: 0.8rem;
	text-decoration: none;
	color: inherit;
	border: 1px solid #d6dde5;
	border-radius: 14px;
	background: #fbfcfe;
}

.kitty-img-like-card img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 10px;
}

.kitty-img-like-copy {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

.kitty-img-like-copy small,
.kitty-img-like-copy em,
.kitty-img-like-empty {
	color: #4e5d6c;
	font-style: normal;
}

@media (max-width: 640px) {
	.kitty-img-like-results {
		grid-template-columns: 1fr 1fr;
	}
}