/* Add custom CSS styles below */ 
/* ===== تصغير بطاقة المنتج بالكامل ===== */
.s-products-slider-card,
.s-product-card-entry,
.product-entry,
.s-product-card-vertical {
  padding: 8px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* ===== تصغير المساحات الداخلية حول الصورة ===== */
.s-products-slider-card a:has(> img.s-product-card-image-contain),
.s-product-card-entry a:has(> img.s-product-card-image-contain),
.product-entry a:has(> img.s-product-card-image-contain),
.s-product-card-vertical a:has(> img.s-product-card-image-contain) {
  padding: 6px !important;
  padding-bottom: 6px !important;
  min-height: 190px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ===== تكبير الصورة داخل الكرت ===== */
img.s-product-card-image-contain {
  width: 100% !important;
  height: 180px !important;
  max-width: 100% !important;
  max-height: 190px !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* ===== ضبط عنوان المنتج ليكون أنظف مثل البدر ===== */
.s-product-card-content h3,
.s-product-card-content .name,
.s-product-card-content .title {
  font-size: 15px !important;
  line-height: 1.5 !important;
  min-height: 44px !important;
  max-height: 44px !important;
  overflow: hidden !important;
}

/* ===== تقليل الحشو داخل محتوى البطاقة ===== */
.s-product-card-content,
.s-product-card-info,
.product-content {
  padding: 8px 10px !important;
}

/* ===== زر أضف للسلة بشكل أنظف ===== */
.s-product-card-btn,
.btn-add-to-cart,
button[type="submit"] {
  height: 42px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
}

/* ===== لو أردت شكل أقرب للبدر في عرض الكرت ===== */
@media (min-width: 768px) {
  .s-products-list .s-product-card-entry,
  .products-grid .s-product-card-entry,
  .s-products-slider-card {
    max-width: 230px !important;
  }
}