/* =========================
   WAHA - Shorten Mobile Slider
   ========================= */
@media (max-width: 990px) {

  /* 1) قص ارتفاع البلوك نفسه */
  #home-slider-1,
  #home-slider-1 salla-slider,
  #home-slider-1 .s-slider-container,
  #home-slider-1 .swiper,
  #home-slider-1 .swiper-wrapper,
  #home-slider-1 .swiper-slide {
    height: clamp(320px, 50vh, 420px) !important;
    min-height: unset !important;
  }

  /* مهم: Swiper أحيانًا يحقن height inline للـ wrapper */
  #home-slider-1 .swiper-wrapper {
    height: clamp(320px, 50vh, 420px) !important;
  }

  /* 2) اجعل الصورة تغطي وتقص بشكل احترافي */
  #home-slider-1 .swiper-slide-image,
  #home-slider-1 .swiper-slide-image img {
    height: 100% !important;
  }

  #home-slider-1 .swiper-slide-image img {
    width: 100% !important;
    object-fit: cover !important;
    object-position: center 35% !important; /* يرفع الصورة شوي */
    display: block;
  }

  /* 3) قلص المساحة العمودية فوق/تحت المحتوى */
  #home-slider-1 .home-slider-position {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* 4) ألغ top-[200px] على النص والزر */
  #home-slider-1 .home-slider-data h2.relative,
  #home-slider-1 .home-slider-data a.relative {
    top: 0 !important;
  }

  /* 5) خل المحتوى يتوسّط طبيعي */
  #home-slider-1 .container.h-full {
    align-items: center !important;
  }

  /* 6) تحسين النص والزر على الجوال */
  #home-slider-1 .home-slider-data {
    padding: 14px !important;
    max-width: 100% !important;
  }

  #home-slider-1 .home-slider-data h2 {
    font-size: 1.45rem !important;
    line-height: 1.35 !important;
    margin-bottom: 10px !important;
  }

  #home-slider-1 .home-slider-data a.btn {
    padding: 10px 14px !important;
    border-radius: 12px !important;
  }
}



/* =========================
   WAHA - Compact Product Cards
   ========================= */

/* 1) خلي عرض الشبكة أرتب على الجوال (عمودين) */
@media (max-width: 767px) {
  /* كثير من ثيمات سلة تستخدم grid بهذا الشكل */
  .products-grid,
  .s-products-list,
  .products-list,
  .category-products,
  .s-block .grid,
  .s-block [class*="grid"] {
    gap: 10px !important;
  }

  /* 2) صغّر الكرت نفسه */
  custom-salla-product-card.product-entry {
    border-radius: 12px !important;
  }

  custom-salla-product-card.product-entry .content-wrap.p-3 {
    padding: 10px !important;
  }

  /* 3) صغّر مساحة الصورة (أهم نقطة) */
  custom-salla-product-card.product-entry .product-entry__image {
    aspect-ratio: 4 / 3 !important;       /* بدل ما تكون طويلة */
    height: auto !important;
    min-height: 0 !important;
  }

  custom-salla-product-card.product-entry .product-entry__image img {
    object-fit: cover !important;
    object-position: center !important;
  }

  /* 4) صغّر النصوص */
  custom-salla-product-card.product-entry .product-entry__title {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  custom-salla-product-card.product-entry .price-wrapper .total-price {
    font-size: 13px !important;
  }

  /* 5) خل زر الإضافة أقل ارتفاع */
  custom-salla-product-card.product-entry .product_addCart_mob {
    height: 34px !important;
  }

  custom-salla-product-card.product-entry .product_addCart_mob .s-button-element {
    padding: 6px 8px !important;
    min-height: 34px !important;
  }

  custom-salla-product-card.product-entry .product_addCart_mob .s-button-text {
    font-size: 12px !important;
  }

  /* 6) صغّر أي بادجات مثل "متوفر" */
  custom-salla-product-card.product-entry .available-card small {
    font-size: 10px !important;
    padding: 3px 6px !important;
  }

  /* 7) صغّر أزرار القلب/العين */
  custom-salla-product-card.product-entry .product_buttons a,
  custom-salla-product-card.product-entry .product_buttons salla-button {
    width: 26px !important;
    height: 26px !important;
  }
}