/**
 * Placeholder for the deferred related-products block.
 * Reserves the tile row so filling it in does not shift the page.
 */

.buldog-related-lazy__skeleton {
	display: grid;
	grid-template-columns: repeat(var(--buldog-related-columns, 4), 1fr);
	gap: 20px;
	margin: 20px 0;
}

.buldog-related-lazy__tile {
	min-height: 320px;
	border-radius: 8px;
	background: linear-gradient(100deg, #f2f2f2 30%, #e9e9e9 50%, #f2f2f2 70%);
	background-size: 200% 100%;
	animation: buldog-related-lazy-shimmer 1.4s ease-in-out infinite;
}

.buldog-related-lazy.is-loaded .buldog-related-lazy__skeleton {
	display: none;
}

@keyframes buldog-related-lazy-shimmer {
	from { background-position: 200% 0; }
	to   { background-position: -200% 0; }
}

@media (max-width: 767px) {
	.buldog-related-lazy__skeleton {
		grid-template-columns: repeat(2, 1fr);
	}

	.buldog-related-lazy__tile {
		min-height: 240px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.buldog-related-lazy__tile {
		animation: none;
	}
}