.total-price:first-of-type,
.before-price:first-of-type {
  display: none;
}

/* ===== الطريقة الأساسية: إجبار الحاوية على flex والوسط ===== */
.s-product-card-sale-price {
  display: flex !important;
  justify-content: center !important; /* يوسّط أفقياً */
  align-items: center !important;     /* يوسّط عمودياً */
  gap: 10px;
  width: 100% !important;
  margin: 0 auto !important;
  float: none !important;
  text-align: center !important;
  box-sizing: border-box;
}

/* تأكد أن العناصر الداخلية لا تطفو أو تأخذ سلوك غريب */
.s-product-card-sale-price h4,
.s-product-card-sale-price span {
  display: inline-block;
  margin: 0;
  float: none !important;
}

/* شكل السعر القديم مشطوب وخفيف */
.s-product-card-sale-price span {
  text-decoration: line-through;
  opacity: 0.65;
  font-size: 0.95em;
}

/* إبراز السعر الحالي */
.s-product-card-sale-price h4 {
  font-weight: 700;
  font-size: 1.15em;
  margin: 0;
}

.promotion-title {
  background-color: #28a745 !important; /* الخلفية أخضر */
  color: #fff !important;               /* النص أبيض */
  padding: 4px 10px;
  border-radius: 6px;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}

.s-product-card-promotion-title {
  background-color: #28a745 !important; /* الخلفية أخضر */
  color: #fff !important;               /* النص أبيض */
}

/* اجعل الصورة تظهر كاملة داخل الصندوق */
.slide--one-fourth {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  /* لو تريد مربع ثابت: */
  aspect-ratio: 1 / 1;
}

/* استهداف الصورة وتجاوز أي object-cover موجود */
.slide--one-fourth img,
.slide--one-fourth img.object-cover {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: block !important;
  background-color: #fff; /* يعطى خلفية بدل الفراغات */
}

.s-comments-header,
.s-comments-container > div:empty {
    display: none !important;
}

.s-comments,
.s-comments * {
    margin: 0 !important;
    padding: 0 !important;
}

.s-comments-container > div:empty {
    display: none;
}

/* حذف الفراغ الأبيض والمساحة الفارغة داخل القسم */
section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {
    padding: 0 !important;   /* إزالة الحشو الداخلي */
    margin: 0 !important;    /* إزالة أي هوامش خارجية */
    min-height: 0 !important; /* إزالة أي ارتفاع افتراضي */
    background: transparent !important; /* إزالة اللون الأبيض */
}

/* استهداف أيقونة السلة */
salla-cart-summary {
    position: relative; /* ضروري لوضع top فعال */
    top: 5px; /* نزّل الأيقونة بمقدار 5px، يمكنك تعديل الرقم */
}



/* يشتغل فقط في الصفحة الرئيسية */
body.index .main-nav-container {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 10;
}

/* في باقي الصفحات تظل طبيعية */
body:not(.index) .main-nav-container {
  position: relative !important;
  background: #fff !important; /* أو الخلفية الافتراضية */
  z-index: 10;
}

h2 {
  display: none;
}


.s-payments-list-item img[alt="bank"] {
  display: none !important;
}

.s-payments-list-item:has(img[alt="bank"]) {
  display: none !important;
}

/* Add custom CSS styles below */ 

.load-img-onclick img[alt="value added tax"] {
  width: 24px !important;   /* تصغير العرض */
  height: 24px !important;  /* تصغير الارتفاع */
  margin-left: 6px;         /* مسافة يسار الأيقونة (لو اللغة عربية يبعدها عن الرقم) */
  margin-right: 6px;        /* مسافة يمين الأيقونة (لو اللغة إنجليزية) */
}


li.s-payments-list-item img[alt="COD"] {
  display: none !important;
}

/* استهداف بلوك الرقم الضريبي */
.store-footer .flex.rtl\:space-x-reverse.space-x-2.items-end {
    position: absolute;   /* تثبيت داخل الفوتر */
    bottom: 10px;         /* نزوله لأسفل الفوتر */
    left: 50%;            /* في المنتصف */
    transform: translateX(-50%); /* يوسّط العنصر */
}
/* Add custom CSS styles below */ 
/* توسيط أيقونات وسائل التواصل */
salla-social {
    display: flex !important;
    justify-content: center !important; /* توسيط أفقياً */
    align-items: center !important;     /* توسيط رأسياً */
    margin: 0 auto !important;
}

/* توسيط الأيقونات داخل القائمة */
salla-social .s-social-list {
    display: flex !important;
    flex-direction: row !important;     /* ترتيب أفقي */
    justify-content: center !important; /* توسيط الأيقونات */
    align-items: center !important;
    gap: 20px !important;               /* المسافة بين كل أيقونة */
}
/* تمديد صورة البنر لتغطي المساحة */
section[class*="main-slider"] img,
div[class*="main-slider"] img,
.swiper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.top-navbar {
  display: none !important;
}
/* نجعل الحاوية اللي تحتوي البنر تمتد على كامل العرض */
.s-block--fixed-banner .container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/* نجعل صورة البنر تمتد بالكامل */
.s-block--fixed-banner img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
.banner-wide {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

  margin-top: 0 !important;
  padding-top: 0 !important;
  max-width: 100% !important;  /* لو container محدد عرض ضيق */
  width: 100% !important;
}
.main-nav-container .flex.items-center.justify-end {
  display: none !important;
}
/* 1. نخفي الشريط الرمادي العلوي */
.top-navbar {
  display: none !important;
}

