/*
 * ═══════════════════════════════════════════════════════════════
 *   سِدال · ثيم رائد (سلّة) — التخصيص الشامل
 *   v3.0 — مبني على الفحص الكامل لمستودع ثيم رائد
 * ───────────────────────────────────────────────────────────────
 *   الإضافة: تصميم المتجر ← تخصيص ← أكواد CSS
 * ═══════════════════════════════════════════════════════════════
 */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   § 0 · متغيّرات الألوان (تم التوحيد لمنع التعارض)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
  /* ألوان ثيم رائد الأساسية — نعيد تعريفها */
  --color-primary:         #6b5540 !important;
  --color-primary-d:       #4a3a2c !important;
  --color-primary-l:       #8a7260 !important;
  --color-primary-reverse: #f5f0e8 !important;
  --main-text-color:       #3b3028 !important;

  /* متغيّرات سِدال العامة (خلفية الموقع والنصوص) */
  --sid-bg:        #f5f0e8;
  --sid-text:      #3b3028;
  --sid-footer-bg: #141110;
  --sid-line:      rgba(59,48,40,.30);

  /* متغيّرات سِدال الخاصة بالقائمة الجانبية للموبايل فقط */
  --sid-mm-bg:             rgba(248, 245, 240, .94);
  --sid-mm-surface:        rgba(255, 255, 255, .72);
  --sid-mm-surface-strong: rgba(255, 255, 255, .88);
  --sid-mm-text:           #302a26;
  --sid-mm-muted:          rgba(48, 42, 38, .48);
  --sid-mm-accent:         #6b5540;
  --sid-mm-line:           rgba(48, 42, 38, .075);
  --sid-mm-hover:          rgba(107, 85, 64, .065);
  --sid-mm-shadow:         0 18px 55px rgba(35, 29, 25, .14);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   § 1 · خلفية الموقع العامة
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body {
  background-color: var(--sid-bg) !important;
}

/* إزالة الخلفية البيضاء من البطاقات والحاويات */
.s-product-card-entry,
.s-block--features__item,
.bg-white:not(.sub-menu):not([class*="modal"]):not([class*="dropdown"]) {
  background-color: transparent !important;
}
.bg-gray-100,
.s-block--tabs-produtcs.bg-gray-100 {
  background-color: var(--sid-bg) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   § 2 · الهيدر وتوسيط الشعار والأيقونات
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* خلفية كريمية للهيدر */
.store-header .top-navbar,
.store-header .main-nav-container,
.store-header .main-nav-container .inner {
  background-color: var(--sid-bg) !important;
}

/* إزالة الظل */
.main-nav-container.shadow-default {
  box-shadow: none !important;
  border-bottom: 1px solid rgba(59,48,40,.08) !important;
}

/* شريط البحث العلوي — خلفية شفافة */
.top-navbar .s-search-input {
  background-color: rgba(59,48,40,.06) !important;
  border: 1px solid rgba(59,48,40,.12) !important;
  color: var(--sid-text) !important;
}

/* ─── توسيط الشعار (لابتوب + جوال) ─── */
#mainnav .container > div {
  position: relative !important;
}
.navbar-brand {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2 !important;
  margin: 0 !important;
}
.navbar-brand img {
  max-height: 50px !important;
  max-width: 140px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
@media (max-width: 1023px) {
  .navbar-brand img {
    max-height: 42px !important;
    max-width: 120px !important;
  }
}

/* ─── ترتيب المسافات بين الأيقونات ─── */
#mainnav .container > div > div:first-child {
  gap: 8px !important;
  align-items: center !important;
}
#mainnav .container > div > div:last-child {
  gap: 8px !important;
  align-items: center !important;
}

/* ─── أيقونات الهيدر: لون واحد داكن ─── */
.header-btn__icon {
  color: var(--sid-text) !important;
  border-color: rgba(59,48,40,.15) !important;
}
.store-header .sicon-menu,
.store-header .sicon-shopping-bag {
  color: var(--sid-text) !important;
}

/* ─── زر القائمة → ٣ نقاط عمودية ⋮ ─── */
.store-header .mburger .sicon-menu {
  font-size: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 36px !important;
}
.store-header .mburger .sicon-menu::before {
  content: '' !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: var(--sid-text) !important;
  box-shadow: 0 -9px 0 var(--sid-text), 0 9px 0 var(--sid-text) !important;
}

