.eyecandy-grid {
		background: #000;
		padding: var(--eyecandy-gap);
		display:grid;
		gap: var(--eyecandy-gap);
		grid-template-columns: repeat(var(--eyecandy-desktop), minmax(0, 1fr));
		grid-auto-rows: 10px;
}

@media (max-width: 1024px) {
		.eyecandy-grid {
				grid-template-columns: repeat(var(--eyecandy-tablet), minmax(0, 1fr));
		}
}

@media (max-width: 640px) {
		.eyecandy-grid {
				grid-template-columns: repeat(var(--eyecandy-mobile), minmax(0, 1fr));
		}
}

.eyecandy-tile {
		border-radius: var(--eyecandy-radius);
		overflow: hidden;
		background: #111;
		position: relative;
		min-height: 160px;
		/* masonry span will be set by JS */
}
@media (max-width: 640px) {
		.eyecandy-tile { min-height: 120px; }
}

/* Shimmer skeleton */
.eyecandy-tile.eyecandy-loading::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: var(--eyecandy-radius);
		background: linear-gradient(
				90deg,
				rgba(255,255,255,0.06) 0%,
				rgba(255,255,255,0.14) 50%,
				rgba(255,255,255,0.06) 100%
		);
		background-size: 200% 100%;
		animation: eyecandy-shimmer 1.1s linear infinite;
		z-index: 2;
		pointer-events: none;
}

@keyframes eyecandy-shimmer {
		0% { background-position: 200% 0; }
		100% { background-position: -200% 0; }
}

.eyecandy-tile.eyecandy-loaded::before {
		display: none;
}

.eyecandy-video {
		width: 100% !important;
		height: 100% !important;
		display: block !important;
		object-fit: cover !important;
		background: #000;
		border-radius: var(--eyecandy-radius);
		/* CRITICAL: prevents Safari tap from opening native player/controls */
		pointer-events: none;
}

/* Hard-hide WebKit native controls */
.eyecandy-video::-webkit-media-controls,
.eyecandy-video::-webkit-media-controls-enclosure,
.eyecandy-video::-webkit-media-controls-panel,
.eyecandy-video::-webkit-media-controls-overlay-play-button,
.eyecandy-video::-webkit-media-controls-start-playback-button {
		display: none !important;
		opacity: 0 !important;
		pointer-events: none !important;
}


.eyecandy-tile .mejs-layers,
.eyecandy-tile .mejs-controls{
	display: none !important;
}