/* =========================
   موبايل: تخصيص الهيدر
   ========================= */
@media (max-width: 768px) {

  /* أيقونة إضافة للسلة في الهيدر */
  .header-btn.btn i.sicon-add {
    color: #BB0C0C !important;
    font-size: 18px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
  }

  .header-btn.btn::before,
  .header-btn.btn::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
  }

  .header-btn.btn {
    background: transparent !important;
    background-image: none !important;
  }

  /* عداد السلة */
  span.s-cart-summary-count,
  .s-cart-summary-count,
  .header-btn .s-cart-summary-count,
  .btn .s-cart-summary-count {
    background: #EADCCF !important;
    background-color: #EADCCF !important;
    color: #7F2521 !important;
    -webkit-text-fill-color: #7F2521 !important;
    border: 1px solid #ffffff !important;
    border-radius: 999px !important;
    min-width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    padding: 0 4px !important;
  }

  /* الصف الرئيسي للهيدر */
  .flex.items-stretch.justify-between.relative {
    min-height: 54px !important;
    height: 54px !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* أعمدة اليمين والوسط واليسار */
  .flex.items-center.justify-start.w-1\/3,
  .flex.items-center.justify-end.w-1\/3,
  .flex.items-center.flex-col.justify-center {
    min-height: 54px !important;
    height: 54px !important;
    align-items: center !important;
  }

  /* الشعار في الموبايل */
  .navbar-brand img {
    height: 2.2rem !important;
    width: auto !important;
    max-height: 35px !important;
  }

  /* زر القائمة */
  .mburger {
    margin: 0 !important;
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  .mburger i {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .mburger p {
    font-size: 14px !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  /* أزرار الهيدر */
  .header-btn,
  .search-btn,
  .header-cart .btn,
  .header-cart .header-btn {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* الأيقونات في الهيدر */
  .header-btn i,
  .search-btn i,
  .header-cart i,
  .sicon-user,
  .sicon-search,
  .sicon-menu {
    font-size: 17px !important;
    line-height: 1 !important;
  }

  /* السلة في الهيدر */
  .s-cart-summary-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
  }

  /* إخفاء السعر من الهيدر في الجوال */
  .s-cart-summary-content {
    display: none !important;
  }

  /* موقع العداد */
  .s-cart-summary-count {
    top: -2px !important;
  }
}

/* =========================
   موبايل: كروت المنتجات
   ========================= */
@media (max-width: 768px) {
  .product-card,
  .s-product-card,
  .product {
    background: #ffffff !important;
    border: 1px solid rgba(187, 12, 12, 0.18) !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden !important;
  }
}

/* =========================
   موبايل: خدمة العملاء (إيميل + واتساب)
   تقليل المسافة بين الأيقونتين فقط
   ========================= */
@media (max-width: 768px) {
  /* نتأكد أن الاتجاه أفقي */
  .s-contacts .s-contacts-list-horizontal {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* تحريك كل أيقونة قليلاً للداخل لتصغير الفراغ بينهما بدون لمس الجافاسكربت */
  .s-contacts .s-contacts-list-horizontal > *:first-child {
    transform: translateX(4px);
  }

  .s-contacts .s-contacts-list-horizontal > *:last-child {
    transform: translateX(-4px);
  }
}

@media (max-width: 1024px) {
  /* إخفاء صف خدمة العملاء القديم في الموبايل والإبقاء على الصف الجديد فقط */
  .s-contacts .s-contacts-list-horizontal {
    display: none !important;
  }

  /* نتأكد أن الصف الجديد ظاهر */
  .s-contacts .footer-contact-icons {
    display: flex !important;
  }
}