/* fkm-framed-banner — استایل ویجت (بارگذاری فقط هنگام استفاده) */
.yfb-banner {
	--_outer-bg: var(--yfb-outer-bg, #f9f9f9);
	--_frame-border: var(--yfb-frame-border, #f1f2f4);
	--_overlay: var(--yfb-overlay, rgba(8, 15, 29, 0.58));
	width: 100%;
	padding: var(--yfb-outer-pad, 17px);
	border-radius: var(--yfb-outer-radius, 19px);
	background: var(--_outer-bg);
	box-shadow: 0 9px 24px rgba(0, 0, 0, 0.13);
	direction: rtl;
}
.yfb-frame {
	position: relative;
	min-height: var(--yfb-min-h, 386px);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 48px 28px;
	border: var(--yfb-frame-bw, 12px) solid var(--_frame-border);
	border-radius: calc(var(--yfb-outer-radius, 19px) - 1px);
	background-size: cover;
	background-position: center 48%;
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.55),
		0 0 0 1px rgba(207, 213, 221, 0.9);
}
.yfb-link {
	position: absolute;
	inset: 0;
	z-index: 2;
}
.yfb-title {
	max-width: 760px;
	margin: 0;
	text-align: center;
	color: #ffffff;
	font-size: clamp(25px, 2.45vw, 38px);
	font-weight: 900;
	line-height: 1.62;
	letter-spacing: -0.8px;
	text-shadow:
		2px 2px 0 var(--yfb-title-shadow, rgba(173, 84, 33, 0.58)),
		0 4px 14px rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
	.yfb-banner {
		padding: 10px;
		border-radius: 16px;
	}
	.yfb-frame {
		border-radius: 15px;
	}
}

/* حالت‌های داینامیک */
.yfb-banner.yfb-flat { box-shadow: none; }