@media (min-width: 992px) {
  #category .swiper-wrapper.centered-items {
    justify-content: center !important;
  }
}

@media (max-width: 991px) {
  #category .swiper-wrapper.centered-items {
    justify-content: flex-start !important;
  }
}

#category .swiper-wrapper .swiper-slide:first-child {
  margin-left: 0 !important;
}





/* ============================
   الهيدر – فريم + ضبط المسافات
   ============================ */

/* خط سفلي خفيف للهيدر */
.main-nav-container,
.store-header {
    border-bottom: 1px solid #eaeaea !important;
}

/* تقليل ارتفاع الهيدر */
.store-header {
    padding-top: 8px !important;
    padding-bottom: 6px !important;
}

/* اللوجو – ضبط الحجم */
.navbar-brand img {
    max-height: 48px !important;
    width: auto !important;
}

/* أيقونات الهيدر (الحساب – البحث – السلة – المفضلة) */
.icon-header i,
.icon-header svg {
    transform: scale(0.82) !important;
    opacity: .9;
}

/* تقليل المسافات بين أيقونات الهيدر */
.icon-header {
    gap: 6px !important;
}

/* ============================
   قائمة الروابط (الرئيسية – من نحن …)
   ============================ */

/* حجم أصغر + وزن أخف */
.categories-home li a,
.categories-home li span {
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* تقليل المسافة بين عناصر المنيو */
.categories-home {
    gap: 10px !important; /* بدل 18–22 الافتراضية */
}

/* تقليل الـ line-height للينكات */
.categories-home a {
    line-height: 1.4 !important;
}

/* ============================
   هيدر ثابت بدون تزاحم على اللوجو
   ============================ */

/* نضمن أن الروابط لا تقترب من اللوجو */
.main-nav-container .row {
    align-items: center !important;
}

/* يضمن أن القائمة لا تلتف ولا تصعد على اللوجو */
.categories-home {
    flex-wrap: nowrap !important;
}


/* ============================
   موبايل – ضبط إضافي
   ============================ */
@media (max-width: 768px) {

    /* اللوجو أصغر شوية */
    .navbar-brand img {
        max-height: 42px !important;
    }

    /* الروابط بخط أصغر */
    .categories-home li a,
    .categories-home li span {
        font-size: 13px !important;
    }

    /* الأيقونات أصغر */
    .icon-header i,
    .icon-header svg {
        transform: scale(.75) !important;
    }

    /* مسافة أقل بين الأيقونات */
    .icon-header {
        gap: 4px !important;
    }
}
/* ================================
   1) عنوان المنتج داخل الكرت
================================ */
.s-product-card-content-title a {
    font-size: 13px !important;      /* نفس الحجم */
    font-weight: 700 !important;     /* بولد أقوى */
    line-height: 1.4 !important;
    color: #222 !important;
    display: block;
}

/* ================================
   2) الوصف (subtitle)
================================ */
.s-product-card-content-subtitle {
    font-size: 12px !important;
    line-height: 1.5 !important;
    opacity: 0.75 !important;
    margin-top: 2px !important;
}

/* ================================
   3) السعر
================================ */
.s-product-card-sale-price h4 {
    font-size: 16px !important;      /* السعر الأساسي */
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.s-product-card-sale-price span {
    font-size: 13px !important;      /* السعر قبل الخصم */
    opacity: 0.7 !important;
}

/* ================================
   4) زر إضافة للسلة
================================ */
.s-button-text span {
    font-size: 13px !important;
    font-weight: 500 !important;
}

.s-button-text i {
    font-size: 14px !important;
}








.product-card .short-desc,
.product .short-desc,
.product-item .short-desc,
.product-excerpt,
.product-card p.description {
  font-size: var(--fz-15) !important;
  color: var(--clr-muted) !important;      /* رمادي خفيف لطبقية بصرية */
  margin: 0 0 10px !important;
}

.product-card .price, .product .price, .product-item .price, .product-price, .price {
  font-size: var(--fz-18) !important;
  font-weight: 600 !important;             /* Semi-Bold */
  line-height: 1.4 !important;
}

/* زر الإضافة للسلة */
.product-card .add-to-cart, .product .add-to-cart, .product-item .add-to-cart,
button.add-to-cart, .btn-add-to-cart, .btn-primary {
  font-size: var(--fz-18) !important;
  font-weight: 500 !important;
  padding: 14px 0 !important;
  border-radius: 6px !important;
}

/* ========================
   5) صفحة المنتج (Product Page)
   ======================== */
.product-page .product-title,
.single-product .product-title,
.product-details h1 {
  font-size: var(--fz-28) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin-bottom: 12px !important;
}

.product-page .short-description,
.product-summary .short-description,
.product-brief {
  font-size: var(--fz-16) !important;
  color: var(--clr-muted) !important;
  margin-bottom: 18px !important;
}

.product-page .price, .single-product .price, .product-summary .price {
  font-size: var(--fz-20) !important;
  font-weight: 700 !important;
  margin: 8px 0 16px !important;
}

.quantity input, .qty input {
  font-size: var(--fz-16) !important;
}

/* أزرار الشراء */
.product-page .btn, .single-product .btn, .product-actions .btn {
  border-radius: 6px !important;
  padding: 14px 18px !important;
  font-size: var(--fz-18) !important;
  font-weight: 500 !important;
}

/* ========================
   6) تحسينات خفيفة للتناسق
   ======================== */
.card, .box, .panel {
  border-radius: var(--radius-soft) !important;
  box-shadow: 0 2px 8px var(--clr-card-shadow) !important;
  border: 1px solid var(--clr-soft-border) !important;
}

/* ألوان نص ثانوي في كل الموقع */
.text-muted, .muted, small, .help-text {
  color: var(--clr-muted) !important;
}

/* ========================
   7) موبايل (≤ 767px)
   ======================== */
@media (max-width: 767px) {
  :root{
    --fz-32: 26px;
    --fz-28: 24px;
    --fz-22: 20px;
    --fz-20: 18px;
    --fz-18: 17px;
    --fz-16: 15px;
  }

  header nav a, .navbar a { padding: 0 10px !important; }

  .product-card .product-title, .product-title { margin-top: 10px !important; }
  .product-page .product-title { margin-bottom: 10px !important; }
}









/* شكل قائمة الديسكتوب */
.categories-container .categories-home {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;          /* عدلي المسافة لو حابة */
  margin: 0;
  padding: 0;
}

.categories-container .categories-home > li {
  list-style: none;
}

/* شكل اللينكات الجديدة */
.categories-container .categories-home > li > a.nav-link-custom {
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  color: var(--header-color, #000);
  white-space: nowrap;   /* يمنع "تواصل معنا" تتكسر لسطرين */
}

.categories-container .categories-home > li > a.nav-link-custom:hover {
  color: var(--color-primary);
}

/* على الشاشات الكبيرة بس: نخفي العناصر القديمة، ونسيب الجديدة */
@media (min-width: 1024px) {
  .categories-container .categories-home > li:not(.nav-main-item) {
    display: none;
  }
}
/* إخفاء قسم الأصناف بالكامل على الديسكتوب */
@media (min-width: 1024px) {

  /* إخفاء li اللي مكتوب فيه "الأصناف" + السهم */
  .categories-container .all-categories {
    display: none !important;
  }
}





/* خلفية البوب اب */
#discount-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* البوكس نفسه */
#discount-popup {
  background: #ffffff;
  border-radius: 14px;
  padding: 20px 18px 22px;
  max-width: 320px;
  width: 90%;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  border-top: 4px solid #57b86a; /* أخضر فاتح */
}

/* عنوان الخصم */
#discount-popup h3 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 800;
  color: #222;
}

/* النص */
#discount-popup p {
  margin: 0 0 14px;
  font-size: 14px;
  color: #555;
}

/* الكود نفسه */
#discount-code-text {
  display: inline-block;
  padding: 6px 14px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: #f3faf5;
  border: 1px dashed #57b86a;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #2d7d42;
}

/* زر نسخ الكود */
#discount-copy-btn {
  display: inline-block;
  width: 100%;
  padding: 10px 16px;
  border-radius: 999px;
  border: none;
  background: #57b86a;   /* أخضر فاتح متماشي مع الموقع */
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.1s ease, box-shadow 0.1s ease, background 0.2s ease;
}

/* هوفر الزر */
#discount-copy-btn:hover {
  background: #4aa35d;
  box-shadow: 0 6px 15px rgba(64, 150, 91, 0.35);
  transform: translateY(-1px);
}

/* بعد الضغط */
#discount-copy-btn.copied {
  background: #2f855a;
}

/* رسالة "تم النسخ" الصغيرة */
#discount-copy-msg {
  margin-top: 6px;
  font-size: 12px;
  color: #2f855a;
}

/* زر الإغلاق (X) */
#discount-popup-close {
  position: absolute;
  top: 8px;
  inset-inline-start: 10px; /* تناسب RTL */
  background: transparent;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #888;
}

#discount-popup-close:hover {
  color: #444;
}