/* Skeleton loader — jab tak maal aata hai, khali jagah ki jagah ek halki si chamak.
   WoodMart filter/pagination par `.wd-loading` lagata hai; wahan har card ko skeleton bana dete hain,
   taki safha khali safed na dikhe. Alag se koi JS nahi chahiye. */
@keyframes yb-skeleton-shimmer {
	from { background-position: 200% 0; }
	to   { background-position: -200% 0; }
}

.yb .yb-skeleton,
.yb .wd-products.wd-loading .product-grid-item .product-image-link,
.yb .wd-products.wd-loading .yb-card__media {
	background: linear-gradient(90deg, #EEE 25%, #F5F5F5 50%, #EEE 75%);
	background-size: 200% 100%;
	animation: yb-skeleton-shimmer 1.4s linear infinite;
	color: transparent;
}

.yb .wd-products.wd-loading .product-grid-item img,
.yb .wd-products.wd-loading .yb-card__img {
	opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
	.yb .yb-skeleton,
	.yb .wd-products.wd-loading .product-grid-item .product-image-link,
	.yb .wd-products.wd-loading .yb-card__media {
		animation: none;
	}
}