@media (max-width: 768px) {

  /* خلفية بطاقة المنتج على الجوال */
  salla-product-card.s-product-card-entry,
  salla-product-card .s-product-card-entry {
    background: linear-gradient(to right, #24bb9b, #189076) !important;
    background-color: #24bb9b !important;
    --cards-color: transparent !important;
  }

  /* منطقة النص تحت الصورة */
  salla-product-card .s-product-card-content {
    background: transparent !important;
    background-color: transparent !important;
  }

  /* اسم المنتج */
  salla-product-card .s-product-card-content-main,
  salla-product-card .s-product-card-content-main * {
    color: #ffffff !important;
  }

  /* التصنيف والنص الثانوي */
  salla-product-card .s-product-card-content-sub,
  salla-product-card .s-product-card-content-sub * {
    color: #ffffff !important;
  }

  /* السعر */
  salla-product-card .s-product-card-content-footer,
  salla-product-card .s-product-card-content-footer * {
    color: #ffffff !important;
  }
}





@media (max-width: 768px) {

  /* توسيط كامل محتوى البطاقة */
  salla-product-card .s-product-card-content {
    text-align: center !important;
    align-items: center !important;
  }

  /* اسم المنتج */
  salla-product-card .s-product-card-content-main {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  salla-product-card .s-product-card-content-main * {
    text-align: center !important;
  }

  /* التصنيف / البراند */
  salla-product-card .s-product-card-content-sub {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  salla-product-card .s-product-card-content-sub * {
    text-align: center !important;
  }

  /* السعر */
  salla-product-card .s-product-card-content-footer {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  salla-product-card .s-product-card-content-footer * {
    text-align: center !important;
  }

  /* زر إضافة إلى السلة */
  salla-product-card salla-add-product-button {
    width: 100% !important;
  }

  salla-product-card salla-add-product-button .s-button-element {
    width: 100% !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
  }

  /* نص وأيقونة الزر */
  salla-product-card salla-add-product-button .s-button-text,
  salla-product-card salla-add-product-button .s-button-text *,
  salla-product-card salla-add-product-button svg {
    color: #000000 !important;
    fill: currentColor !important;
  }

}







@media (max-width: 768px) {
  salla-product-card .s-product-card-price-value {
    position: relative !important;
    top: -5px !important;
  }
}




@media (max-width: 768px) {

  salla-product-card .s-product-card-starting-price {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    text-align: center !important;
  }

  salla-product-card .s-product-card-starting-price p,
  salla-product-card .s-product-card-starting-price h4 {
    margin: 0 !important;
    text-align: center !important;
  }

}








@media (max-width: 768px) {

  /* كل الأزرار الجانبية داخل صورة المنتج */
  .s-product-card-image button,
  .s-product-card-image .s-button-element {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;

    background: #ffffff !important;
    border-radius: 50% !important;
    border: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    color: #000000 !important;
  }

  /* توسيط الأيقونات داخل الأزرار */
  .s-product-card-image .s-button-text {
    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* جميع الأيقونات */
  .s-product-card-image svg {
    width: 20px !important;
    height: 20px !important;
    color: #000000 !important;
    stroke: #000000 !important;
  }

  /* الأيقونات اللي تعتمد على fill */
  .s-product-card-image i,
  .s-product-card-image span {
    color: #000000 !important;
  }
}