.elementor-8589 .elementor-element.elementor-element-8e314a7{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-edd620a */.products-container { 
  font-size: 18px;
  font-family: 'Samim', sans-serif;
    }
th {
  font-family: 'Samim', sans-serif;
  font-size: 16px;
  color: black;
}
@media (max-width: 768px) {
    .page-title, th {
        font-size: 14px;
    }
}
/* استایل کلی برای حالت موبایل */
@media (max-width: 768px) {
  /* حذف استایل های جدول پیش فرض */
  .products-container { /*  نام کلاسی که لیست محصولات را در بر میگیرد */
    display: block; /* نمایش به صورت بلاک */
    width: 100%; /*  اشغال کامل عرض صفحه */
    margin: 0; /* حذف حاشیه */
    padding: 0; /*  حذف فاصله داخلی */
  }

  /* استایل برای هر ردیف محصول */
  .product-row { /*  نام کلاسی که هر محصول را در بر می گیرد */
    background-color: #fff; /*  رنگ زمینه سفید */
    border: 1px solid #ddd; /*  حاشیه طوسی کمرنگ */
    margin-bottom: 10px; /* فاصله بین ردیف ها */
    padding: 10px; /* فاصله داخلی */
  }

  /* استایل برای نام محصول */
  .product-name { /*  نام کلاسی که نام محصول را در بر می گیرد */
    font-family: 'Samim', sans-serif; /* فونت Samim */
    font-size: 14px; /* اندازه فونت 14 */
    color: #000; /* رنگ مشکی */
  }

  /* استایل برای سایر اطلاعات محصول (قیمت، موجودی و غیره) */
  .product-info { /*  نام کلاسی که اطلاعات محصول را در بر می گیرد */
    font-size: 12px; /*  اندازه فونت */
    color: #666; /* رنگ متن */
  }
}/* End custom CSS */