/* Add custom CSS styles below */ 
/* تصغير بطاقات المنتجات على الجوال فقط */
@media screen and (max-width: 767px) {

  /* المسافة بين المنتجات */
  .s-products-list-wrapper,
  .s-products-container {
    gap: 10px !important;
  }

  /* البطاقة */
  .s-product-card-entry {
    min-height: 0 !important;
    border-radius: 10px !important;
  }

  /* مساحة صورة المنتج */
  .s-product-card-image {
    height: 130px !important;
    min-height: 130px !important;
    padding: 5px !important;
    overflow: hidden !important;
  }

  /* الصورة نفسها */
  .s-product-card-image img,
  img.s-product-card-image-contain {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  /* محتوى البطاقة */
  .s-product-card-content {
    padding: 8px 6px 10px !important;
    gap: 4px !important;
  }

  /* اسم المنتج */
  .s-product-card-content-title {
    min-height: 36px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  /* إخفاء الوصف الطويل داخل البطاقة */
  .s-product-card-content-description {
    display: none !important;
  }

  /* السعر */
  .s-product-card-price {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  /* منطقة زر الإضافة */
  .s-product-card-content-footer {
    margin-top: 6px !important;
  }

  /* زر أضف إلى السلة */
  .s-product-card-content-footer .s-button-element {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
  }

  .s-product-card-content-footer .s-button-text {
    font-size: 11px !important;
  }
}
/* منع قص صور المنتجات في ثيم آرت */
.s-product-card-image {
  background-color: #F8F3EC !important;
  overflow: hidden !important;
}

.s-product-card-image img,
.s-product-card-image-cover,
.s-product-card-image-contain {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}