/* 2. نزيل المسافة بين الهيدر والبنر */
.store-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 3. نحرك القائمة لتكون فوق البنر تماماً */
.main-nav-container {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 10;
}

/* 4. نزيل المسافة فوق البنر */
.s-block--fixed-banner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 5. نتأكد أن البنر يغطي كامل العرض وتحت الهيدر مباشرة */
.s-block--fixed-banner img {
  width: 100% !important;
  display: block;
  margin: 0;
}
.navbar-brand img {
  display: none !important;
}
salla-maintenance-alert {
  display: none !important;
}
.breadcrumbs {
  display: none !important;
}
.product-price {
    display: flex;
    align-items: center;
    gap: 8px; /* مسافة صغيرة بين الكلمة والرقم */
}
footer {
    background-color: #e6ddd8 !important;
}
footer {
  background-color: #e6ddd8 !important;
}

.footer-links, .footer-content, .contact-section, .contact-info {
  background-color: #e6ddd8 !important;
}
footer, footer * {
  background-color: #e6ddd8 !important;
}
footer .contact-us, footer .contact-section h3, footer .contact-info {
  background-color: #e6ddd8 !important;
}
footer {
    color: #000000 !important;
}

footer * {
    color: #000000 !important;
}
.starting-or-normal-price {
    display: none !important;
}
/* إخفاء label الذي يسبق السعر السفلي فقط */
label.form-label:has(+ .price-wrapper),
label.form-label:has(+ .starting-or-normal-price){
  display: none !important;
}
/* 1) توسيط اسم المنتج (الرابط الذي يقود إلى /p...) */
a[href*="/p"]{
  display: block !important;
  text-align: center !important;
}

/* 2) توسيط السعر الذي يأتي بعد العنوان (مهما كان اسمه/كلاسه) */
a[href*="/p"] ~ .price,
a[href*="/p"] ~ [class*="price"],
a[href*="/p"] + .price,
a[href*="/p"] + [class*="price"]{
  display: block !important;
  text-align: center !important;
  margin: 4px auto 0 !important;
  width: 100% !important;
}

