/* Add custom CSS styles below */ 

/* Salamati - Mobile UI Improvements */
/* المرحلة الأولى: الخطوط وبطاقات المنتجات */

@media (max-width: 767px) {

  /* عناوين أقسام المنتجات */
  .s-block__title,
  .s-block__title h2,
  .s-block__title h3 {
    font-size: 17px !important;
    line-height: 1.5 !important;
  }

  /* أسماء المنتجات */
  .s-product-card-content-title,
  .s-product-card-content-title a {
    font-size: 13px !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
    overflow-wrap: anywhere;
  }

  /* الأسعار */
  .s-product-card-price,
  .s-product-card-sale-price {
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  /* تقليل الفراغات داخل البطاقة */
  .s-product-card-content {
    padding: 10px !important;
  }

  /* صور المنتجات */
  .s-product-card-image img {
    object-fit: contain !important;
  }

  /* تحسين عرض زر الشراء */
  .s-product-card-content-footer button {
    font-size: 12px !important;
    min-height: 36px;
  }

}