/* [kam_yt_testovi] — 1:1 KAM_Model_Stranica_dc.html red 272-290. */

.kam-yt-testovi { margin: 36px 0; }
.kam-yt-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px; }

.kam-yt-thumb {
	display: block; position: relative; aspect-ratio: 16/9; border-radius: 12px;
	border: 1px solid var(--kam-line); background-color: var(--kam-line-soft);
	background-size: cover; background-position: center;
}
.kam-yt-play {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
	width: 44px; height: 44px; border-radius: 50%; background: rgba(0,0,0,.65);
	display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px;
}
.kam-yt-label {
	position: absolute; bottom: 8px; left: 10px; right: 10px;
	font-family: ui-monospace, monospace; font-size: 10.5px; color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,.7); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.kam-yt-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
.kam-yt-autor { font-size: 12.5px; color: var(--kam-muted); }
.kam-yt-link { font-size: 12px; color: var(--kam-red); text-decoration: none; font-weight: 600; }

@media (max-width: 640px) {
	.kam-yt-grid { grid-template-columns: 1fr; }
}