/* fkm-tips — استایل ویجت (بارگذاری فقط هنگام استفاده) */
.ytp-wrap {
	--_accent: var(--ytp-accent, #006f63);
	width: 100%;
	direction: rtl;
	color: #4d5358;
}
.ytp-row {
	display: grid;
	grid-template-columns: var(--ytp-img-w, 370px) 1fr;
	gap: var(--ytp-gap, 42px);
	align-items: center;
	margin-bottom: var(--ytp-row-mb, 20px);
	transition: transform 0.25s ease;
}
.ytp-row:last-child { margin-bottom: 0; }
.ytp-row.ytp-img-left {
	grid-template-columns: 1fr var(--ytp-img-w, 370px);
}
.ytp-row.ytp-img-left .ytp-image { order: 2; }
.ytp-row.ytp-img-left .ytp-content { order: 1; }
.ytp-image {
	width: 100%;
	height: var(--ytp-img-h, 185px);
	display: block;
	object-fit: cover;
	border-radius: 9px;
}
.ytp-content { text-align: center; }
.ytp-title {
	margin: 0 0 22px;
	color: #4b5055;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.5;
}
.ytp-text {
	color: #555e66;
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1.95;
}
.ytp-text p { margin: 0; }
.ytp-text p + p { margin-top: 18px; }
.ytp-text a {
	color: var(--_accent);
	font-weight: 900;
	text-decoration: none;
}
@media (max-width: 820px) {
	.ytp-row,
	.ytp-row.ytp-img-left {
		grid-template-columns: 1fr;
		gap: 18px;
		margin-bottom: 34px;
	}
	.ytp-row.ytp-img-left .ytp-image { order: 0; }
	.ytp-row.ytp-img-left .ytp-content { order: 0; }
	.ytp-image {
		width: 100%;
		height: 230px;
	}
}
@media (max-width: 480px) {
	.ytp-image { height: 190px; }
	.ytp-title {
		font-size: 18px;
		margin-bottom: 14px;
	}
}

/* حالت‌های داینامیک */
.ytp-hover .ytp-row:hover { transform: translateY(-1px); }