/* Slider Plus — استایل فرانت‌اند (حدود ۲ کیلوبایت)
   نکته: قوانین ابعاد رسانه‌ها با !important قفل شده‌اند تا استایل قالب‌ها
   (مثل video/img { height:auto; width:auto; max-width:... }) آن‌ها را نشکند. */
.sp-slider{position:relative;display:block;width:100%;max-width:100%;height:var(--sp-h,480px);overflow:hidden;border-radius:var(--sp-radius,12px);background:#0e0e10;direction:rtl}
.sp-track{position:relative;width:100%;height:100%}
.sp-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .55s ease;z-index:1}
.sp-slide.is-active{opacity:1;visibility:visible;z-index:2}
.sp-slider .sp-slide .sp-media,
.sp-slider .sp-slide img.sp-media,
.sp-slider .sp-slide video.sp-media{
	width:100% !important;
	height:100% !important;
	max-width:100% !important;
	max-height:100% !important;
	min-width:0 !important;
	min-height:0 !important;
	object-fit:var(--sp-fit,cover);
	display:block;
	margin:0 !important;
	border:0;
	border-radius:0;
	background:#0e0e10;
	aspect-ratio:auto !important;
}
.sp-link{display:block;width:100%;height:100%;color:inherit;text-decoration:none}
.sp-caption{position:absolute;right:0;left:0;bottom:0;padding:28px 24px 18px;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);color:#fff;text-align:right}
.sp-caption h3{margin:0 0 4px;font-size:1.25rem;line-height:1.5;color:#fff}
.sp-caption p{margin:0;font-size:.9rem;opacity:.9}
.sp-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:var(--sp-arrow,42px);height:var(--sp-arrow,42px);border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;cursor:pointer;transition:background .2s;padding:0;display:flex;align-items:center;justify-content:center;line-height:0}
.sp-arrow svg{width:55%;height:55%;display:block;pointer-events:none}
.sp-arrow:hover{background:rgba(0,0,0,.7)}
.sp-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sp-prev{right:14px}
.sp-next{left:14px}
.sp-dots{position:absolute;bottom:12px;right:0;left:0;display:flex;justify-content:center;gap:8px;z-index:5}
.sp-dot{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.45);cursor:pointer;transition:transform .2s,background .2s}
.sp-dot.is-active{background:#fff;transform:scale(1.25)}
.sp-dot:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:768px){
	.sp-slider{height:var(--sp-h-m,260px) !important}
	.sp-arrow{width:var(--sp-arrow-m,30px);height:var(--sp-arrow-m,30px)}
}
@media(prefers-reduced-motion:reduce){.sp-slide{transition:none}}