/* ─── إخفاء المبلغ بجانب السلة ─── */
.s-cart-summary-total {
  color: var(--sid-text) !important;
  font-size: 13px !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   § 3 · عناوين الأقسام + خطوط زخرفية
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* العنوان الرئيسي */
.s-block__title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  text-align: center !important;
  width: 100% !important;
  margin-bottom: 24px !important;
}
.s-block__title h2,
.s-block__title .right-side h2 {
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* الخطّان الزخرفيّان */
.s-block__title::before,
.s-block__title::after {
  content: '' !important;
  display: block !important;
  flex: 0 0 58px !important;
  height: 1.5px !important;
  background: var(--sid-line) !important;
  border-radius: 2px !important;
}

/* عرض الكل */
.s-block__title .s-block__display-all {
  position: absolute !important;
  left: 0 !important;
  font-size: 13px !important;
  color: var(--sid-text) !important;
  opacity: .7 !important;
}
.s-block__title:has(.s-block__display-all) {
  position: relative !important;
}
html[dir="rtl"] .s-block__title .s-block__display-all,
[dir="rtl"] .s-block__title .s-block__display-all {
  left: auto !important;
  right: auto !important;
  left: 0 !important;
}

/* إذا يوجد تبويبات tabs */
.s-block__title:has(.tabs)::before,
.s-block__title:has(.tabs)::after {
  display: none !important;
}
.s-block__title:has(.tabs) {
  justify-content: space-between !important;
}

/* ─── عنوان السلايدر (slider-products-with-header) ─── */
.s-slider-block__title {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
.s-slider-block__title h2,
.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 auto !important;
  text-align: center !important;
  width: 100% !important;
}

/* ─── عنوان آراء العملاء ─── */
.s-reviews-header-wrapper {
  justify-content: center !important;
}
.s-reviews-header {
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  width: 100% !important;
}
.s-reviews-header::before,
.s-reviews-header::after {
  content: '' !important;
  display: block !important;
  flex: 0 0 50px !important;
  height: 1.5px !important;
  background: var(--sid-line) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   § 5 · آراء العملاء + البانر العريض
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.s-reviews-testimonial {
  background-color: var(--sid-bg) !important;
  border: 1px solid rgba(59,48,40,.08) !important;
  box-shadow: none !important;
}
.s-reviews-testimonial__icon svg {
  fill: var(--sid-line) !important;
}
.s-block--hero-slider .overlay-bg::after {
  background: rgba(0,0,0,.35) !important;
}

/*/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   § 6 · الفوتر — داكن فاخر + محتوى سنتر
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.store-footer {
  background-color: var(--sid-footer-bg) !important;
  color: #d4cbc2 !important;
  margin-top: 0 !important;
  text-align: center !important;
}

.store-footer .store-footer__inner {
  background-color: var(--sid-footer-bg) !important;
  border-bottom-color: rgba(255,255,255,.06) !important;
  padding: 50px 0 30px !important;
  text-align: center !important;
}

/* توسيط أعمدة ومحتوى الفوتر */
.store-footer .store-footer__inner .container {
  text-align: center !important;
}

.store-footer .store-footer__inner .grid {
  justify-items: center !important;
  text-align: center !important;
}

.store-footer .store-footer__inner .grid > div {
  width: 100% !important;
  text-align: center !important;
}

/* العناوين */
.store-footer h3 {
  color: #f0ebe3 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  text-align: center !important;
}

/* النصوص والروابط */
.store-footer p,
.store-footer span,
.store-footer div,
.store-footer li,
.store-footer a,
.store-footer i[class*="sicon-"] {
  color: #b8aea5 !important;
}

.store-footer p,
.store-footer li {
  text-align: center !important;
}

/* القوائم */
.store-footer ul {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.store-footer li {
  justify-content: center !important;
}

/* الروابط */
.store-footer a:hover {
  color: #f0ebe3 !important;
  opacity: 1 !important;
}

/* السوشال */
.store-footer .social-link {
  border-color: rgba(255,255,255,.18) !important;
  color: #f0ebe3 !important;
}

.store-footer .social-link:hover {
  border-color: rgba(255,255,255,.4) !important;
}

/* توسيط مجموعة أيقونات التواصل */
.store-footer .social-list,
.store-footer .social-links {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* حقوق النشر */
.store-footer .copyright-text,
.store-footer .copyright-text p {
  color: #6a5f58 !important;
  text-align: center !important;
}

/* الجزء السفلي */
.store-footer > div:last-child {
  border-top: 1px dashed rgba(255,255,255,.06) !important;
  text-align: center !important;
}

/* صور وأيقونات الدفع */
.store-footer .load-img-onclick,
.store-footer .load-img-onclick img,
.store-footer .w-10 {
  margin-left: auto !important;
  margin-right: auto !important;
}

.store-footer .load-img-onclick img,
.store-footer .w-10 {
  filter: brightness(0) invert(.85) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   § 7 · استجابة الجوال الأساسية
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 767px) {
  .s-block__title::before, .s-block__title::after,
  .s-reviews-header::before, .s-reviews-header::after {
    flex: 0 0 32px !important;
  }
  .store-footer .store-footer__inner {
    padding: 36px 16px 20px !important;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   § 8 · إصلاحات Salla Web Components (Shadow DOM)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
salla-products-list {
  --product-card-bg: transparent !important;
}
salla-add-product-button {
  --sa-btn-bg: transparent !important;
  --sa-btn-border-color: rgba(59,48,40,.18) !important;
  --sa-btn-color: var(--sid-text) !important;
}
.store-footer salla-social {
  --sa-social-color: #f0ebe3 !important;
  --sa-social-bg: transparent !important;
}
salla-rating-stars {
  --sa-rating-color: #d4a850 !important;
}
salla-slider .s-slider--nav-arrow {
  color: var(--sid-text) !important;
}
.store-footer salla-payments {
  filter: brightness(.85) !important;
}

/* ─── أيقونة الحساب ─── */
salla-user-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  --sa-user-menu-color: var(--sid-text) !important;
  color: var(--sid-text) !important;
}

/* ==================================================
   HEADER ICONS — CUSTOM SVG
   Menu + Search + Cart
   Color: #5b5150
   ================================================== */


/* =========================
   1) MENU ICON
   ========================= */

/* إخفاء أيقونة المنيو الافتراضية */
.store-header .mburger .sicon-menu {
    font-size: 0 !important;
    width: 28px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 27'%3E%3Cpath fill='%235b5150' d='M3.5 0A3.45 3.45 0 0 1 4.84.27 3.22 3.22 0 0 1 6 1a3.22 3.22 0 0 1 .76 1.13 3.46 3.46 0 0 1 0 2.68A3.22 3.22 0 0 1 6 6a3.22 3.22 0 0 1-1.13.76 3.46 3.46 0 0 1-2.68 0A3.22 3.22 0 0 1 1 6a3.22 3.22 0 0 1-.73-1.16 3.46 3.46 0 0 1 0-2.68A3.22 3.22 0 0 1 1 1 3.22 3.22 0 0 1 2.16.27 3.45 3.45 0 0 1 3.5 0Z'/%3E%3Cpath fill='%235b5150' d='M3.5 10a3.45 3.45 0 0 1 1.34.27A3.22 3.22 0 0 1 6 11a3.22 3.22 0 0 1 .76 1.13 3.46 3.46 0 0 1 0 2.68A3.22 3.22 0 0 1 6 16a3.22 3.22 0 0 1-1.13.76 3.46 3.46 0 0 1-2.68 0A3.22 3.22 0 0 1 1 16a3.22 3.22 0 0 1-.76-1.13 3.46 3.46 0 0 1 0-2.68A3.22 3.22 0 0 1 1 11a3.22 3.22 0 0 1 1.13-.76A3.45 3.45 0 0 1 3.5 10Z'/%3E%3Cpath fill='%235b5150' d='M3.5 20a3.45 3.45 0 0 1 1.34.27A3.22 3.22 0 0 1 6 21a3.22 3.22 0 0 1 .76 1.13 3.46 3.46 0 0 1 0 2.68A3.22 3.22 0 0 1 6 26a3.22 3.22 0 0 1-1.13.76 3.46 3.46 0 0 1-2.68 0A3.22 3.22 0 0 1 1 26a3.22 3.22 0 0 1-.76-1.13 3.46 3.46 0 0 1 0-2.68A3.22 3.22 0 0 1 1 21a3.22 3.22 0 0 1 1.13-.76A3.45 3.45 0 0 1 3.5 20Z'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 7px 27px !important;

    color: transparent !important;
}

/* إلغاء النقاط القديمة المرسومة بـ ::before */
.store-header .mburger .sicon-menu::before {
    content: none !important;
    display: none !important;
}


/* =========================
   2) SEARCH ICON
   ========================= */

/* استهداف أيقونة البحث الشائعة في الهيدر */
.store-header .sicon-search,
.store-header button .sicon-search,
.store-header [class*="search"] .sicon-search {
    font-size: 0 !important;
    width: 27px !important;
    height: 27px !important;
    display: inline-block !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.03 26.73'%3E%3Cpath fill='%235b5150' d='M19.23 10.37a8.56 8.56 0 1 0-8.53 8.56A8.56 8.56 0 0 0 19.23 10.37ZM17.3 18.06A10.13 10.13 0 0 1 3.44 3.31 10.14 10.14 0 0 1 18.36 17a2.26 2.26 0 0 1 .31.23q4 4 8 8a1.5 1.5 0 0 1 .38.64.65.65 0 0 1-.34.74.75.75 0 0 1-.86 0 2.21 2.21 0 0 1-.32-.29l-7.92-7.92c-.13-.11-.21-.22-.31-.34Z'/%3E%3Cpath fill='%235b5150' d='M18.66 10.11a8.56 8.56 0 1 0-8.53 8.56A8.56 8.56 0 0 0 18.66 10.11ZM16.73 17.8A10.13 10.13 0 0 1 2.87 3.05a10.13 10.13 0 0 1 14.92 13.7 3.65 3.65 0 0 1 .31.24q4 4 8 8a1.5 1.5 0 0 1 .38.64.66.66 0 0 1-.34.74.77.77 0 0 1-.86 0 1.81 1.81 0 0 1-.32-.3L17 18.12Z'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 24px 24px !important;

    color: transparent !important;
}

/* إلغاء الأيقونة الأصلية */
.store-header .sicon-search::before {
    content: none !important;
}


/* =========================
   3) HEADER CART ICON
   ========================= */

/* الحاوية */
.store-header salla-cart-summary {
    --sa-cart-icon-color: transparent !important;
    color: transparent !important;
}

/* أيقونة السلة الأصلية */
.store-header salla-cart-summary .header-btn__icon.sicon-shopping-bag,
.store-header salla-cart-summary i[slot="icon"] {

    font-size: 0 !important;

    width: 30px !important;
    height: 30px !important;

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

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    background-color: transparent !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.72 25.94'%3E%3Cpath fill='%235b5150' d='M15.07 5.4a3.23 3.23 0 0 0-3.31-3.23A3.19 3.19 0 0 0 8.65 5.4ZM11.83 7.58H4.33a1.06 1.06 0 0 0-1.12 1c-.07.86-.16 1.72-.25 2.58l-.39 3.87c-.13 1.3-.22 2.59-.38 3.88A4.11 4.11 0 0 0 3.4 22.5a4.28 4.28 0 0 0 3.2 1.27H16.84c.29 0 .58 0 .86 0a4.24 4.24 0 0 0 3.83-4.44c-.06-1-.19-2-.29-3-.13-1.27-.26-2.53-.38-3.79s-.27-2.48-.38-3.72a1.11 1.11 0 0 0-1.24-1.18ZM6.41 5.41a5.44 5.44 0 0 1 10.87 0h1a12 12 0 0 1 2.08.14 3.21 3.21 0 0 1 2.34 2.9c.07 1.13.21 2.25.32 3.38s.25 2.54.38 3.81c.11 1.09.24 2.17.33 3.26a6.49 6.49 0 0 1-6.53 7H6.56A6.45 6.45 0 0 1 .07 20.57a8.67 8.67 0 0 1 0-2.16c.09-1.3.25-2.59.38-3.88l.39-3.87C.92 9.81 1 9 1.1 8.11a3.17 3.17 0 0 1 3.08-2.7Z'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 23px 25px !important;

    color: transparent !important;
}

/* إزالة أي ::before قديم */
.store-header salla-cart-summary .header-btn__icon.sicon-shopping-bag::before,
.store-header salla-cart-summary i[slot="icon"]::before {
    content: none !important;
    display: none !important;
}


/* =========================
   KEEP CART BADGE
   ========================= */

/* نخلي عداد المنتجات ظاهر ويشتغل طبيعي */
.store-header salla-cart-summary {
    --sa-cart-badge-bg: #a61919 !important;
    --sa-cart-badge-color: #ffffff !important;
}
/* =========================================
   HEADER USER ICON — NO CIRCLE
   ========================================= */

.store-header salla-user-menu,
.store-header salla-user-menu button,
.store-header salla-user-menu .header-btn__icon,
.store-header salla-user-menu [class*="trigger"] {
    background: transparent !important;
    background-color: transparent !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    border-radius: 0 !important;

    color: #5b5150 !important;
    --sa-user-menu-color: #5b5150 !important;
}

/* الأيقونة نفسها */
.store-header salla-user-menu i,
.store-header salla-user-menu svg,
.store-header salla-user-menu [class*="sicon-user"],
.store-header salla-user-menu [class*="sicon-profile"] {
    color: #5b5150 !important;
    fill: #5b5150 !important;
    stroke: #5b5150 !important;
}

/* توحيد الحجم مع باقي أيقونات الهيدر */
.store-header salla-user-menu .header-btn__icon,
.store-header salla-user-menu i,
.store-header salla-user-menu svg {
    width: 27px !important;
    height: 27px !important;
    font-size: 27px !important;
}
/* =========================================
   ALIGN USER ICON WITH CART
   ========================================= */

/* توحيد محاذاة عناصر الهيدر */
.store-header salla-user-menu,
.store-header salla-cart-summary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* تصغير أيقونة تسجيل الدخول قليلًا */
.store-header salla-user-menu .header-btn__icon,
.store-header salla-user-menu i,
.store-header salla-user-menu svg {
    width: 23px !important;
    height: 23px !important;
    font-size: 23px !important;

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

    line-height: 1 !important;

    /* رفعها شوي لتتساوى مع السلة */
    transform: translateY(-2px) !important;
}

/* تثبيت أيقونة السلة للمقارنة */
.store-header salla-cart-summary .header-btn__icon,
.store-header salla-cart-summary i[slot="icon"] {
    width: 23px !important;
    height: 25px !important;

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

    transform: translateY(0) !important;
}

/* إزالة أي مسافات إضافية حول الحساب */
.store-header salla-user-menu {
    margin: 0 !important;
    padding: 0 !important;
}

.store-header salla-user-menu button,
.store-header salla-user-menu [class*="trigger"] {
    margin: 0 !important;
    padding: 0 !important;

    min-width: 30px !important;
    width: 30px !important;
    height: 30px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* ==================================================
   SIDAL — TWO SQUARE BANNERS SIDE BY SIDE
   FINAL FIX
   ================================================== */


/* نستهدف الحاوية التي تحتوي بانرات square-banner مباشرة */
div:has(> a[aria-label="square-banner-1"]),
div:has(> a[aria-label="square-banner-2"]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* كل بانر */
div:has(> a[aria-label="square-banner-1"])
> a[aria-label^="square-banner-"],
div:has(> a[aria-label="square-banner-2"])
> a[aria-label^="square-banner-"] {

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    /* شكل الصورة */
    aspect-ratio: 3 / 4 !important;

    height: auto !important;
    min-height: 0 !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    border-radius: 0 !important;
    overflow: hidden !important;
}


/* إخفاء النصوص الموجودة داخل الصور */
div:has(> a[aria-label="square-banner-1"])
> a[aria-label^="square-banner-"]
.banner-entry__text,

div:has(> a[aria-label="square-banner-2"])
> a[aria-label^="square-banner-"]
.banner-entry__text {
    display: none !important;
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 640px) {

    /* الحاوية */
    div:has(> a[aria-label="square-banner-1"]),
    div:has(> a[aria-label="square-banner-2"]) {

        display: grid !important;

        /* صورتين جنب بعض */
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 6px !important;

        width: 100% !important;
        max-width: 100% !important;

        padding: 0 8px !important;
        margin: 0 auto !important;

        box-sizing: border-box !important;
    }


    /* كل صورة */
    div:has(> a[aria-label="square-banner-1"])
    > a[aria-label^="square-banner-"],

    div:has(> a[aria-label="square-banner-2"])
    > a[aria-label^="square-banner-"] {

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        /* النسبة المطلوبة مثل المرجع */
        aspect-ratio: 3 / 4 !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        border-radius: 0 !important;
    }
}
/* ==================================================
   SIDAL — REMOVE BANNER BORDER RADIUS
   ================================================== */

/* الصور المتحركة */
.s-block--hero-slider .swiper-slide,
.s-block--hero-slider .swiper-slide > div,
.s-block--hero-slider .swiper-slide a,
.s-block--hero-slider .swiper-slide img,
.s-block--hero-slider [style*="background-image"] {
    border-radius: 0 !important;
}


/* البانر العريض */
.banner-entry,
.banner-entry::before,
.banner-entry::after,
.banner-entry > img,
.banner-entry > picture,
.banner-entry > picture img,
.banner-entry [style*="background-image"] {
    border-radius: 0 !important;
}


/* إزالة أي تقويس من الحاوية نفسها */
.s-block--hero-slider,
.s-block--hero-slider salla-slider,
.s-block--hero-slider .swiper,
.s-block--hero-slider .swiper-wrapper {
    border-radius: 0 !important;
    overflow: hidden !important;
}
/* ==================================================
   SIDAL — BEST SELLERS TITLE
   عنوان فوق الصورتين
   ================================================== */

div:has(> a[aria-label="square-banner-1"])::before {
    content: "الأكثر مبيعًا";

    display: block !important;
    grid-column: 1 / -1 !important;

    width: 100% !important;
    margin: 0 0 16px 0 !important;

    color: #5b5150 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-align: center !important;
    direction: rtl !important;
}

/* English store */
html[lang="en"] div:has(> a[aria-label="square-banner-1"])::before,
html[dir="ltr"] div:has(> a[aria-label="square-banner-1"])::before {
    content: "Best Sellers" !important;
    direction: ltr !important;
}


/* الجوال */
@media (max-width: 640px) {

    div:has(> a[aria-label="square-banner-1"])::before {
        font-size: 20px !important;
        margin-bottom: 12px !important;
    }
}
/* ==================================================
   SIDAL — BANNERS FINAL
   Image Slider + Fixed Banner
   ================================================== */


/* ================================
   1. REMOVE IMAGE SLIDER RADIUS
   ================================ */

.s-slider-block,
.s-slider-block .swiper,
.s-slider-block .swiper-wrapper,
.s-slider-block .s-slider-block__wrapper,
.s-slider-block .swiper-slide,
.s-slider-block .swiper-slide > a,
.s-slider-block .swiper-slide img {
    border-radius: 0 !important;
}


/* ================================
   2. REMOVE FIXED BANNER RADIUS
   ================================ */

.s-block--fixed-banner,
.s-block--fixed-banner .container,
.s-block--fixed-banner .banner--fixed,
.s-block--fixed-banner .banner--fixed picture,
.s-block--fixed-banner .banner--fixed img {
    border-radius: 0 !important;
}


/* ==================================================
   3. MOBILE — FULL WIDTH HERO BANNERS
   ================================================== */

@media (max-width: 767px) {

    /* --------------------------------
       IMAGE SLIDER — FULL WIDTH
       -------------------------------- */

    .s-slider-block {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .s-slider-block > .container,
    .s-slider-block .container {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .s-slider-block .swiper,
    .s-slider-block .swiper-wrapper,
    .s-slider-block .s-slider-block__wrapper {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-radius: 0 !important;
    }

    .s-slider-block .swiper-slide,
    .s-slider-block .swiper-slide > a {
        width: 100% !important;
        border-radius: 0 !important;
    }

    .s-slider-block .swiper-slide img {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }


    /* --------------------------------
       FIXED / WIDE BANNER — FULL WIDTH
       -------------------------------- */

    .s-block--fixed-banner {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .s-block--fixed-banner > .container,
    .s-block--fixed-banner .container {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .s-block--fixed-banner .banner--fixed,
    .s-block--fixed-banner .banner--fixed picture {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    .s-block--fixed-banner .banner--fixed img {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        border-radius: 0 !important;
        object-fit: cover !important;
    }
}
/* ==================================================
   SIDAL — FOOTER LOGO
   ================================================== */

.store-footer::before {
    content: "";
    display: block;

    width: 150px;
    height: 80px;

    margin: 35px auto 20px;

    background-image: url("https://cdn.salla.sa/aeNlNv/products/VMAg78fDqM4eff2kYiDi5LqvjythvK7bi36d8RES.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


/* MOBILE */
@media (max-width: 767px) {
    .store-footer::before {
        width: 120px;
        height: 65px;
        margin: 28px auto 16px;
    }
}

/* ==================================================
   SIDAL — BANNERS FINAL
   Image Slider + Fixed Banner
   ================================================== */

/* إزالة التقويس */
.s-slider-block,
.s-slider-block .swiper,
.s-slider-block .swiper-wrapper,
.s-slider-block .s-slider-block__wrapper,
.s-slider-block .swiper-slide,
.s-slider-block .swiper-slide > a,
.s-slider-block .swiper-slide img,
.s-block--fixed-banner,
.s-block--fixed-banner .container,
.s-block--fixed-banner .banner--fixed,
.s-block--fixed-banner .banner--fixed picture,
.s-block--fixed-banner .banner--fixed img {
    border-radius: 0 !important;
}

/* الجوال: Full-width بدون هوامش */
@media (max-width: 767px) {
    .s-slider-block,
    .s-slider-block > .container,
    .s-slider-block .container,
    .s-slider-block .swiper,
    .s-slider-block .swiper-wrapper,
    .s-slider-block .s-slider-block__wrapper,
    .s-slider-block .swiper-slide,
    .s-slider-block .swiper-slide > a,
    .s-block--fixed-banner,
    .s-block--fixed-banner > .container,
    .s-block--fixed-banner .container,
    .s-block--fixed-banner .banner--fixed,
    .s-block--fixed-banner .banner--fixed picture {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-radius: 0 !important;
    }

    .s-slider-block .swiper-slide img,
    .s-block--fixed-banner .banner--fixed img {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        border-radius: 0 !important;
        object-fit: cover !important;
    }
}

/* ==================================================
   SIDAL — FOOTER CENTER LOGO
   ================================================== */

.store-footer::before {
    content: "" !important;
    display: block !important;
    width: 150px !important;
    height: 80px !important;
    margin: 35px auto 20px !important;
    background-image: url("https://cdn.salla.sa/aeNlNv/products/VMAg78fDqM4eff2kYiDi5LqvjythvK7bi36d8RES.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

@media (max-width: 767px) {
    .store-footer::before {
        width: 120px !important;
        height: 65px !important;
        margin: 28px auto 16px !important;
    }
}

/* إخفاء عنوان "سدال" النصي من الفوتر */
.store-footer h3 {
    display: none !important;
}
/* إخفاء زر X خارج القائمة الجانبية */
body:not(.mm-ocd-opened) .close-mobile-menu,
body:not(.mm-ocd-opened) .btn--close.close-mobile-menu {
    display: none !important;
}

/* إظهاره فقط عند فتح المنيو */
body.mm-ocd-opened .close-mobile-menu,
body.mm-ocd-opened .btn--close.close-mobile-menu {
    display: flex !important;
}

/* ==================================================
   SIDAL — PRODUCT CARD — FINAL DIRECTION SAFE
   AR: الاسم/السعر يمين + السلة يسار
   EN: الاسم/السعر يسار + السلة يمين
   ================================================== */

.s-product-card-entry {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* الصورة */
.s-product-card-entry .s-product-card-image,
.s-product-card-entry .s-product-card-image img {
    border-radius: 0 !important;
}

/* إخفاء المفضلة */
.s-product-card-entry .s-product-card-wishlist-btn {
    display: none !important;
}

/* المحتوى */
.s-product-card-entry .s-product-card-content {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 11px 5px 10px !important;

    /* يرث اتجاه اللغة من الصفحة */
    direction: inherit !important;
}

/* اسم المنتج */
.s-product-card-entry .s-product-card-content-main {
    display: block !important;
    width: 100% !important;

    margin: 0 0 6px 0 !important;
    padding: 0 !important;

    direction: inherit !important;
    text-align: start !important;
}

.s-product-card-entry .s-product-card-content-title {
    display: block !important;
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    direction: inherit !important;
    text-align: start !important;
}

.s-product-card-entry .s-product-card-content-title a {
    color: #3b3028 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;

    text-align: start !important;
}

/* السعر — تحت الاسم وعلى نفس جهة اللغة */
.s-product-card-entry .s-product-card-content-sub {
    display: flex !important;
    align-items: center !important;

    /* start = يمين بالعربي / يسار بالإنجليزي */
    justify-content: flex-start !important;

    width: 100% !important;
    min-height: 30px !important;

    margin: 0 !important;
    padding-block: 0 !important;

    /* نحجز مكان السلة في الجهة المقابلة */
    padding-inline-start: 0 !important;
    padding-inline-end: 40px !important;

    box-sizing: border-box !important;

    direction: inherit !important;
    text-align: start !important;
}

.s-product-card-entry .s-product-card-price,
.s-product-card-entry .s-product-card-sale-price {
    margin: 0 !important;
    padding: 0 !important;

    color: #3b3028 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    direction: inherit !important;
    text-align: start !important;
}

/* السلة — دائمًا في الجهة المقابلة للنص
   RTL = يسار / LTR = يمين */
.s-product-card-entry .s-product-card-content-footer {
    position: absolute !important;

    inset-inline-end: 5px !important;
    inset-inline-start: auto !important;
    bottom: 10px !important;

    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

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

    transform: none !important;
}

/* زر السلة: أيقونة فقط */
.s-product-card-entry
.s-product-card-content-footer
salla-add-product-button {
    position: static !important;
    inset: auto !important;

    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;

    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    --sa-btn-bg: transparent !important;
    --sa-btn-border-color: transparent !important;
    --sa-btn-color: transparent !important;

    --color-primary: transparent !important;
    --color-primary-d: transparent !important;
    --color-primary-l: transparent !important;
    --color-primary-reverse: transparent !important;

    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.72 25.94'%3E%3Cpath fill='%235b5150' d='M15.07 5.4a3.23 3.23 0 0 0-3.31-3.23A3.19 3.19 0 0 0 8.65 5.4ZM11.83 7.58H4.33a1.06 1.06 0 0 0-1.12 1c-.07.86-.16 1.72-.25 2.58l-.39 3.87c-.13 1.3-.22 2.59-.38 3.88A4.11 4.11 0 0 0 3.4 22.5a4.28 4.28 0 0 0 3.2 1.27H16.84c.29 0 .58 0 .86 0a4.24 4.24 0 0 0 3.83-4.44c-.06-1-.19-2-.29-3-.13-1.27-.26-2.53-.38-3.79s-.27-2.48-.38-3.72a1.11 1.11 0 0 0-1.24-1.18ZM6.41 5.41a5.44 5.44 0 0 1 10.87 0h1a12 12 0 0 1 2.08.14 3.21 3.21 0 0 1 2.34 2.9c.07 1.13.21 2.25.32 3.38s.25 2.54.38 3.81c.11 1.09.24 2.17.33 3.26a6.49 6.49 0 0 1-6.53 7H6.56A6.45 6.45 0 0 1 .07 20.57a8.67 8.67 0 0 1 0-2.16c.09-1.3.25-2.59.38-3.88l.39-3.87C.92 9.81 1 9 1.1 8.11a3.17 3.17 0 0 1 3.08-2.7Z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 23px 25px !important;

    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    font-size: 0 !important;
    transform: none !important;
}

/* إخفاء النص والأيقونة الأصلية */
.s-product-card-entry
.s-product-card-content-footer
salla-add-product-button > span,
.s-product-card-entry
.s-product-card-content-footer
salla-add-product-button > i,
.s-product-card-entry
.s-product-card-content-footer
salla-add-product-button > i.sicon-shopping-bag {
    display: none !important;
}

/* إخفاء التقييم */
.s-product-card-entry .s-product-card-rating {
    display: none !important;
}

/* الجوال */
@media (max-width: 640px) {
    .s-product-card-entry .s-product-card-content {
        padding: 10px 4px 9px !important;
    }

    .s-product-card-entry .s-product-card-content-main {
        margin-bottom: 5px !important;
    }

    .s-product-card-entry .s-product-card-content-sub {
        min-height: 30px !important;
        padding-inline-end: 38px !important;
    }

    .s-product-card-entry .s-product-card-content-title a,
    .s-product-card-entry .s-product-card-price,
    .s-product-card-entry .s-product-card-sale-price {
        font-size: 13px !important;
    }

    .s-product-card-entry .s-product-card-content-footer {
        inset-inline-end: 4px !important;
        bottom: 9px !important;
    }
}
@media (max-width: 767px) {

    /* الفوتر بالكامل */
    .store-footer,
    .store-footer .store-footer__inner,
    .store-footer .store-footer__inner .container {
        text-align: center !important;
    }

    /* جميع الحاويات داخل الفوتر */
    .store-footer .store-footer__inner * {
        text-align: center !important;
    }

    /* أي Grid أو Flex حالي أو مستقبلي */
    .store-footer .store-footer__inner .grid,
    .store-footer .store-footer__inner [class*="grid"],
    .store-footer .store-footer__inner .flex,
    .store-footer .store-footer__inner [class*="flex"] {
        justify-content: center !important;
        justify-items: center !important;
        align-items: center !important;
    }

    /* جميع الأقسام والعناصر */
    .store-footer .store-footer__inner section,
    .store-footer .store-footer__inner article,
    .store-footer .store-footer__inner div,
    .store-footer .store-footer__inner ul,
    .store-footer .store-footer__inner li {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* العناوين والنصوص */
    .store-footer .store-footer__inner h1,
    .store-footer .store-footer__inner h2,
    .store-footer .store-footer__inner h3,
    .store-footer .store-footer__inner h4,
    .store-footer .store-footer__inner p {
        width: 100% !important;
        text-align: center !important;
    }

    /* الروابط والأرقام */
    .store-footer .store-footer__inner a {
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* الصور والشعارات */
    .store-footer .store-footer__inner img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* القوائم */
    .store-footer .store-footer__inner ul {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    .store-footer .store-footer__inner li {
        justify-content: center !important;
    }

    /* السوشال وأيقونات التواصل */
    .store-footer .social-list,
    .store-footer .social-links,
    .store-footer [class*="social"],
    .store-footer [class*="contact"] {
        justify-content: center !important;
        align-items: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* الجزء السفلي وحقوق النشر */
    .store-footer > div:last-child,
    .store-footer .copyright-text,
    .store-footer .copyright-text p {
        text-align: center !important;
        justify-content: center !important;
    }
}


/* ==================================================
   SIDAL — MOBILE MENU — FINAL STABLE
   Main menu مرتب + Submenu يعتمد حركة Mmenu الأصلية
   AR + EN
   ================================================== */

@media (max-width: 1023px) {

    /* ---------- BASE ---------- */
    .mm-ocd__content {
        background: #f5f0e8 !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    .mm-spn,
    .mm-spn.mm-spn--light,
    .mm-spn.mm-spn--navbar {
        background: #f5f0e8 !important;
        color: #5b5150 !important;
        border: 0 !important;
        box-shadow: none !important;

        --mm-spn-item-height: 50px;
        --mm-spn-item-indent: 20px;
        --mm-spn-line-height: 24px;
    }

    /* ---------- TITLE BAR ---------- */
    .mm-spn.mm-spn--navbar::after {
        height: 60px !important;
        line-height: 60px !important;

        padding: 0 55px !important;

        background: #f5f0e8 !important;
        border-bottom: 1px solid rgba(91,81,80,.10) !important;

        color: #5b5150 !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-align: center !important;

        opacity: 1 !important;
        z-index: 30 !important;
    }

    /* سهم الرجوع الأصلي للـ submenu */
    .mm-spn.mm-spn--navbar::before {
        top: 30px !important;
        color: #5b5150 !important;
        opacity: .45 !important;
        z-index: 40 !important;
    }

    /* القائمة الرئيسية لا تحتاج سهم رجوع */
    .mm-spn.mm-spn--navbar.mm-spn--main::before {
        display: none !important;
        content: none !important;
    }

    /* ---------- CLOSE BUTTON ---------- */
    .close-mobile-menu.sicon-cancel,
    .btn--close.close-mobile-menu {
        position: absolute !important;
        top: 15px !important;

        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;

        margin: 0 !important;
        padding: 0 !important;

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

        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;

        color: #5b5150 !important;
        font-size: 24px !important;
        line-height: 1 !important;

        z-index: 100 !important;
    }

    html[dir="rtl"] .close-mobile-menu.sicon-cancel,
    html[dir="rtl"] .btn--close.close-mobile-menu {
        left: 18px !important;
        right: auto !important;
    }

    html[dir="ltr"] .close-mobile-menu.sicon-cancel,
    html[dir="ltr"] .btn--close.close-mobile-menu {
        right: 18px !important;
        left: auto !important;
    }

    /* ==================================================
       MAIN MENU ONLY
       نرتب الواجهة الرئيسية بدون كسر نظام الـ submenu
       ================================================== */

    .mm-spn.mm-spn--main {
        display: flex !important;
        flex-direction: column !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    /* العنوان يدخل في ترتيب الـ flex */
    .mm-spn.mm-spn--main::after {
        order: 0 !important;
        position: relative !important;
        inset: auto !important;
        flex: 0 0 60px !important;

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

        line-height: 1 !important;
    }

    /* اللوقو */
    .mm-spn.mm-spn--main .sid-menu-logo {
        order: 1 !important;

        position: relative !important;
        inset: auto !important;

        width: 100% !important;
        min-height: 88px !important;

        margin: 0 !important;
        padding: 16px 20px !important;
        box-sizing: border-box !important;

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

        background: #f5f0e8 !important;
        z-index: 5 !important;
    }

    .mm-spn.mm-spn--main .sid-menu-logo a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto !important;
    }

    .mm-spn.mm-spn--main .sid-menu-logo img {
        position: static !important;
        display: block !important;

        width: auto !important;
        height: auto !important;
        max-width: 84px !important;
        max-height: 56px !important;

        margin: 0 auto !important;
        object-fit: contain !important;
    }

    /*
      Root list:
      Relative فقط في الحالة الرئيسية.
      أول ما تصبح mm-spn--parent نرجع لها نظام Mmenu الأصلي بالأسفل.
    */
    .mm-spn.mm-spn--main > ul:not(.mm-spn--parent) {
        order: 2 !important;

        position: relative !important;
        inset: auto !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        transform: none !important;
        transition: none !important;
    }

    .mm-spn.mm-spn--main > ul:not(.mm-spn--parent)::before,
    .mm-spn.mm-spn--main > ul:not(.mm-spn--parent)::after {
        display: none !important;
    }

    /* البحث */
    .mm-spn.mm-spn--main .sid-menu-search {
        order: 3 !important;
        position: relative !important;
        inset: auto !important;

        width: 100% !important;
        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 20px 20px 16px !important;

        background: #f5f0e8 !important;
        z-index: 5 !important;
    }

    /* التواصل */
    .mm-spn.mm-spn--main .sid-menu-contact {
        order: 4 !important;

        width: 100% !important;
        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 12px 20px 6px !important;

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

        background: #f5f0e8 !important;
        text-align: center !important;
        z-index: 5 !important;
    }

    /* الحقوق */
    .mm-spn.mm-spn--main .sid-menu-footer {
        order: 5 !important;

        width: 100% !important;
        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 8px 20px 22px !important;

        background: #f5f0e8 !important;

        color: rgba(91,81,80,.35) !important;
        font-size: 10px !important;
        text-align: center !important;
        z-index: 5 !important;
    }

    /* ==================================================
       SUBMENU STATE
       هنا نرجع حرفيًا لسلوك Mmenu Light الأصلي
       ================================================== */

    /*
      لما Root يصير Parent:
      لا نخفيه بـ visibility ولا display.
      نخليه يتحرك -30% مثل المكتبة الأصلية.
    */
    .mm-spn.mm-spn--main > ul.mm-spn--parent {
        position: fixed !important;
        top: 61px !important;
        left: -30% !important;
        right: auto !important;
        bottom: 0 !important;

        z-index: 2 !important;

        width: 130% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 30% 0 0 !important;

        overflow: visible !important;
        overflow-y: hidden !important;

        background: #f5f0e8 !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transition: left .3s ease 0s !important;
    }

    /*
      أي UL فرعي مفتوح:
      هذا هو السلوك الأصلي لـ Mmenu Light.
    */
    .mm-spn ul.mm-spn--open {
        position: fixed !important;
        top: 61px !important;
        left: 0 !important;
        right: auto !important;
        bottom: 0 !important;

        z-index: 3 !important;

        width: 130% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 30% 0 0 !important;

        overflow: visible !important;
        overflow-y: auto !important;

        background: #f5f0e8 !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transition: left .3s ease 0s !important;
    }

    /* لا نطبّق ul.mm-spn--open أعلاه على Root في وضعه الطبيعي */
    .mm-spn.mm-spn--main > ul.mm-spn--open:not(.mm-spn--parent) {
        position: relative !important;
        inset: auto !important;

        width: 100% !important;
        height: auto !important;

        padding: 0 !important;
        overflow: visible !important;

        transition: none !important;
    }

    /*
      وقت فتح الفرعي:
      نخفي فقط إضافاتنا المخصصة من الـ Root.
      التصنيفات نفسها تظل موجودة لأن Mmenu يحتاجها للرجوع.
    */
    .mm-spn.mm-spn--main:has(> ul.mm-spn--parent) .sid-menu-logo,
    .mm-spn.mm-spn--main:has(> ul.mm-spn--parent) .sid-menu-search,
    .mm-spn.mm-spn--main:has(> ul.mm-spn--parent) .sid-menu-contact,
    .mm-spn.mm-spn--main:has(> ul.mm-spn--parent) .sid-menu-footer {
        display: none !important;
    }

    /* ---------- CATEGORY STYLE ---------- */
    .mm-spn li {
        background: transparent !important;
    }

    .mm-spn li > a,
    .mm-spn li > span {
        box-sizing: border-box !important;

        min-height: 50px !important;

        margin: 0 !important;
        padding: 13px 20px !important;

        display: block !important;

        background: transparent !important;
        border-radius: 0 !important;

        color: #5b5150 !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 24px !important;
    }

    html[dir="rtl"] .mm-spn li > a,
    html[dir="rtl"] .mm-spn li > span {
        direction: rtl !important;
        text-align: right !important;
    }

    html[dir="ltr"] .mm-spn li > a,
    html[dir="ltr"] .mm-spn li > span {
        direction: ltr !important;
        text-align: left !important;
    }

    .mm-spn li::after {
        margin-left: 20px !important;
        margin-right: 20px !important;
        border-color: rgba(91,81,80,.10) !important;
    }

    /* ---------- SEARCH ---------- */
    .sid-menu-search input {
        box-sizing: border-box !important;

        width: 100% !important;
        height: 46px !important;

        margin: 0 !important;
        padding: 0 16px !important;

        background: rgba(255,255,255,.40) !important;
        border: 1px solid rgba(91,81,80,.15) !important;
        border-radius: 10px !important;

        outline: 0 !important;
        box-shadow: none !important;

        color: #5b5150 !important;
        font-size: 13px !important;
    }

    html[dir="rtl"] .sid-menu-search input {
        direction: rtl !important;
        text-align: right !important;
    }

    html[dir="ltr"] .sid-menu-search input {
        direction: ltr !important;
        text-align: left !important;
    }

    .sid-menu-search input::placeholder {
        color: rgba(91,81,80,.48) !important;
    }

    /* ---------- CONTACT ---------- */
    .sid-menu-contact a {
        min-height: 36px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;

        color: #5b5150 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    .sid-menu-social,
    .sid-menu-divider {
        display: none !important;
    }
}


/* ==================================================
   SIDAL — SUBMENU LOGO LEAK — HARD FIX
   يمنع ظهور أي جزء من شعار الهيدر خلف القائمة الفرعية
   ================================================== */

@media (max-width: 1023px) {

    /* إخفاء شعار الهيدر الأساسي طوال فتح المنيو */
    body.mm-ocd-opened .store-header .navbar-brand,
    body.mm-ocd-opened .store-header [data-testid="store-header-logo"] {
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* شعار المنيو يبقى ظاهر فقط في القائمة الرئيسية */
    body.mm-ocd-opened .mm-spn.mm-spn--main:not(:has(> ul.mm-spn--parent)) .sid-menu-logo {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* وعند فتح أي Submenu يختفي نهائيًا */
    body.mm-ocd-opened .mm-spn.mm-spn--main:has(> ul.mm-spn--parent) .sid-menu-logo,
    body.mm-ocd-opened .mm-spn.mm-spn--main:has(> ul.mm-spn--parent) .sid-menu-logo *,
    body.mm-ocd-opened .mm-spn.mm-spn--main:has(> ul.mm-spn--parent) .sid-menu-logo img,
    body.mm-ocd-opened .mm-spn.mm-spn--main:has(> ul.mm-spn--parent) .navbar-brand,
    body.mm-ocd-opened .mm-spn.mm-spn--main:has(> ul.mm-spn--parent) [data-testid="store-header-logo"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* طبقة خلفية صلبة للـ Submenu حتى لا يتسرّب أي عنصر من الخلف */
    .mm-spn ul.mm-spn--open {
        background-color: #f5f0e8 !important;
        background-image: none !important;
        isolation: isolate !important;
    }
}