/* 3) في حال كان الصف كامل مضبوط Flex بــ space-between حوّله لعمود في بطاقات المنتجات */
a[href*="/p"]{
  /* إذا كان العنصر الأب Flex سيبقى التوسيط فعّال لأن عناصرنا عرضها 100% */
}
/* توسيط اسم المنتج */
.s-product-card-content .product-title,
.s-product-card-content .product-title a {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* توسيط السعر */
.s-product-card-price {
    display: block !important;
    text-align: center !important;
    margin: 5px auto 0 !important;
    width: 100% !important;
}
/* هدف: تقليل الفراغ بين عنوان المنتج (الاسم) والسعر */
.s-product-card .s-product-card-content-sub {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important; /* المسافة الرأسية بين العناصر داخل الـ sub */
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* لو اسم المنتج يستخدم class مختلف (جرب كل واحد) */
.s-product-card .s-product-card-title,
.s-product-card .s-product-card-name,
.s-product-card .s-product-card-content-sub h3 {
  margin-bottom: 4px !important;
  padding-bottom: 0 !important;
}

/* هدف مباشر على عنصر السعر */
.s-product-card .s-product-card-price,
.s-product-card-content-sub h4.s-product-card-price {
  margin-top: 2px !important;
  padding-top: 0 !important;
  line-height: 1.1 !important;
}

/* تقليل المسافة بين الاسم والسعر لأقصى حد */
.s-product-card .s-product-card-title {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.s-product-card .s-product-card-price {
  margin-top: 0 !important;
  padding-top: 0 !important;
  line-height: 1.05 !important; /* يقرّب النصوص أكثر */
}
.s-product-card .s-product-card-content-sub {
  gap: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
footer {
    text-align: center;
}

footer .footer-content {
    text-align: center;
}

footer p, footer div, footer span {
    text-align: center;
}
/* التحكم برابط سياسة الاستبدال والاسترجاع في الفوتر */
.s-menu-footer-item {
    display: block !important;
    text-align: center !important;  /* توسيط النص */
    color: #000 !important;         /* اللون (غيره حسب رغبتك) */
    font-size: 15px !important;     /* حجم الخط */
    margin: 5px auto !important;
}
.footer-section:nth-child(3) {
  text-align: right !important;


.footer-section:nth-child(3) p 
  text-align: right !important;
}
footer {
  text-align: center !important;
}

footer * {
  text-align: center !important;
  line-height: 1.8 !important;
}

footer .container, footer .row, footer .col {
  text-align: center !important;
}

footer h1, footer h2, footer h3, footer h4, footer p, footer a, footer div {
  text-align: center !important;
  line-height: 1.8 !important;
  margin-bottom: 10px !important;
}

/* ——— توسيط قسم navy8 (العلامات التجارية + الرقم الضريبي) ——— */
.store-footer .lg\:col-span-2 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 0 !important;
}
/* ——— العمود الأول navy8 (العلامات التجارية + الرقم الضريبي) ——— */
.store-footer .lg\:col-span-2 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 0 !important;
}

/* ——— جميع الأعمدة الأخرى في الفوتر ——— */
.store-footer > .container > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0 auto !important;
    float: none !important;
    padding: 0 !important;
}

/* ——— توسيط قسم تواصل معنا وأرقام الهاتف/الإيميل ——— */
.s-contacts {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* توسيط العنوان */
.s-contacts-title {
    text-align: center !important;
    margin-bottom: 8px !important;
}

/* توسيط العناصر داخل قائمة التواصل (الهاتف – واتساب – الإيميل) */
.s-contacts-list.s-contacts-list-vertical {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important; /* المسافة بين العناصر */
}

/* كل عنصر تواصل */
.s-contacts-item {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 2px 0 !important;
    line-height: 1.4 !important;
}
/* ——— تقارب جميع الأسطر في الفوتر ——— */
.store-footer,
.store-footer * {
    line-height: 1.3 !important;  /* التحكم في ارتفاع السطر - جرب 1.2 أو 1.4 حسب الرغبة */
    margin: 0 !important;         /* إزالة الهوامش الافتراضية */
    padding: 0 !important;        /* إزالة أي حشوة إضافية */
}

/* المسافات بين العناصر في كل عمود */
.store-footer > .container > div {
    gap: 6px !important;          /* المسافة بين العناصر داخل كل عمود */
    display: flex !important;
    flex-direction: column !important;
}

/* توسيط النصوص داخل الفوتر */
.store-footer .lg\:col-span-2,
.store-footer > .container > div {
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
}

/* إخفاء زر إضافة للسلة بالكامل */
button.s-button-element {
    
}
/* تحويل جميع النصوص والروابط في ذيل الصفحة إلى الأبيض */
footer,
footer * {
  color: #ffffff !important;
}

/* عند المرور بالماوس فوق الروابط */
footer a:hover {
  color: #cccccc !important;
}
/* جعل القوائم التعريفية مثل سياسة الاستبدال والخصوصية باللون الأبيض */
footer .s-menu-footer-item {
  color: #ffffff !important;
}

/* عند المرور بالماوس */
footer .s-menu-footer-item:hover {
  color: #cccccc !important;
}
/* إجبار تغيير خلفية كل عناصر ذيل الصفحة إلى أسود */
footer, 
footer * ,
div[class*="footer"], 
div[class*="footer"] * , 
section[class*="footer"],
section[class*="footer"] * {
    background-color: #000000 !important; /* أسود */
    color: #ffffff !important; /* النص أبيض لضمان القراءة */
}
/* إزالة أي دائرة أو خلفية حول أيقونات ذيل الصفحة */
footer .s-contacts-icon,
footer .s-contacts-icon svg {
    border: none !important;       /* إزالة الحدود */
    border-radius: 0 !important;   /* إزالة الاستدارة */
    background: none !important;   /* إزالة أي خلفية */
    padding: 0 !important;         /* إزالة الحشوة الداخلية */
    box-shadow: none !important;   /* إزالة أي ظل */
}
.store-footer {
  background-color: #000 !important;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.s-user-menu-trigger {
  display: none !important;
}
.sicon-cart::before {
  display: none !important;
}
.header-btn__icon.sicon-user-circle {
  display: none !important;
}
.s-cart-summary-total {
    display: none;
}
.s-contacts .unicode {
    display: none !important;
}
.s-payments-list-item img[alt=""] {
    display: none !important;
}
.s-payments-list-item img[alt=""] {
    display: none !important;
}
.s-payments-list-item img[alt=""] {
    display: none !important;
}
.s-payments-list-item img[alt=""] {
    display: none !important;
}
.s-payments-list-item img[alt=""] {
    display: none !important;
}
p.text-gray-400 {
    display: none !important;
}
/* إخفاء جميع الحدود والخطوط في Footer */
footer, footer * {
    border: none !important;   /* إزالة أي خطوط متصلة أو متقطعة */
    outline: none !important;  /* إزالة أي حدود إضافية */
}

/* إذا كانت الخطوط عبارة عن عناصر <hr> */
footer hr {
    display: none !important;
}
/* إخفاء زر إضافة للسلة */
.s-product-card-content-footer button {
    display: none !important;
}
/* 1. إجبار قائمة التواصل على أفقي */
.s-contacts-list.s-contacts-list-vertical {
    display: flex !important;
    flex-direction: row !important; /* أفقي */
    justify-content: center !important; /* توسيط على الصفحة */
    align-items: center !important;
    gap: 20px !important; /* المسافة بين الأيقونات */
}

/* 2. كل عنصر تواصل */
.s-contacts-item {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
}

/* 3. إزالة النصوص (الأرقام و الإيميل) إذا كنت تريد الأيقونات فقط */
.s-contacts-item .unicode {
    display: non
}