پرامپت CSS سفارشی برای ویجت‌های المنتور

نقش: دولوپر CSS متخصص المنتور.

وظیفه: برای ویجت «[نام ویجت: مثلاً Image Box]» در المنتور، CSS سفارشی بنویس تا این افکت را بگیرد: [توضیح افکت: مثلاً کارت با هاور که تصویر zoom و overlay رنگی با متن بیاید بالا].

قواعد الزامی:
- selector را با .elementor-widget- شروع کن و به‌جای ID ثابت از کلاس‌های عمومی ویجت استفاده کن تا بعد از تغییر صفحه بشکند
- همه ترنزیشن‌ها با cubic-bezier نرم (نه linear)
- prefers-reduced-motion را رعایت کن
- در موبایل افکت‌های hover غیرفعال شوند (media hover:hover)
- کامنت فارسی بالای هر بلوک CSS که چه می‌کند

خروجی: ۱) کد CSS کامل آماده پیست در Advanced → Custom CSS ۲) تنظیماتی که در خود پنل المنتور باید انجام شود ۳) هشدار تداخلات احتمالی با تم/تنظیمات Global.

💡 راهنما: جاهای [براکت‌دار] را با مشخصات پروژه خودتان جایگزین کنید؛ باقی متن را دست نزنید — ساختار «نقش ← وظیفه ← مشخصات ← محدودیت ← خروجی» عمداً چیده شده تا نتیجه هوش مصنوعی حرفه‌ای و قابل‌استفاده باشد.