/* fkm-brands — استایل ویجت (بارگذاری فقط هنگام استفاده) */
.ybr-container {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
	direction: rtl;
}
.ybr-content {
	flex: 1;
	text-align: right;
}
.ybr-title {
	font-size: 26px;
	font-weight: 900;
	color: #1a1a1a;
	margin: 0 0 16px;
}
.ybr-desc {
	font-size: 13.5px;
	color: #555;
	line-height: 2;
	max-width: 480px;
	margin: 0;
}
.ybr-slider-side {
	flex: 1;
	display: flex;
	justify-content: center;
}
.ybr-slider {
	height: var(--ybr-slider-h, 280px);
	width: var(--ybr-slider-w, 220px);
	overflow: hidden;
	position: relative;
}
.ybr-track {
	display: flex;
	flex-direction: column;
	gap: var(--ybr-gap, 36px);
	animation: ybrScrollUp var(--ybr-speed, 10s) linear infinite;
	animation-direction: var(--ybr-direction, normal);
}
.ybr-pausable .ybr-slider:hover .ybr-track {
	animation-play-state: paused;
}
.ybr-item {
	height: var(--ybr-logo-h, 70px);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s ease, filter 0.2s ease;
	flex-shrink: 0;
}
.ybr-item:hover {
	filter: grayscale(0%) !important;
	transform: scale(1.06);
}
.ybr-item img {
	max-height: 100%;
	max-width: var(--ybr-logo-w, 160px);
	object-fit: contain;
}
.ybr-item a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
@keyframes ybrScrollUp {
	0% { transform: translateY(0); }
	100% { transform: translateY(calc(-50% - (var(--ybr-gap, 36px) / 2))); }
}
@media (max-width: 768px) {
	.ybr-container {
		flex-direction: column;
		text-align: center;
		gap: 40px;
	}
	.ybr-content { text-align: center; }
	.ybr-desc { margin: 0 auto; }
}

/* حالت‌های داینامیک */
.ybr-mask .ybr-slider {
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 25%, black 75%, transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0%, black 25%, black 75%, transparent 100%);
}