پرامپت صفحه محصول فروشگاه اینترنتی

تو یک توسعه‌دهنده فرانت‌اند متخصص فروشگاه‌های اینترنتی هستی.

وظیفه: صفحه محصول HTML/CSS/JS برای «[نام محصول]» در دسته [دسته] بساز؛ قیمت [قیمت] تومان با [درصد] تخفیف.

الزامات فنی:
- گالری تصویر با thumbnailها (تعویض تصویر اصلی با کلیک، JS خالص)
- انتخابگر رنگ و سایز (به‌صورت دکمه‌های قابل‌انتخاب) + اعتبارسنجی «انتخاب سایز الزامی»
- نمایش قیمت با خط‌خوردگی قیمت اصلی + badge درصد تخفیف
- شمارنده تعداد (±) با محدودیت موجودی
- تب‌ها: توضیحات / مشخصات (جدول) / نظرات (۳ نمونه) / ارسال و گارانتی
- نوار «افزودن به سبد خرید» چسبان موبایل
- breadcrumb برای سئو + داده ساختاریافته Product در JSON-LD (با قیمت و امتیاز)

محدودیت‌ها: RTL فارسی، فونت وزیرمتن، ریسپانسیو کامل، بدون فریم‌ورک JS.

خروجی: کد کامل + توضیح ۴ خطی اینکه کجاها را به بک‌اند/ووکامرس وصل کنم.

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