/* کلاس‌های عرض متن */
.text-w-480,
.text-w-640,
.text-w-800,
.text-w-1000,
.text-w-1200 {
  margin-left: auto;
  margin-right: auto;
}

/* مقادیر پایه (مخصوص دسکتاپ بزرگ) */
.text-w-480  { max-width: 480px; }
.text-w-640  { max-width: 640px; }
.text-w-800  { max-width: 800px; }
.text-w-1000 { max-width: 1000px; }
.text-w-1200 { max-width: 1200px; }

/* ریسپانسیو: روی موبایل خیلی تنگ نشوند */
@media (max-width: 767px) {
  .text-w-480,
  .text-w-640,
  .text-w-800,
  .text-w-1000,
  .text-w-1200 {
    max-width: 90vw;   /* تقریبا تمام عرض viewport با حاشیه */
  }
}

/* تبلت: کمی محدودتر از دسکتاپ، ولی نه خیلی تنگ */
@media (min-width: 768px) and (max-width: 1023px) {
  .text-w-480  { max-width: 420px; }
  .text-w-640  { max-width: 560px; }
  .text-w-800  { max-width: 720px; }
  .text-w-1000 { max-width: 880px; }
  .text-w-1200 { max-width: 1000px; }
}

/* در صورت داشتن کانتینر اصلی، می‌توانی برای ایمنی اضافه کنی */
.entry-content .text-w-1200 {
  width: 100%;
}