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

  /* المسافة بين البطاقات */
  body.tight-cards .s-products-list-wrapper,
  body.tight-cards .s-products-slider-card {
    gap: 8px;
  }

  /* الحاوية العامة للبطاقة */
  body.tight-cards .s-product-card-entry {
    padding-bottom: 8px;
  }

  /* الفراغ بين الصورة والمحتوى */
  body.tight-cards .s-product-card-image {
    margin-bottom: 6px;
  }

  /* حشو المحتوى الداخلي */
  body.tight-cards .s-product-card-content {
    padding: 4px 8px 0;
    gap: 4px;
  }

  body.tight-cards .s-product-card-content-main {
    gap: 2px;
  }

  /* الاسم: سطرين كحد أقصى بدون ارتفاع ثابت يترك فراغًا */
  body.tight-cards .s-product-card-content-title {
    min-height: 0;
    margin: 0 0 2px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* السعر */
  body.tight-cards .s-product-card-content-sub {
    margin: 0;
    padding: 0;
  }

  /* منطقة الزرار */
  body.tight-cards .s-product-card-content-footer {
    margin-top: 6px;
    padding-top: 0;
    gap: 6px;
  }

  body.tight-cards .s-product-card-content-footer .s-button-element {
    min-height: 40px; /* لا تصغّر الزرار أقل من هذا: مساحة اللمس */
  }
}/* تصغير الفراغات في بطاقات المنتجات - موبايل فقط */
@media (max-width: 767px) {

  /* المسافة بين البطاقات */
  body.tight-cards .s-products-list-wrapper,
  body.tight-cards .s-products-slider-card {
    gap: 8px;
  }

  /* الحاوية العامة للبطاقة */
  body.tight-cards .s-product-card-entry {
    padding-bottom: 8px;
  }

  /* الفراغ بين الصورة والمحتوى */
  body.tight-cards .s-product-card-image {
    margin-bottom: 6px;
  }

  /* حشو المحتوى الداخلي */
  body.tight-cards .s-product-card-content {
    padding: 4px 8px 0;
    gap: 4px;
  }

  body.tight-cards .s-product-card-content-main {
    gap: 2px;
  }

  /* الاسم: سطرين كحد أقصى بدون ارتفاع ثابت يترك فراغًا */
  body.tight-cards .s-product-card-content-title {
    min-height: 0;
    margin: 0 0 2px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* السعر */
  body.tight-cards .s-product-card-content-sub {
    margin: 0;
    padding: 0;
  }

  /* منطقة الزرار */
  body.tight-cards .s-product-card-content-footer {
    margin-top: 6px;
    padding-top: 0;
    gap: 6px;
  }

  body.tight-cards .s-product-card-content-footer .s-button-element {
    min-height: 40px; /* لا تصغّر الزرار أقل من هذا: مساحة اللمس */
  }
}