/*!
 * MahShop Toolkit — Plugin Styles
 */

.mahshop-product-usage {
	margin: 12px 0;
	font-size: 14px;
	color: #555;
}

/* دکمه ویش‌لیست (قلب) */
.mahshop-wishlist-btn {
	background: #fff;
	border: 1px solid rgba(176, 141, 87, .3);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	color: #B08D57;
	transition: transform .15s ease, background .15s ease, color .15s ease;
}
.mahshop-wishlist-btn:hover {
	background: #B08D57;
	color: #fff;
	transform: scale(1.08);
}
.mahshop-wishlist-btn.is-active {
	background: #B08D57;
	color: #fff;
}
.mahshop-wishlist-btn.mahshop-pulse {
	animation: mahshop-pulse .3s ease;
}
@keyframes mahshop-pulse {
	0%   { transform: scale(1); }
	50%  { transform: scale(1.25); }
	100% { transform: scale(1); }
}

/* گریدهای «محصولات مکمل» و «بازدید اخیر» */
.mahshop-complementary,
.mahshop-recently-viewed {
	margin: 48px 0;
}
.mahshop-complementary__grid,
.mahshop-recently-viewed__grid,
.mahshop-wishlist-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	list-style: none;
	padding: 0;
}

.mahshop-wishlist-empty {
	text-align: center;
	padding: 40px 0;
	color: #777;
}

@media (max-width: 900px) {
	.mahshop-complementary__grid,
	.mahshop-recently-viewed__grid,
	.mahshop-wishlist-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}