/**
 * MOS Slider — Front-end styles
 * موبایل: 180px | تبلت: 260px | سیستم: 340px | عرض: 100%
 */
.mos-slider {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 180px;
	overflow: hidden;
	direction: ltr; /* جهت ثابت برای رفتار قابل‌پیش‌بینی ترنزیشن، مستقل از RTL/LTR قالب */
	background: #f0f0f1;
	transition: height 0.25s ease;
	border-radius: 16px !important;
	overflow: hidden;
}

.mos-slider *,
.mos-slider *::before,
.mos-slider *::after {
	box-sizing: border-box;
}

@media ( min-width: 768px ) {
	.mos-slider {
		height: 260px;
	}
}

@media ( min-width: 1025px ) {
	.mos-slider {
		height: 340px;
	}
}

.mos-slider__track {
	display: flex;
	height: 100%;
	transition: transform 0.45s cubic-bezier( 0.4, 0, 0.2, 1 );
	will-change: transform;
}

.mos-slide {
	position: relative;
	flex: 0 0 100%;
	max-width: 100%;
	height: 100%;
}

.mos-slide__link {
	display: block;
	width: 100%;
	height: 100%;
}

button.mos-slider__nav {
    padding: 0 !important;
    color: var(--e-global-color-text) !important;
    background: transparent !important;
    border: 0 !important;
}

.mos-slide__picture,
.mos-slide__img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
}

.mos-slide__img {
    object-fit: cover;
    height: 100% !important;
    width: 100% !important;
    object-position: center;
}

/* ---- دکمه‌های ناوبری ---- */
.mos-slider__nav {
	position: absolute;
	top: 50%;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba( 0, 0, 0, 0.35 );
	color: #fff;
	cursor: pointer;
	transform: translateY( -50% );
	transition: background-color 0.25s ease;
}

.mos-slider__nav:hover,
.mos-slider__nav:focus-visible {
	background: rgba( 0, 0, 0, 0.55 );
}

.mos-slider__nav--prev {
	left: 12px;
}

.mos-slider__nav--next {
	right: 12px;
}

.mos-slider__nav .icon {
	font-size: 18px;
	line-height: 1;
}

/* اسلایدهای غیرفعال از فوکوس کیبورد و کلیک خارج می‌شوند تا فقط اسلاید نمایان قابل تعامل باشد */
.mos-slide[aria-hidden="true"] .mos-slide__link {
	pointer-events: none;
}