@import url('https://fonts.googleapis.com/css2?family=Markazi+Text:wght@400;500;600;700&display=swap');

/* منع المتصفح من تغميق المتجر تلقائياً في الوضع الداكن */
:root {
  color-scheme: only light;
}

/* =========================================================
   Taleen Couture — الكود العام (نسخة نظيفة)
   ========================================================= */


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

  /* مسافة سفلية للفوتر حتى لا تغطيه الأزرار العائمة */
  footer {
    padding-bottom: 90px !important;
  }

  /* إخفاء زر العودة للأعلى */
  [class*="scroll-top"],
  [class*="scrollTop"],
  [class*="to-top"],
  [class*="totop"],
  [class*="back-top"],
  [class*="go-top"],
  [class*="scroll-up"],
  [class*="scrollup"],
  [class*="progress-wrap"],
  [id*="scroll-top"],
  [id*="to-top"],
  [id*="scrollup"] {
    display: none !important;
  }

  /* عرض بطاقات المنتجات في السلايدر */
  .swiper-slide:has([class*="price"]) {
    width: 44% !important;
  }

  /* حاوية صورة المنتج: نسبة 2:3 */
  body:not(.cart) [class*="card"]:has([class*="price"]) :has(img):not(:has([class*="price"])) {
    height: auto !important;
    max-height: none !important;
    padding-top: 0 !important;
    aspect-ratio: 2 / 3 !important;
  }

  /* صورة المنتج تملأ الحاوية */
  body:not(.cart) [class*="card"]:has([class*="price"]) img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
  }

  /* تكبير الشعار */
  header [class*="logo"] img,
  header img[alt*="Taleen"] {
    transform: scale(1.4);
    transform-origin: center;
  }

  /* أحجام قسم الأرقام */
  .taleen-stats h3,
  .taleen-stats h4,
  .taleen-stats [class*="title"] {
    font-size: 13px !important;
  }

  .taleen-stats h2,
  .taleen-stats [class*="number"],
  .taleen-stats [class*="count"],
  .taleen-stats [class*="counter"] {
    font-size: 34px !important;
  }

  /* عنوان الأسئلة الشائعة */
  .taleen-faq h2 {
    font-size: 24px !important;
  }

  /* تكبير عناوين تبويبات أقسام المنتجات (أحدث الجوهرات...) */
  :is(section, div):has(.swiper-slide [class*="price"]) :is([role="tab"], [class*="tab"], nav button, nav a, nav li, [class*="nav"] button, [class*="nav"] li):not(:has(:is([class*="tab"], li, button, a))):not(.swiper-slide *):not([class*="card"] *):not(header *):not(aside *):not(footer *):not([class*="breadcrumb"] *):not([class*="breadcrumb"]) {
    font-size: 19px !important;
    font-weight: 500 !important;
    padding-bottom: 10px !important;
  }
}

/* ===================== الهيدر: حقيبة التسوق ===================== */

header a[href*="cart"] i,
header a[href*="cart"] svg,
.s-cart-summary-icon {
  display: none !important;
}

header a[href*="cart"]::before,
.s-cart-summary-wrapper::before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 13H6.2L5 8z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 13H6.2L5 8z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* دائرة عدد المنتجات */
html body header a[href*="cart"] [class*="count"],
html body header a[href*="cart"] [class*="badge"],
html body .s-cart-summary-count {
  background-color: #050300 !important;
  border: none !important;
  min-width: 17px !important;
  height: 17px !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  translate: 7px -9px;
}

/* الرقم داخل الدائرة: أبيض */
html body header a[href*="cart"] [class*="count"],
html body header a[href*="cart"] [class*="count"] *,
html body header a[href*="cart"] [class*="badge"],
html body header a[href*="cart"] [class*="badge"] *,
html body .s-cart-summary-count,
html body .s-cart-summary-count * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 10px !important;
  line-height: 17px !important;
  font-weight: 600 !important;
}

html body header a[href*="cart"] *::before,
html body header a[href*="cart"] *::after,
html body .s-cart-summary-count::before,
html body .s-cart-summary-count::after {
  color: #ffffff !important;
}


/* ===================== قسم الأرقام ===================== */

.taleen-stats i,
.taleen-stats svg,
.taleen-stats img,
.taleen-stats :has(> i:only-child),
.taleen-stats :has(> svg:only-child),
.taleen-stats :has(> img:only-child) {
  display: none !important;
}

.taleen-stats h3,
.taleen-stats h4,
.taleen-stats [class*="title"] {
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: #6f675f !important;
  margin-top: 4px !important;
}

.taleen-stats h2,
.taleen-stats [class*="number"],
.taleen-stats [class*="count"],
.taleen-stats [class*="counter"] {
  font-weight: 300 !important;
  letter-spacing: 1px !important;
  color: #050300 !important;
}



/* ===================== المزايا ===================== */

.taleen-features * {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.taleen-features :has(> :has(> h2, > h3):has(img, svg, i)) {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 32px 16px !important;
}

.taleen-features :has(> h2, > h3):has(img, svg, i) {
  grid-column: auto !important;
  width: auto !important;
  max-width: none !important;
  background: transparent !important;
  padding: 8px !important;
  text-align: center !important;
}

.taleen-features img,
.taleen-features svg {
  width: 36px !important;
  height: 36px !important;
  object-fit: contain;
  margin: 0 auto 4px !important;
}

.taleen-features i {
  font-size: 36px !important;
}

.taleen-features h2,
.taleen-features h3 {
  font-size: 15px !important;
  font-weight: 500 !important;
  margin-bottom: 4px !important;
}

.taleen-features p {
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: #6f675f !important;
}


/* ===================== آراء العملاء ===================== */

.swiper-slide:has([class*="star"]):not(:has([class*="price"])),
.swiper-slide:has([class*="star"]):not(:has([class*="price"])) * {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  text-align: center !important;
  justify-content: center !important;
}

.swiper-slide:has([class*="star"]):not(:has([class*="price"])) img,
.swiper-slide:has([class*="star"]):not(:has([class*="price"])) [class*="quote"],
.swiper-slide:has([class*="star"]):not(:has([class*="price"])) [class*="avatar"] {
  display: none !important;
}

.swiper-slide:has([class*="star"]):not(:has([class*="price"])) p {
  font-size: 16px !important;
  line-height: 2 !important;
  color: #050300 !important;
}

.swiper-slide:has([class*="star"]):not(:has([class*="price"])) h3,
.swiper-slide:has([class*="star"]):not(:has([class*="price"])) h4,
.swiper-slide:has([class*="star"]):not(:has([class*="price"])) [class*="name"] {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #6f675f !important;
}

/* النجوم: بصمة ذهبية مع لمعان بطيء */
@keyframes taleenGoldShine {
  0%, 70% { background-position: 0% 50%; }
  100%    { background-position: 100% 50%; }
}

.swiper-slide:has([class*="star"]):not(:has([class*="price"])) [class*="star"],
.swiper-slide:has([class*="star"]):not(:has([class*="price"])) [class*="star"]::before {
  font-size: 18px !important;
  background: linear-gradient(160deg, #5e4312 0%, #9c7720 16%, #f8e9a6 30%, #d2ad48 40%, #7a5a1c 54%, #c9a240 64%, #fff4c8 74%, #b8902f 84%, #6b4e16 100%) !important;
  background-size: 250% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  fill: #c5a253 !important;
  filter:
    drop-shadow(0 -0.5px 0 rgba(255, 248, 220, 0.7))
    drop-shadow(0 1px 0.6px rgba(70, 45, 10, 0.55));
  margin: 0 2px !important;
  animation: taleenGoldShine 5s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .swiper-slide [class*="star"],
  .swiper-slide [class*="star"]::before {
    animation: none !important;
  }
}

/* عنوان آراء العملاء بوزن خفيف */
section:has(a[href*="testimonials"]) h2,
:has(> .swiper:has([class*="star"]):not(:has([class*="price"]))) h2 {
  font-weight: 400 !important;
}


/* ===================== إزالة نقشة الشبكة ===================== */

:is(section, div):has(.swiper-slide [class*="star"]):not(:has([class*="price"])),
:is(section, div):has(.swiper-slide [class*="star"]):not(:has([class*="price"]))::before,
:is(section, div):has(.swiper-slide [class*="star"]):not(:has([class*="price"]))::after,
.taleen-faq,
.taleen-faq::before,
.taleen-faq::after,
.taleen-features,
.taleen-features::before,
.taleen-features::after {
  background-image: none !important;
}




/* ===================== الأسئلة القابلة للفتح (الرئيسية وصفحة المنتج) ===================== */

.taleen-faq,
.taleen-faq * {
  box-shadow: none !important;
  border-radius: 0 !important;
}

.taleen-faq h2 {
  font-weight: 400 !important;
}

/* على الجوال: الخطوط من حافة الشاشة إلى حافتها */
@media (max-width: 767px) {
  html body .taleen-faq.s-block,
  html body section.taleen-faq {
    margin-left: -10px !important;
    margin-right: -10px !important;
    width: calc(100% + 20px) !important;
    max-width: none !important;
    overflow: visible !important;
  }

  html body .taleen-faq .container,
  html body .taleen-faq .faq__grid {
    padding-inline: 0 !important;
    margin-inline: 0 !important;
    max-width: none !important;
    width: 100% !important;
    gap: 0 !important;
  }
}

/* كل سؤال: خط بيج هادئ فوقه، وخط تحت آخرها */
html body .taleen-faq .single-faq:not(#_a):not(#_b) {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-top: 1px solid #ddd7d0 !important;
}

html body .taleen-faq .single-faq:last-child:not(#_a):not(#_b) {
  border-bottom: 1px solid #ddd7d0 !important;
}

html body .taleen-faq .single-faq * {
  border-top: none !important;
  border-bottom: none !important;
}

/* زر السؤال: النص يميناً والسهم يساراً، بمسافة 20 بكسل من الحافتين */
html body .taleen-faq .faq-btn:not(#_a):not(#_b) {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 20px !important;
  min-height: 50px !important;
  border: none !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.2px !important;
  color: #3a3a3a !important;
}

/* سهم رفيع ⌄ مرسوم على الزر بدل أيقونة الثيم */
html body .taleen-faq .faq-btn i,
html body .taleen-faq .faq-btn svg {
  display: none !important;
}

html body .taleen-faq .faq-btn::after {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 9px !important;
  height: 9px !important;
  margin-right: auto !important;
  margin-left: 4px !important;
  border-right: 1.1px solid #3a3a3a !important;
  border-bottom: 1.1px solid #3a3a3a !important;
  transform: rotate(45deg) translateY(-3px) !important;
  background: transparent !important;
}

/* الإجابة: نفس المسافة من الحافتين، ولا تأخذ مساحة وهي مغلقة */
html body .taleen-faq .single-faq:not(#_a):not(#_b) > *:not(.faq-btn) {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  color: #6f675f !important;
}

html body .taleen-faq .single-faq p {
  margin: 0 0 12px !important;
}

/* زر داخل الإجابة: أسود ممتلئ في منتصف السطر */
html body .taleen-faq .single-faq a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin: 4px auto 16px !important;
  padding: 10px 26px !important;
  background: #050300 !important;
  border: 1px solid #050300 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.3px;
  text-decoration: none !important;
}

html body .taleen-faq .single-faq a::after {
  content: none !important;
}


/* ===================== صفحة المنتج ===================== */

/* قوائم المقاس والطول: رفيعة ومربعة */
body.product-single select {
  border: 1px solid #050300 !important;
  border-radius: 0 !important;
  height: 48px !important;
  font-size: 14px !important;
}

/* "متوفر" بلون هادئ بدل الأخضر */
body.product-single [class*="stock"],
body.product-single [class*="availability"],
body.product-single [class*="stock"] *,
body.product-single [class*="availability"] * {
  color: #6f675f !important;
}


/* الوصف القصير تحت اسم المنتج */
body.product-single h1 + * {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #6f675f !important;
}

/* إخفاء الأسطر الفارغة في وصف المنتج */
body.product-single p:empty,
body.product-single p:has(> br:only-child) {
  display: none !important;
}

/* إخفاء "التوفر في الفروع" */
body.product-single .product-single__branch-availability {
  display: none !important;
}

/* إخفاء شعارات طرق الدفع من صفحة المنتج فقط (تبقى في الفوتر) */
body.product-single .product-single__info salla-payments {
  display: none !important;
}

/* إخفاء الطلب السريع "ليش تنتظر؟" */
body.product-single salla-quick-order {
  display: none !important;
}

/* إخفاء سطر "تصنيف المنتج" */
body.product-single form.product-form > section > div.center-between:first-child:not(:only-child) {
  display: none !important;
}

/* إخفاء صندوق "المرفقات / إضافة ملاحظة" */
body.product-single form.product-form > section:has(.btn--collapse) {
  display: none !important;
}

/* إخفاء سطر "السعر" المكرر وصندوقه الفارغ */
body.product-single .product-form div.center-between:has(> .product-single__price-label),
body.product-single form.product-form > div.bg-storeBG:has(.product-single__price-label) {
  display: none !important;
}

/* إخفاء كلمة "اختر" الصغيرة تحت عنوان المقاس والطول */
body.product-single .s-product-options-option-label + small,
body.product-single .s-product-options-option-label small,
body.product-single .s-product-options-option > small {
  display: none !important;
}

/* سطرا الطمأنة تحت خيارات المنتج */
body.product-single salla-product-options {
  display: block !important;
}

body.product-single salla-product-options::after {
  content: "توصيل خلال 1-3 أيام داخل المملكة\A استبدال واسترجاع بسهولة عبر بوابة الاستبدال";
  white-space: pre-line;
  display: block;
  margin-top: 18px;
  padding: 14px 0;
  border-top: 1px solid #e6e1db;
  border-bottom: 1px solid #e6e1db;
  font-size: 13px;
  line-height: 2;
  color: #6f675f;
  text-align: right;
}

/* دليل المقاسات فوق خيارات المقاس */
body.product-single form.product-form {
  display: flex !important;
  flex-direction: column !important;
}

body.product-single form.product-form > section:has(> div.center-between) {
  order: -1 !important;
  background: transparent !important;
  padding: 0 !important;
  margin-bottom: 4px !important;
}

body.product-single form.product-form > section:has(> div.center-between) b {
  font-size: 13px !important;
  font-weight: 500 !important;
}

@media (max-width: 767px) {

  /* إخفاء عدّاد الكمية */
  body.product-single salla-quantity-input,
  body.product-single [class*="quantity"]:has(> button) {
    display: none !important;
  }

  /* اسم المنتج */
  body.product-single h1 {
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
  }

  /* ترتيب العمود: المقاس قبل التقسيط */
  body.product-single .product-single__info {
    display: flex !important;
    flex-direction: column !important;
  }

  body.product-single .product-single__info > salla-installment {
    order: 1 !important;
  }
}




/* ===================== التقسيط: tamara | tabby ===================== */

html body.product-single .product-single__info > salla-installment {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  margin-bottom: 24px !important;
  background-color: #ffffff !important;
}

html body.product-single .product-single__info > salla-installment::before {
  content: "هل ترغبين بالدفع بالأقساط؟";
  grid-column: 1 / -1;
  text-align: center;
  padding: 9px 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  color: #222222;
  background-color: #f9f9f9;
  border-bottom: 1px solid #e2e2e2;
}

html body.product-single .tamara-product-widget,
html body.product-single #tabbyPromoWrapper {
  position: relative;
  height: 40px !important;
  min-height: 0 !important;
  max-height: 40px !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: #ffffff !important;
  cursor: pointer;
}

/* ---- تمارا ---- */
html body.product-single .tamara-product-widget {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-inline-end: 1px solid #e2e2e2 !important;
  font-size: 0 !important;
  color: transparent !important;
}

body.product-single .tamara-product-widget .tamara-product-price,
body.product-single .tamara-product-widget .tamara-logo {
  display: none !important;
}

body.product-single .tamara-product-widget::before {
  content: "";
  display: inline-block;
  width: 72px;
  height: 15px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAAhCAYAAABN9OCkAAAHAUlEQVR42u2ca2xURRTHf1tKKVpEg0jUShEKIQjhYaJYBA2KCpoYAw0QlSiBGBCsYLBBPqiIIE9BI0QFH/HBU0lAURBRURDUiEKBRMAXhEcQy6st9EH9MGfjZnvv3Jnd2W2B+09uut0zjzPnnjkz58yZjTRuhC2uAQ4SIkQakGlZ/nMgB7g1FF2IdCDDsFw7YDNwN1Adii1EQ7KgvYFVwOUJWt0QIVJmQQcDG2OUM0SIBqOgLwFLPL5vGootRH0v8YuBIT60mlBsIerLgrYFtmqUE+BYKLYQ6UIkJg56E/ApcKVBvU+AM8ApoBlwFsgGpgC/WPLwAPAkcBWQiwpjVQL7gJ3AfmC8lJ0MjAJKY+rnAGOAj+PanQdcKzw2TrEcg6LJPwGzLdscIT5AR9lWNQNqgcMi45XAu1J2GdBdZFEBVAHlIoN34trdIvKoAiLC+xngFWknFvki+1HADKDYgv9iYCDQQfqrBsqkr53AfOAzKbtN+GgsY2gCbAdmRxV0sM9+0xYDPRTFD9OB4YYT4ogIvo0PfSowKeb/ATLZGpQxMCw3FZhgGC05IbLp4EOPV6quGgOyGeglnwuB54BOMfSlASsrMZOl0HCsh2TLmOtDHxMVwhJHLyHLsNx+DVNeaHURrGadxSrmW9RpLo8LFADLgXvEisXjXED9h4BFFjoAcLXJHrSNQyEHDaK9LFO5hIhFX1nm8uuZj0E+yhm0AhQD71kqp7EXn+OwvaBTpt9CXayDPsCX5wGfzXy+fwQVkkyZF5+dpgH+G+qiJ+adJ3we8vjuBuDtVHaaidvMJL8g/gTgioC6h4FXgR9lOekFFDncYzVETAS6GezXFwAlwGmJeoytB173Jji51gMrgD3ApcAw2UoYW9CDohCxz32aOj+IdxfxeD7QeJM6jJQN81TgC2Ad8CzqiHW8Y0Hv8OE9AuQBX2nqTtDU7ZMAL5MC6A8DrYFpwGrh7Qnpb34alLIEeFD6m+6xNblDU/ck0E+e14ENMoZCaW+FqYJ6oVRT5wyw22KQ/QPoA4CFGvrLwCyHQj+uof0toRs/7NPQvrXk43axKH64F3hfQ38cFbt0jdPA06JEXYAPfcqNDmijp1hPPxSKY5WQglZq6kQsBzxCQ1vK/8FaAiyXTgFq4/7XBeYrA/rSKajLY96nNLRFwBqDNoqAAxb8RgL2mBFxhmYa9F2goQ00NGLDAug1GaQevTS0FyzaaWiB92SRr5lAr1m0MycBA+Rn9WzQQkNbZ9HOLBwNIFHoguw7LdrZcIEpaEeNBd9m0c5GR6vdSYuyBcAlPrS1lnJYVd8K6goXSyZ/TYrL63wLUzTR0Eot+y1vyApqc6LU/iJR0EaoJBdT5DlSXhtdOKqh3Ww53nb1raA7NLTRFu30vsAU8Ruf71ui7n6ZYrDDiWGKEo2lvN6y36L6VtDFGtpEzOKHfYGhF5iCrtTQxllM2qGOlM42OvOzhvaWYRtDAqIBaVHQ5QF0k/S8mQFe4/mIrRpaZwO5tQXmOly2ay351zm4jwZZRlT8+81E9x01AbN2Lep0aLKEOeagjim9jr72ArsCwhW1wIuoH4WIxRhUMnSPgHFUWgg7I4kXVeVQQbegD8cMQiXXeG1txoqn38NyLNUOndCiAMdqLvA16rw+L86XmIIKGwYlKp3zS4oNSiC5Sx7TPcVIYFNAm8/Is0smSBcLYcXzm0yGVsSin2QxRyPH6MvcKIpwFJXO1iqJsUQcRwOmAc9r6LfJfvUI6ki9teVK2CjDIbM6bDZYjqLoZKmcXmGPMgtrW2fWamiufxNgLeoo12QCXkfyidtZCdL8MBn1azNBaIW6kmK7TctKZ5hpHOpoMxWotljGsy2tjqnyJorxpC4f9KTFMp7odfL+eKfiuUBFhqMNsymGkJr8wWoLS5fMpEyVXO6k7uU2F2hqsTImcxASvXDpGr5LfCpvQQ5HJZAccNimy6sGmWnqx8vzfQy7I0fbCaXLyU3mnR9ApWjOcCyTKj8FPYa6/VcqAjsuTynqrLgMdURVHvP5GPC7YceLUEkkcwM8/CjWyFLo1/4ej8jBbokARK+6lgL/AN8F9PWrlDsidU/Is92jn3h8L/1E+z0rbW0ylMsbslebhErcDsI6VKDez/rFn/gcBP5AJYaUiUWNft7kQKGKhf+FIr8gfITKN/VDeUTz+6Dd5cVUezgh8TOzQizPZehPjvzQWzzWXLFSEWnvlAh5PSoXsxtwo0yWJtJvS3mx8egqf0tRiQ1VsuSVGPBzC/CX8FIl4zprMAG7yYSOyMvPEV4TXS36iXOUJ3xkypMlirZAyhWIc1mFulqTKXWWUffGRE9RygpUat0p4fXPFKwK94tj1FHkkC1PFSrMtjpmH9tc3mm56FwLYOF/PvdxHDiFJuUAAAAASUVORK5CYII=") no-repeat center / contain;
}

body.product-single .tamara-product-widget::after {
  content: "ⓘ";
  font-size: 11px;
  color: #333333;
}

/* "اعرف أكثر" يغطي الخانة، فالضغط في أي مكان يفتح التفاصيل */
body.product-single .tamara-product-widget > span:not(.tamara-product-price) {
  position: absolute !important;
  inset: 0;
  opacity: 0;
  font-size: 12px;
  z-index: 2;
}

/* ---- تابي ---- */
html body.product-single #tabbyPromoWrapper {
  overflow: hidden;
}

body.product-single #tabbyPromoWrapper > * {
  max-height: 40px !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* طبقة الشعار فوق ويدجت تابي، والضغط يمر من خلالها */
body.product-single #tabbyPromoWrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAAAnCAYAAAArfufOAAAMUElEQVR42u2be3BcdRXHP9m7N0mTkARLKS0FKlJbpGAtjwFalDKAykPkoQ6IgDJawFHRcabSokVRlKqDM75QARlfICOjiJ1SebQUbEVhCjQoEIRaikAppIU03d1sdv1jv7/J4XjvPkKRlMmZ2bnJ3Xt/5/38/bYpjvBwOrAr8AoQAa3AM8ByxmCnhKYEJZdTnj0SWDNK+dgPeCswA7j/daTzAKAdeDswCPx2Z1VyUddNQBvQBTwJvG2U0b4/8DVgPLAbME1RZznwvh2IZ1/gMmB3yaAVmAI8KhpGPWQT7hWBFmCSNYZRSPuxwBkJ9/+1g/FMAT6WcH/TzhKuk5Q8pGsOKMlynxqFtAchFxQ6y0AH0LyD8fQZueQMnnhnUXIm4V7ZMNUGvAB8dRQbaEZ5MkD0OjpCuxTM62BM/1clR4ahkoqLVaOQ9kETcWxK2b6D8VgDKulj8e6U4TrcexRYCPzefPdOYDIwRwXZVDH9feCOGrgOVuHSpv8f1GekEDt6W3RtS3l+sqrvvfTu+jpoBtjmapV66pRDVPHvpvbz78DG0aTkjPJQDjgF+ASwp3LfFOXo8e6dm6rg+DzwIVWpLQpzBXnc88BS4NIUQU1XVXu86oKLEjw5IwXkFEqjhALtbOA96v8H9UysvP5n4BdV2q6wXl7vZmRIHs+hwKeA9xpDK8sYBoC/AdcCy9x77xdfU03+7wY2ACfVqcfJwOeAeaY7Gge8BCwgjpgfR9wUR6yMI9bFEYNxxPY4olzlMxhH5OKIV+KILXHEqXEE7nNAHLHKvVdMWe+BOGKu3tszjtgQR2yOI/rNM5vc+ufr/lZdN+t6g3nmijjiOYcrl8LPwgQeiCOONu8NxhF5/X+neWaB6KvFZ79osusfWOX5+Sk0+c9Mx1dYrzeOKp68QIOEUGxFpsIG6Jf3Zk212SmvDOFrgrOsvRXCjzJroilak/JcQRa/BZgN3AAcI+vfXZ5WdnQkhdFI1hsKos26LgQuMfmzaLxwwHjbNtGzWJ76bYenYMJzydxv1fVcFaYtWrcsmvp17RDukvBcomcW6f11mkNMczoAmNlAL29TSV78rQmhLjZKjVx+wyh4wBQi/wBu1jDibOCnDukihY6SC2udyuV5I+Ru048ukUJaTFFYcEMaH66zeqbFKO0Y4GLDcKuE3eYq442msGoW/kMcnryRjTW6Z4ADgSuFu1/rtwtfl3BuE43Npi1dILkFeMDoIOAY0JSxHjjMFYNB5quDgLIu77QYoWb0/dMi6iWgpwbCDwDnGEXE8uB2rdWngmulcuJBKuQOAD6oHF0yuTatfohdHVGQICcCZym6FIDbgHsk7KnAR2RQqDAKVfOgeP8eMDdFyZaeicq/ExU97tNI9UnxcqjqAFudNwtXVo7wK91frvzbYSr4SMVbPTDXdQCxaO0JgvurCF2pBH6uE1wr8FhCGzUNmKXQuhpYq/sn653gXXkhzarIuRy4N4HQC4HvSHDlOnrerOvnX5YQD5ZglwOfAXrde19SeL1QhrBV9AZa54ivB51nlVxFPV1G8qQK1CTj/zTwBYXTbS4qzgCOA24HrgeuchGqRfwfW6MLCAYVjCgY6wNBzlngVPPCWVJy8OismRNfCRwB7KEqtazrAPBZKXmyCR2DQhoiw1ox/UQKsT92uSrkwaaUlqVohG97/n2BOzVv7k3BtVi4vmjSRxBsUTJ50BlT2dUrE5TzvlEluv1Qyv2BDG/AREc0Lr3d1BLdcoiSMeATaij5UBl5IUHJrxLMZOBoKtuMVoCBmD2A+SqkpsmCx+v7TvPcXFlWyCl9hpglVRQc4GrgcTd9K9cYhmRdnu1XEbe2Bq7LgEcSRrpZ4DQXYoNMIsNbAXhYIboaXA/8zhhRq2kjTzbPrXAhPfA2t8b6cwx9JSOP+62Se1VE3GGYazcWG6q9YPFbTL4u6d5LJk9FUu4EeXrw4hvrzC/XGmFmXLjE5Z6QmweMMjY0gOsGhetYfBR1nZmQ+23H0SaDva5OPLcBL5q8PiAj7TbP/EkpxzpfpDqiGuxvlJyTEW0FHrJK7nIFRqhQh/SxYbFFhGX1TA/wcxOuJrlRYFDEPQ0MaH4jbxxyY8SmlJwccl2g/44GcK2QIDNav8VUytON11perDH9u048qzX4wbRvgZ/Ddf2jMWhrWCUNTJLgaOPJnUZX91pPzhrhtBllt5vwFGmT4hqF0o1VBBmbUt7mh80jnMg11fGdn7/3N7D+Qybs24jRbNZNo+HlBvBsMHR1OCPtMM89rsIxMp7cpSJtWcK6+xh521nGY0kjzAHgn2rMB40VhRDVq+HC9TU8pS0lb74yAuXW2sPOpLRWLzeIK++UWXRKTkoRI9kIyTm6MwkzibsS0lKrCt5qrVPedSPrvKAOkue+A/iW8cYmY931MrTVEGZbjo4RKDljrtWU3NSA9yfBkDGWojGaYg082RHuEww4vCWXl0sJw59ZKWsea9bOSXfP+2o/k0BIi8k9WTeVasRaB81aezUokMwIng8GuWcD7+1naMyYIUwpIfpkhSMoYZcGadzFjUqHEqLcvW7Xq2C6n70TWqepMppQKGcU8u+vJsxmub4PGQN1MtJnmLBeMaMBYRzm8m0tz/TjzgMbwHWMokzeFVV9wH9SPDHIZvcG8JxgpmttpjtB9Y6Fh13kCKdz5rnnZrsoOy4pVCcpOWMa9lxK6KgGm4ywYlOdzwY+XOcaH28wzHraDtYkqR44RQKMDK8ltTseIrdJMZ3K1mI9cKI6j5LJw7EU/Jh79g/mmWaGtyv94cTj3EZJGAOvqqXkorGIogmB9YbbZ4HnzEB+u7y6I8ESk2BfDWQayatWOSX16ifU8d5RZgMg69aoViiGkD2+SmtjYW/g3a7yD11L0kTuzpQaw+flI027GtLk03bSlabkZ8VwieEdlKKEfw2VHZoZBul5vPpY6iqGD+HntUZB612g0WU1od8tIu3Up+yuPnzu6vhZo7HkVVVwHQL8WrVGwXQCYeT45QQZlSSLWPeeMnP7NDicyoGEmUYhdh6RdNhinTqEnEl9dp4RZDXJRNuMyelP1FLyMlNlhga7SYjOp3KMZYWmXms1CPHHYtcYCyxJkAHPJ6XEC6gcJZpFZUPiSiqbF1M0OMlVmU3jlF5w/28UjosVCucrz8+gskO2hMqmzF6mn8eE7D7XkxbdWDPQ8ZTGokeo2FkofmYpPC8BfkllJyrwESkMF5QWl6YYR4+hq2QM5EQ3ymxyo9/11cp6PwWax/BmeqTwFXrHDtMSFRP60p8AH5W15RSidjNMzq7i0avVKy42TJZTcm/OCSH0iE+oaDqJyi8drnZ5PDLrZUwYDTx9JaFPxXkMwnErlaNN06hsVHwjJZ2UTJsTDjh8t8os/1ozCQtrdEq5S83MOytFh7Xvq7dVudyMCoPF7SJEIb8WJbB8Sv68TFbVaoRXNl6X0+dF01s/B3xdUWLAeXNSr21PZw4ZXlqp7PrcrPsD4idU/IH2JjMWDWvfqHeTjCnwmzfTpluBH7k5QU64thq6wrw6yONueX4aXGeMd9Dw9i6TBoaMDiPJe2m9Sl4BXMHw/mybGUoEgfVp4faUaHCXwuV64wnbTX8YlD1eueZFefcyRY1uM6ZrSfHkVtM6RMbzQ0//MyqH59pMRCqbOiOEuXaj4AVVRrXt+vhToouAW8RTl/gr6+8mhk+m2FOq59VRsD2ja5cr4s6SLvLu+UdqTWE8XCEFXaSm2wswCOY+09d5uEVWeI6qS/uzm07Tj96jkLrMCHWLGaiEcPV4QksTPGabPKjLVMYrVIEuAc5Uvo+McQQjX0dlN+qbKXw0q9Wxx5EmmQgElRMtl1I5MfkWN7oMRrqZyjGpRXV2DStF/wSlkybxeWbCAIi0UA3JP3jzcDKVPeJgjd0auK+TIusdOsxR2A/TmR5V87cmPD+P4SMs48yM3Z8oOY3hM1ThYGAP//t7qClUjvXuI6F1qN14QX3p+hr0n27SQjjpslWRwsN8GcE48ZvTRshfqL2fntRxdCrSNYv2xRpBh6Ir0ijzDJJP3NSl5DEYXVBm+OROKCTXmgnYa54Rj8EbC6ebonPIhOueHbkRMAZvLBzv2sFQU/WOKfnNA8eZCVjBDGVWjin5zQHTqPzSpY9X79X3UuN4VXZMdjsNhB+/TTStHabN5LW0UGMweuAoKuPUboXridRxcPG/y5h2viygdfsAAAAASUVORK5CYII=") no-repeat center / auto 18px;
}

body.product-single #tabbyPromoWrapper::after {
  content: "ⓘ";
  position: absolute;
  top: 50%;
  left: calc(50% - 50px);
  transform: translateY(-50%);
  z-index: 6;
  pointer-events: none;
  font-size: 11px;
  color: #333333;
}


/* على الكمبيوتر: إلغاء إعادة ترتيب النموذج حتى يبقى المقاس فوق أزرار الشراء */
@media (min-width: 768px) {
  body.product-single form.product-form {
    display: block !important;
  }

  body.product-single form.product-form > section:has(> div.center-between) {
    order: 0 !important;
    margin-bottom: 20px !important;
  }
}


/* "كمّل طلبك" وما بعده يأتي بعد صندوق التقسيط */
@media (max-width: 767px) {
  body.product-single .product-single__info > form.product-form ~ *:not(salla-installment) {
    order: 2 !important;
  }
}


/* ===== خيارات المقاس والطول: شكل مبسّط راقٍ ===== */

/* المقاس والطول في صف واحد */
body.product-single salla-product-options :has(> .s-product-options-option-container) {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

/* العنوان: صغير وهادئ */
body.product-single .s-product-options-option-label,
body.product-single .s-product-options-option-label b {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #6f675f !important;
  letter-spacing: 0.3px;
  margin-bottom: 6px !important;
}

/* إخفاء النجمة الحمراء */
body.product-single .s-product-options-option-label span[class*="red"],
body.product-single .s-product-options-option-label span[class*="danger"],
body.product-single .s-product-options-option-label .required,
body.product-single .s-product-options-option-label sup {
  display: none !important;
}

/* القائمة: إطار رمادي رفيع وسهم رفيع */
body.product-single select {
  -webkit-appearance: none !important;
  appearance: none !important;
  height: 44px !important;
  padding: 0 14px !important;
  border: 1px solid #d9d6d2 !important;
  border-radius: 0 !important;
  background: #ffffff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23050300' stroke-width='1.2'><path d='M2 4.5l4 4 4-4'/></svg>") no-repeat left 14px center !important;
  font-size: 14px !important;
  color: #050300 !important;
}

body.product-single select:focus {
  border-color: #050300 !important;
  outline: none !important;
}


/* النجمة بلون هادئ بدل الأحمر */
body.product-single .s-product-options-option-label *,
body.product-single .s-product-options-option-label::after {
  color: #6f675f !important;
}

/* إخفاء شعارات الدفع من فوتر صفحة المنتج فقط */
body.product-single footer salla-payments,
body.product-single footer [class*="payment"] {
  display: none !important;
}


/* ===================== الفوتر بأسلوب دار أزياء ===================== */

/* خلفية عاجية موحّدة بدل الرمادي والأبيض المتقطّع */
footer {
  background-color: #faf9f7 !important;
  border-top: 1px solid #e6e1db !important;
}

footer *:not(img):not(svg):not(path) {
  background-color: transparent !important;
}

/* المونوغرام أصغر وأرقى */
footer img[src*="homepage"],
footer a > img:only-child {
  max-height: 64px !important;
  width: auto !important;
  margin-bottom: 8px !important;
}

/* اسم الدار */
footer b,
footer strong {
  font-weight: 500 !important;
  color: #050300 !important;
}

/* عنوان "روابط مهمة" */
footer h2,
footer h3,
footer h4 {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  color: #050300 !important;
  margin-bottom: 14px !important;
}

/* الروابط: هادئة ومتباعدة قليلاً */
footer ul a,
footer li a {
  font-size: 13px !important;
  line-height: 2.2 !important;
  color: #6f675f !important;
}

/* أزرار واتساب والبريد: بلا إطارات */
footer a[href*="wa.me"],
footer a[href^="mailto"] {
  border: none !important;
  box-shadow: none !important;
  font-size: 13px !important;
  color: #050300 !important;
}

/* أيقونات التواصل الاجتماعي: دوائر بإطار رفيع */
footer a[href*="instagram"],
footer a[href*="snapchat"],
footer a[href*="tiktok"] {
  border: 1px solid #d9d6d2 !important;
  box-shadow: none !important;
}

/* سطر الحقوق صغير وهادئ */
footer [class*="copyright"],
footer [class*="copyright"] * {
  font-size: 11px !important;
  letter-spacing: 0.5px;
  color: #8a8178 !important;
}

/* إخفاء الشريط المقوّس أعلى الفوتر */
footer > svg:first-child,
footer [class*="wave"],
footer [class*="shape"],
footer [class*="curve"] {
  display: none !important;
}

/* شعارات الدفع: صف واحد متساوي الحجم وهادئ */
footer salla-payments ul,
footer [class*="payments-list"] {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 14px !important;
}

footer salla-payments img,
footer [class*="payments-list"] img {
  height: 18px !important;
  width: auto !important;
  opacity: 0.75;
}

/* سطر الحقوق صغير */
footer p:has(a[href*="taleencouture"]),
footer div:has(> a[href*="taleencouture"]):not(:has(div)) {
  font-size: 11px !important;
  letter-spacing: 0.5px;
  color: #8a8178 !important;
}


/* ===================== صفحة التصنيف ===================== */

/* المجموعات الفرعية: أزرار نصية أنيقة بدل الأيقونات المتطابقة */
body.product-index .product-index__subcat-link img,
body.product-index .product-index__subcat-link picture,
body.product-index .product-index__subcat-link [class*="image"] {
  display: none !important;
}

body.product-index .swiper-slide:has(.product-index__subcat-link) {
  width: auto !important;
  margin-inline-end: 8px !important;
}

body.product-index .product-index__subcat-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 18px !important;
  border: 1px solid #d9d6d2 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
}

body.product-index .product-index__subcat-name {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #050300 !important;
  white-space: nowrap !important;
}

body.product-index .product-index__subcat-link:hover {
  border-color: #050300 !important;
}

/* العنوان: هادئ بحروف متباعدة بدل العريض */
body.product-index h1 {
  font-size: 20px !important;
  font-weight: 400 !important;
  letter-spacing: 3px !important;
  color: #050300 !important;
}

/* قائمة الفرز: نفس أسلوب قوائم المقاس */
body.product-index select {
  -webkit-appearance: none !important;
  appearance: none !important;
  height: 40px !important;
  padding: 0 14px !important;
  border: 1px solid #d9d6d2 !important;
  border-radius: 0 !important;
  background: #ffffff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23050300' stroke-width='1.2'><path d='M2 4.5l4 4 4-4'/></svg>") no-repeat left 12px center !important;
  font-size: 13px !important;
  color: #050300 !important;
}

/* البانر: بلا زوايا دائرية */
body.product-index main img:not(.swiper-slide img):not([class*="card"] img) {
  border-radius: 0 !important;
}

/* ===== صفحة التصنيف: لمسات البراند العالمي ===== */

@media (max-width: 767px) {

  /* البانر بعرض الشاشة كاملاً */
  body.product-index main img:not(.swiper-slide img):not([class*="card"] img) {
    width: calc(100% + 32px) !important;
    max-width: none !important;
    margin-inline: -16px !important;
  }

  /* العنوان في سطر مستقل في المنتصف */
  body.product-index :has(> h1) {
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    row-gap: 14px !important;
  }

  body.product-index h1 {
    width: 100% !important;
    text-align: center !important;
    font-size: 18px !important;
    letter-spacing: 5px !important;
    margin-top: 8px !important;
  }
}

/* أزرار المجموعات في المنتصف */
body.product-index .swiper-wrapper:has(.product-index__subcat-link) {
  justify-content: center !important;
}

/* مسار التنقل أصغر وأهدأ */
body.product-index [class*="breadcrumb"],
body.product-index [class*="breadcrumb"] * {
  font-size: 11px !important;
  color: #8a8178 !important;
}

/* بطاقات المنتجات: اسم بوزن متوسط */
body.product-index [class*="card"] h3,
body.product-index [class*="card"] [class*="title"] {
  font-weight: 500 !important;
  font-size: 14px !important;
}

body.product-index [class*="card"] [class*="price"] {
  font-weight: 400 !important;
  font-size: 14px !important;
}

/* إخفاء أيقونة المعاينة السريعة (العين) وتصغير القلب */
body.product-index [class*="card"] [class*="quick"],
body.product-index [class*="card"] [class*="preview"],
body.product-index [class*="card"] [class*="eye"] {
  display: none !important;
}

body.product-index [class*="card"] [class*="wishlist"] i,
body.product-index [class*="card"] [class*="wishlist"] svg {
  font-size: 15px !important;
  width: 15px !important;
  height: 15px !important;
}

/* ===== صفحة التصنيف: اللمسات الأخيرة ===== */

/* الوصف تحت الاسم: أصغر وأهدأ من الاسم */
body.product-index [class*="card"] p,
body.product-index [class*="card"] [class*="subtitle"],
body.product-index [class*="card"] [class*="sub-title"] {
  font-size: 12px !important;
  color: #8a8178 !important;
  line-height: 1.6 !important;
}

body.product-index [class*="card"] h3,
body.product-index [class*="card"] [class*="title"]:not([class*="sub"]) {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #050300 !important;
}


/* أيقونة الفلتر أصغر وأرفع */
body.product-index :has(> select) ~ * svg,
body.product-index [class*="filter"] svg,
body.product-index [class*="filter"] i {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  stroke-width: 1.2 !important;
}

/* زر المجموعة: أسود عند اللمس والاختيار */
body.product-index .product-index__subcat-link:hover,
body.product-index .product-index__subcat-link[class*="active"],
body.product-index .product-index__subcat-link[aria-current] {
  background: #050300 !important;
  border-color: #050300 !important;
}

body.product-index .product-index__subcat-link:hover .product-index__subcat-name,
body.product-index .product-index__subcat-link[class*="active"] .product-index__subcat-name {
  color: #ffffff !important;
}

/* شريط الفرز: خط واحد رفيع تحته بعرض الصفحة، بلا خطوط حول القائمة */
body.product-index :has(> h1) {
  border-bottom: 1px solid #e6e1db !important;
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
}

body.product-index :has(> h1) *,
body.product-index :has(select):not(:has(h1)),
body.product-index :has(select):not(:has(h1)) * {
  border-top: none !important;
  border-bottom: none !important;
}

body.product-index select {
  border: none !important;
  background-position: left 0 center !important;
  padding-inline: 0 18px !important;
  height: 32px !important;
}



/* ===================== صور المنتج المصغرة (الكمبيوتر) ===================== */
body.product-single .product-single__thumb-image {
  object-fit: contain !important;
  object-position: center !important;
  background: #ffffff !important;
}
body.product-single .s-slider-thumbs .swiper-slide {
  border: 1px solid #ece8e3 !important;
  border-radius: 0 !important;
}
body.product-single .s-slider-thumbs .swiper-slide-thumb-active {
  border-color: #050300 !important;
}


/* ===================== صفحة المنتج — الجوال ===================== */
@media (max-width: 767px) {

  /* ---------- نقاط الصور أسفل الصورة ---------- */
  html body.product-single .product-single__main-media .s-slider-thumbs:not(#_a) {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 3 !important;
    margin-top: -26px !important;
    height: 20px !important;
    pointer-events: auto;
  }
  html body.product-single .s-slider-thumbs .swiper-wrapper:not(#_a) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    transform: none !important;
  }
  html body.product-single .s-slider-thumbs .swiper-slide:not(#_a) {
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    background: rgba(5, 3, 0, 0.22) !important;
    overflow: hidden !important;
    clip-path: circle(50%) !important;
    opacity: 1 !important;
  }
  html body.product-single .s-slider-thumbs .swiper-slide-thumb-active:not(#_b):not(#_a) {
    background: #050300 !important;
  }
  html body.product-single .s-slider-thumbs .swiper-slide > *,
  html body.product-single .s-slider-thumbs .swiper-slide img {
    display: none !important;
  }
  html body.product-single .s-slider-thumbs .swiper-slide::before,
  html body.product-single .s-slider-thumbs .swiper-slide::after {
    display: none !important;
  }

  /* ---------- القلب (يسار) والمشاركة (يمين) على حافة الصورة ---------- */
  html body.product-single .product-single__brand-row:not(#_a) {
    position: relative !important;
    z-index: 20 !important;
    margin-top: 0 !important;
    padding-inline: 12px !important;
    transform: translateY(-52px) !important;
    margin-bottom: -52px !important;
  }
  html body.product-single .product-single__brand-row + * {
    margin-top: 14px !important;
  }
  html body.product-single .product-single__title {
    margin-top: 10px !important;
  }
  html body.product-single .product-single__share-row {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
  }
  html body.product-single .product-single__share-row .btn--wishlist {
    order: 2 !important;
  }
  html body.product-single .product-single__share-row > *:not(#_a) {
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.10) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative !important;
    pointer-events: auto !important;
  }
  html body.product-single .product-single__share-row > * *:not(svg):not(path):not(i) {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }
  html body.product-single .product-single__share-row > * *:not(#_a) {
    border-radius: 0 !important;
    overflow: visible !important;
  }
  html body.product-single .product-single__share-row * {
    pointer-events: auto !important;
  }
  html body.product-single .product-single__share-row svg {
    width: 20px !important;
    height: 20px !important;
  }
  html body.product-single .product-single__share-row svg,
  html body.product-single .product-single__share-row svg * {
    stroke-width: revert !important;
    transform: none !important;
  }
  html body.product-single .product-single__share-row i {
    font-size: 18px !important;
  }
  html body.product-single .product-single__share-row [class*="menu"],
  html body.product-single .product-single__share-row [class*="dropdown"],
  html body.product-single .product-single__share-row ul {
    z-index: 50 !important;
    border-radius: 6px !important;
    overflow: visible !important;
  }

  /* ---------- دليل المقاسات + المقاس والطول: محاذاة ومسافات ---------- */
  html body.product-single form.product-form:not(#_a) {
    margin-top: -14px !important;
  }
  html body.product-single form.product-form > section:has(> div.center-between):not(#_c):not(#_b):not(#_a) {
    margin-top: 0 !important;
    padding-top: 6px !important;
    margin-bottom: 14px !important;
  }
  html body.product-single salla-product-options:not(#_b):not(#_a),
  html body.product-single salla-product-options > *:not(#_b):not(#_a),
  html body.product-single salla-product-options .s-product-options-option-container:not(#_b):not(#_a),
  html body.product-single salla-product-options .s-product-options-option:not(#_b):not(#_a) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body.product-single form.product-form > salla-product-options.s-product-options-wrapper.hydrated:not(#_a):not(#_b):not(#_c):not(#_d) {
    padding: 0 0 4px 0 !important;
    padding-inline: 0 !important;
    margin-bottom: 0 !important;
  }

  /* ---------- أزرار الشراء داخل الصفحة (بدل الشريط الثابت) ---------- */
  html body.product-single:not(#_a) {
    padding-bottom: 0 !important;
  }
  html body.product-single form.product-form > section.sticky-product-bar:not(#_c):not(#_b):not(#_a) {
    display: block !important;
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    width: 100% !important;
    z-index: 1 !important;
    order: 20 !important;
    margin-top: 18px !important;
    margin-bottom: 0 !important;
  }
  html body.product-single .sticky-product-bar__quantity:not(#_a) {
    display: none !important;
  }

  /* الزرين تحت بعض بعرض كامل */
  html body.product-single .sticky-product-bar salla-add-product-button:not(#_a) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 0 !important;
    width: 100% !important;
  }
  html body.product-single .sticky-product-bar .s-add-product-button-main:not(#_a) {
    display: contents !important;
  }

  /* أضف إلى السلة: داكن، أيقونة + نص على أي جهاز */
  html body.product-single .sticky-product-bar .s-add-product-button-main > salla-button:not(#_a) {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }
  html body.product-single .sticky-product-bar salla-add-product-button salla-button button:not(#_a):not(#_b):not(#_c) {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #2e3235 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 0 !important;
    font-weight: 500 !important;
  }
  html body.product-single .sticky-product-bar salla-add-product-button salla-button button *:not(i):not(#_a):not(#_b) {
    font-size: 0 !important;
  }
  html body.product-single .sticky-product-bar salla-add-product-button salla-button button i:not(#_a):not(#_b) {
    font-size: 18px !important;
  }
  html body.product-single .sticky-product-bar salla-add-product-button salla-button button span:not(#_a):not(#_b)::after {
    content: none !important;
  }
  html body.product-single .sticky-product-bar salla-add-product-button salla-button button:not(#_a):not(#_b)::after {
    content: "أضف إلى السلة" !important;
    display: inline !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: .3px !important;
  }

  /* اشترِ الآن: مفرّغ بإطار رفيع، بنفس ارتفاع زر السلة */
  html body.product-single .sticky-product-bar salla-mini-checkout-widget:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: #2e3235 !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: inset 0 0 0 1px #2e3235 !important;
    outline: none !important;
  }
  html body.product-single .sticky-product-bar salla-mini-checkout-widget *:not(#_a):not(#_b):not(#_c):not(#_d) {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    min-height: 0 !important;
    max-height: 100% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.2 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
  }
  html body.product-single .sticky-product-bar salla-mini-checkout-widget > *:not(#_a):not(#_b):not(#_c) {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }

  /* إخفاء زر Apple Pay السريع (يبقى متاحاً في صفحة الدفع) */
  html body.product-single .sticky-product-bar salla-quick-buy:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
    display: none !important;
  }

  /* ---------- صندوق الأقساط تحت الأزرار ---------- */
  html body.product-single salla-installment:not(#_a) {
    margin-top: 18px !important;
    margin-bottom: 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }
  html body.product-single .product-single__info:not(#_a) {
    padding-bottom: 0 !important;
  }
}

/* ===================== خانات المقاس والطول: ارتفاع أقل ===================== */
html body.product-single salla-product-options select:not(#_b):not(#_a),
html body.product-single salla-product-options .form-input:not(#_b):not(#_a),
html body.product-single salla-product-options .s-form-control:not(#_b):not(#_a) {
  height: 40px !important;
  min-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 40px !important;
  font-size: 14px !important;
  background-position: left 12px center !important;
}


/* ===================== الأسئلة: العنوان في منتصف الصف مع السهم ===================== */
html body .single-faq .faq-btn:not(#_b):not(#_a) {
  align-items: center !important;
}
html body .single-faq .faq-btn > *:not(#_b):not(#_a) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.5 !important;
}
html body .single-faq .faq-btn:not(#_b):not(#_a)::after {
  margin-top: -4px !important;
  flex-shrink: 0 !important;
}


/* =====================================================
   صفحة السلة — بأسلوب Dior
   ===================================================== */

/* ---------- خلفية رمادية فاتحة والبطاقات بيضاء ---------- */
html body.cart main:not(#_a) {
  background: #f7f7f7 !important;
}
@media (max-width: 767px) {
  html body.cart main nav.breadcrumbs:not(#_a) {
    display: none !important;
  }
}

/* ---------- العنوان: "حقيبة التسوق" ---------- */
html body.cart main h1.sr-only:not(#_a) {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 22px 0 18px !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  text-align: start !important;
  font-size: 0 !important;
  line-height: 1 !important;
}
html body.cart main h1.sr-only:not(#_a)::before {
  content: "حقيبة التسوق";
  font-size: 24px;
  font-weight: 400;
  letter-spacing: .3px;
  color: #1f1f1f;
  line-height: 1.4;
}

/* ---------- البطاقة: الصورة تملأ جانباً كاملاً والنصوص بجانبها ---------- */
html body.cart .main-content *:has(> div.items-start.justify-between salla-quantity-input):not(#_a):not(#_b) {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 22% minmax(0, 1fr) !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  align-items: start !important;
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
}
/* إلغاء الأغلفة حتى تصير الصورة والنصوص عناصر مباشرة في الشبكة */
html body.cart .main-content div.items-start.justify-between:has(salla-quantity-input):not(#_a):not(#_b),
html body.cart .main-content div.items-start.justify-between:has(salla-quantity-input) > div.flex-1:not(#_a):not(#_b) {
  display: contents !important;
}

/* الصورة: عمود كامل بنسبة 2:3 على الأقل */
html body.cart .main-content div.items-start.justify-between div.flex-1 > a:not(#_a):not(#_b) {
  grid-column: 1 !important;
  grid-row: 1 / span 20 !important;
  align-self: stretch !important;
  aspect-ratio: 2 / 3 !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  display: block !important;
  background: #f5f3f0 !important;
}
html body.cart .main-content div.items-start.justify-between div.flex-1 > a img:not(#_a):not(#_b) {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* كل ما عدا الصورة في العمود الثاني */
html body.cart .main-content *:has(> div.items-start.justify-between salla-quantity-input) > *:not(#_a),
html body.cart .main-content div.items-start.justify-between:has(salla-quantity-input) > *:not(#_a),
html body.cart .main-content div.items-start.justify-between div.flex-1 > .space-y-1:not(#_a) {
  grid-column: 2 !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* الاسم والسعر */
html body.cart .main-content div.items-start.justify-between div.flex-1 > .space-y-1:not(#_a):not(#_b) {
  padding-top: 18px !important;
  padding-bottom: 6px !important;
}
html body.cart .main-content .space-y-1:not(#_a) > * + * {
  margin-top: 4px !important;
}
html body.cart .main-content .space-y-1 h1:not(#_a),
html body.cart .main-content .space-y-1 h1 a:not(#_a) {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #1f1f1f !important;
}
html body.cart .main-content .item-price:not(#_a) {
  font-size: 14px !important;
  color: #8a847d !important;
}

/* المقاس والطول: سطر واحد لكل خيار "المقاس: S" مثل المرجع */
html body.cart .main-content *:has(> div.items-start.justify-between salla-quantity-input) > *:not(div.items-start) :is(div, section, fieldset, form):not(#_a) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  gap: 0 !important;
  min-height: 0 !important;
}
html body.cart .main-content *:has(> div.items-start.justify-between salla-quantity-input) > *:not(div.items-start):not(#_a) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
html body.cart .main-content .s-product-options-option:not(#_a):not(#_b) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
}
html body.cart .main-content .s-product-options-option-label:not(#_a):not(#_b),
html body.cart .main-content .s-product-options-option-label b:not(#_a):not(#_b),
html body.cart .main-content .s-product-options-option-label label:not(#_a):not(#_b),
html body.cart .main-content label:not(#_a):not(#_b) {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #8a847d !important;
  white-space: nowrap !important;
}
html body.cart .main-content .s-product-options-option-label:not(#_a):not(#_b)::after {
  content: ":" !important;
  color: #8a847d !important;
}
/* إخفاء النجمة وكلمة "اختر" */
html body.cart .main-content .s-product-options-option-label :is(span[class*="red"], span[class*="danger"], sup, small, .required):not(#_a),
html body.cart .main-content .s-product-options-option-label + small:not(#_a),
html body.cart .main-content .s-product-options-option > small:not(#_a),
html body.cart .main-content label :is(span[class*="red"], span[class*="danger"], .text-danger, sup):not(#_a) {
  display: none !important;
}
html body.cart .main-content label::before,
html body.cart .main-content label::after,
html body.cart .main-content .s-product-options-option-label b::after {
  content: none !important;
}
/* القائمة: نص صغير داكن بدون صندوق */
html body.cart .main-content .s-product-options-option > *:not(.s-product-options-option-label):not(#_a) {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}
html body.cart .main-content select:not(#_a):not(#_b):not(#_c) {
  width: auto !important;
  min-width: 60px !important;
  height: 26px !important;
  min-height: 26px !important;
  line-height: 26px !important;
  padding: 0 0 0 16px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-position: left 0 center !important;
  background-size: 10px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  color: #1f1f1f !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

/* سطر الكمية: "الكمية: [− 1 +]" ثم السعر الإجمالي في الأسفل */
html body.cart .main-content div.border-t.border-b:not(#_a):not(#_b) {
  border: none !important;
  margin-top: 4px !important;
  padding-top: 0 !important;
  padding-bottom: 16px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  row-gap: 14px !important;
  justify-items: start !important;
  grid-row: 20 !important;
}
html body.cart .main-content div.border-t.border-b > salla-quantity-input:not(#_a) {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
html body.cart .main-content div.border-t.border-b > salla-quantity-input:not(#_a)::before {
  content: "الكمية:";
  font-size: 13px;
  color: #8a847d;
}
html body.cart .main-content salla-quantity-input .s-quantity-input-container:not(#_a) {
  height: 26px !important;
  border: 1px solid #e0dbd5 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
html body.cart .main-content salla-quantity-input .s-quantity-input-button:not(#_a) {
  width: 24px !important;
  height: 24px !important;
  border: none !important;
  background: transparent !important;
}
html body.cart .main-content salla-quantity-input .s-quantity-input-button svg:not(#_a) {
  width: 10px !important;
  height: 10px !important;
}
html body.cart .main-content salla-quantity-input .s-quantity-input-input:not(#_a) {
  width: 24px !important;
  height: 24px !important;
  border: none !important;
  font-size: 13px !important;
  text-align: center !important;
}
html body.cart .main-content div.border-t.border-b > p:not(#_a) {
  justify-self: end !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1f1f1f !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body.cart .main-content div.border-t.border-b > p > span:first-child:not(#_a) {
  display: none !important;
}

/* "إزالة" أسفل البطاقة مقابل السعر، مثل Remove في المرجع */
html body.cart .main-content :is(button, a):is([class*="remove"], [class*="delete"], [class*="danger"], [class*="red"]):not(#_a):not(#_b) {
  position: absolute !important;
  top: auto !important;
  bottom: 17px !important;
  right: calc(28% + 16px) !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  padding: 0 0 1px !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #8a847d !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
  z-index: 2 !important;
}
html body.cart .main-content :is(button, a):is([class*="remove"], [class*="delete"], [class*="danger"], [class*="red"]) :is(i, svg, span):not(#_a) {
  display: none !important;
}
html body.cart .main-content :is(button, a):is([class*="remove"], [class*="delete"], [class*="danger"], [class*="red"]):not(#_a)::after {
  content: "إزالة";
  font-size: 13px;
  color: #6f675f;
  letter-spacing: .2px;
}

/* ---------- شريط الإجمالي وزر إتمام الطلب ---------- */
html body.cart .s-cart-summary-card-action button:not(#_a):not(#_b) {
  height: 50px !important;
  background: #1f1f1f !important;
  border: none !important;
  border-radius: 4px !important;
  color: #ffffff !important;
}
html body.cart .s-cart-summary-card-action button .s-button-text:not(#_a) {
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: .3px !important;
}
html body.cart .s-cart-summary-card-bar-label-text:not(#_a) {
  font-size: 15px !important;
  font-weight: 500 !important;
}
html body.cart .s-cart-summary-card-bar-count:not(#_a),
html body.cart .s-cart-summary-card-bar-label-sub:not(#_a) {
  color: #8a847d !important;
  font-size: 12px !important;
}
html body.cart .s-cart-summary-card-bar-total:not(#_a) {
  font-size: 17px !important;
  font-weight: 600 !important;
}

/* ---------- السلة: تبسيط إضافي ---------- */

/* إخفاء السعر تحت اسم المنتج (يظهر في أسفل البطاقة) */
html body.cart .main-content .space-y-1 .item-price:not(#_a):not(#_b) {
  display: none !important;
}

/* إخفاء المرفقات وإضافة ملاحظة */
html body.cart .main-content *:has(> div.items-start.justify-between salla-quantity-input) > *:not(div.items-start):has(button):not(:has(select)):not(:has(salla-quantity-input)):not(:has(:is([class*="remove"], [class*="delete"], [class*="danger"], [class*="red"]))):not(#_a),
html body.cart .main-content *:has(> div.items-start.justify-between salla-quantity-input) *:has(> label):has(button):not(:has(select)):not(:has(salla-quantity-input)):not(#_a) {
  display: none !important;
}

/* إخفاء النجمة بجانب المقاس والطول */
html body.cart .main-content .s-product-options-option-label:has(> b) > :not(b):not(#_a) {
  display: none !important;
}

/* الكمية: رقم فقط بدون صندوق ولا أزرار */
html body.cart .main-content salla-quantity-input .s-quantity-input-button:not(#_a):not(#_b) {
  display: none !important;
}
html body.cart .main-content salla-quantity-input .s-quantity-input-container:not(#_a):not(#_b) {
  border: none !important;
  height: auto !important;
  background: transparent !important;
}
html body.cart .main-content salla-quantity-input .s-quantity-input-input:not(#_a):not(#_b) {
  width: 24px !important;
  height: 22px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  font-size: 13px !important;
  color: #1f1f1f !important;
  text-align: start !important;
  pointer-events: none !important;
}

/* ---------- السلة: بطاقات أصغر حتى تظهر كل المنتجات ---------- */

/* الاسم: مسافات أقل */
html body.cart .main-content div.items-start.justify-between div.flex-1 > .space-y-1:not(#_a):not(#_b):not(#_c) {
  padding-top: 12px !important;
  padding-bottom: 4px !important;
}

/* المقاس والطول: أسطر متقاربة */
html body.cart .main-content .s-product-options-option:not(#_a):not(#_b):not(#_c) {
  margin: 0 0 2px !important;
}
html body.cart .main-content select:not(#_a):not(#_b):not(#_c):not(#_d) {
  height: 22px !important;
  min-height: 22px !important;
  line-height: 22px !important;
}

/* إخفاء النجمة الحمراء */
html body.cart .main-content .s-product-options-option-label :is(span, i, em, sup, small, abbr):not(#_a):not(#_b) {
  display: none !important;
}
html body.cart .main-content .s-product-options-option-label b::after,
html body.cart .main-content .s-product-options-option-label b::before,
html body.cart .main-content .s-product-options-option-label label::after {
  content: none !important;
}

/* الكمية والسعر في سطر واحد */
html body.cart .main-content div.border-t.border-b:not(#_a):not(#_b):not(#_c) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 2px !important;
  padding-bottom: 12px !important;
  row-gap: 0 !important;
}
html body.cart .main-content div.border-t.border-b > p:not(#_a):not(#_b) {
  justify-self: auto !important;
  margin: 0 !important;
}

/* "إزالة": إرجاعه وتثبيته في الزاوية العلوية */
html body.cart .main-content *:has(> div.items-start.justify-between salla-quantity-input) > *:has(:is(button, a):is([class*="remove"], [class*="delete"], [class*="danger"], [class*="red"])):not(div.items-start):not(#_a):not(#_b):not(#_c) {
  display: block !important;
}
html body.cart .main-content :is(button, a):is([class*="remove"], [class*="delete"], [class*="danger"], [class*="red"]):not(#_a):not(#_b):not(#_c) {
  display: inline-block !important;
  top: 12px !important;
  bottom: auto !important;
  left: 14px !important;
  right: auto !important;
}

/* مسافة أسفل الصفحة حتى لا يغطي شريط الإجمالي آخر منتج */
@media (max-width: 767px) {
  html body.cart main:not(#_a):not(#_b) {
    padding-bottom: 200px !important;
  }
}

/* ---------- السلة: إخفاء "منتجات متعلقة" والمنتجات المقترحة ---------- */
html body.cart main salla-products-slider:not(#_a),
html body.cart main salla-products-list:not(#_a),
html body.cart main [class*="related"]:not(#_a),
html body.cart main [class*="cross-sell"]:not(#_a),
html body.cart main [class*="crosssell"]:not(#_a),
html body.cart main [class*="upsell"]:not(#_a),
html body.cart main [class*="suggest"]:not(#_a),
html body.cart main .main-content > *:has(salla-add-product-button):not(#_a),
html body.cart main div.sticky > *:has(salla-add-product-button):not(#_a),
html body.cart main div.sticky > *:has(salla-product-card):not(#_a) {
  display: none !important;
}

/* ---------- السلة: صورة أصغر بإطار هادئ ---------- */
html body.cart .main-content *:has(> div.items-start.justify-between salla-quantity-input):not(#_a):not(#_b):not(#_c) {
  grid-template-columns: 88px minmax(0, 1fr) !important;
}
html body.cart .main-content div.items-start.justify-between div.flex-1 > a:not(#_a):not(#_b):not(#_c) {
  align-self: center !important;
  width: 68px !important;
  aspect-ratio: 2 / 3 !important;
  height: auto !important;
  margin: 12px 14px 12px 6px !important;
  background: #f5f3f0 !important;
}
html body.cart .main-content :is(button, a):is([class*="remove"], [class*="delete"], [class*="danger"], [class*="red"]):not(#_a):not(#_b):not(#_c):not(#_d) {
  right: auto !important;
}

/* ---------- السلة: صندوق كوبون الخصم ---------- */
html body.cart main div.sticky > *:not(#_a) {
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
html body.cart main div.sticky :is(h2, h3, h4, label, p):not(#_a) {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #1f1f1f !important;
}
html body.cart main div.sticky input:not([type="hidden"]):not(#_a) {
  height: 44px !important;
  border: 1px solid #ddd7d0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 14px !important;
}
html body.cart main div.sticky button:not(#_a) {
  height: 44px !important;
  background: #2e3235 !important;
  border: none !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* ---------- السلة: ملخص الطلب ظاهر دائماً (المجموع والضريبة) مثل المرجع ---------- */
html body.cart .s-cart-summary-card-sheet-wrap:not(#_a) {
  display: block !important;
  position: static !important;
  height: auto !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  overflow: visible !important;
  background: transparent !important;
  pointer-events: auto !important;
}
html body.cart .s-cart-summary-card-sheet:not(#_a) {
  position: static !important;
  transform: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 16px 20px 4px !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}
html body.cart .s-cart-summary-card-sheet-header:not(#_a),
html body.cart .s-cart-summary-card-chevron:not(#_a) {
  display: none !important;
}
html body.cart .s-cart-summary-card-line:not(#_a) {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 3px 0 !important;
  margin: 0 !important;
  border: none !important;
}
html body.cart .s-cart-summary-card-line span:not(#_a) {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #3a3a3a !important;
}
html body.cart .s-cart-summary-card-line b:not(#_a) {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #3a3a3a !important;
}
html body.cart .s-cart-summary-card-bar:not(#_a) {
  border-top: 1px solid #ece8e3 !important;
  margin: 8px 20px 0 !important;
  padding: 10px 0 !important;
}
html body.cart .s-cart-summary-card-action button:not(#_a):not(#_b):not(#_c) {
  background: #33373a !important;
  border-radius: 6px !important;
}

/* مسافة أكبر أسفل الصفحة بعد ظهور الملخص */
@media (max-width: 767px) {
  html body.cart main:not(#_a):not(#_b):not(#_c) {
    padding-bottom: 290px !important;
  }
}

/* ===== السلة: لمسات أخيرة ===== */
html body.cart .s-cart-summary-card-bar:not(#_a):not(#_b) {
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid #ece8e3 !important;
}
html body.cart .s-cart-summary-card-bar *:not(#_a) {
  box-shadow: none !important;
}
html body.cart .main-content select:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
  min-width: 0 !important;
  padding-left: 14px !important;
  background-size: 9px !important;
}
html body.cart .s-cart-summary-card-bar-label-sub:not(#_a):not(#_b) {
  display: none !important;
}
html body.cart .s-cart-summary-card-sheet:not(#_a):not(#_b) {
  padding-top: 12px !important;
}
html body.cart .s-cart-summary-card-line:not(#_a):not(#_b) {
  padding: 2px 0 !important;
}

/* ===== السلة: صندوق كوبون أصغر وأنحف ===== */
html body.cart main div.sticky:not(#_a) {
  margin-top: 0 !important;
}
html body.cart main div.sticky > *:not(#_a):not(#_b) {
  padding: 14px 14px 16px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
html body.cart main div.sticky > * *:not(input):not(button):not(#_a) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
html body.cart main div.sticky :is(h2, h3, h4, label, p):not(#_a):not(#_b) {
  font-size: 13px !important;
  color: #3a3a3a !important;
  margin-bottom: 8px !important;
}
html body.cart main div.sticky input:not([type="hidden"]):not(#_a):not(#_b) {
  height: 38px !important;
  min-height: 38px !important;
  font-size: 13px !important;
  padding: 0 12px !important;
}
html body.cart main div.sticky button:not(#_a):not(#_b) {
  height: 38px !important;
  min-height: 38px !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 18px !important;
  font-size: 13px !important;
}

/* ===== السلة (جوال): الملخص يأتي بعد الكوبون مباشرة، ويبقى ظاهراً أسفل الشاشة أثناء التمرير ===== */
@media (max-width: 767px) {
  html body.cart salla-cart-summary-card.s-cart-summary-card:not(#_a):not(#_b) {
    position: sticky !important;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    z-index: 30 !important;
    margin: 0 !important;
  }
  /* الفوتر مخفي في السلة حتى يكون الملخص وزر إتمام الطلب نهاية الصفحة */
  html body.cart footer.store-footer:not(#_a) {
    display: none !important;
  }
  html body.cart main:not(#_a):not(#_b):not(#_c):not(#_d) {
    padding-bottom: 14px !important;
  }
  html body.cart:not(#_a) {
    padding-bottom: 0 !important;
  }
}

/* ===== السلة: تنسيق صندوق الكوبون ===== */
html body.cart main div.sticky > *:not(#_a):not(#_b):not(#_c) {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}
html body.cart main div.sticky > *:has(input):not(#_a):not(#_b):not(#_c) {
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  padding: 14px !important;
}
html body.cart main div.sticky :is(div, p, span, section):empty:not(#_a) {
  display: none !important;
}
html body.cart main div.sticky > *:has(input) *:not(input):not(button):not(#_a):not(#_b) {
  min-height: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
html body.cart main div.sticky > *:has(input) :is(h2, h3, h4, label, p):not(#_a):not(#_b):not(#_c) {
  margin-bottom: 8px !important;
}
html body.cart main div.sticky > *:has(input) *:has(> input):not(#_a) {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
}
html body.cart main div.sticky input:not([type="hidden"]):not(#_a):not(#_b):not(#_c) {
  flex: 1 1 auto !important;
  border-color: #ddd7d0 !important;
  border-left: none !important;
  outline: none !important;
}
@media (max-width: 767px) {
  html body.cart main div.sticky:not(#_a):not(#_b) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* ===== السلة: بطاقات أصغر بلمسة أرقى ===== */
html body.cart .main-content *:has(> div.items-start.justify-between salla-quantity-input):not(#_a):not(#_b):not(#_c):not(#_d) {
  grid-template-columns: 74px minmax(0, 1fr) !important;
  margin-bottom: 10px !important;
}
html body.cart .main-content div.items-start.justify-between div.flex-1 > a:not(#_a):not(#_b):not(#_c):not(#_d) {
  width: 56px !important;
  margin: 10px 12px 10px 6px !important;
}
html body.cart .main-content div.items-start.justify-between div.flex-1 > .space-y-1:not(#_a):not(#_b):not(#_c):not(#_d) {
  padding-top: 10px !important;
  padding-bottom: 2px !important;
}
html body.cart .main-content .space-y-1 h1:not(#_a):not(#_b),
html body.cart .main-content .space-y-1 h1 a:not(#_a):not(#_b) {
  font-size: 14px !important;
}
html body.cart .main-content .s-product-options-option-label:not(#_a):not(#_b):not(#_c),
html body.cart .main-content .s-product-options-option-label b:not(#_a):not(#_b):not(#_c),
html body.cart .main-content label:not(#_a):not(#_b):not(#_c) {
  font-size: 12px !important;
}
html body.cart .main-content select:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) {
  font-size: 12px !important;
  height: 20px !important;
  min-height: 20px !important;
  line-height: 20px !important;
}
html body.cart .main-content div.border-t.border-b > salla-quantity-input:not(#_a)::before {
  font-size: 12px !important;
}
html body.cart .main-content salla-quantity-input .s-quantity-input-input:not(#_a):not(#_b):not(#_c) {
  font-size: 12px !important;
}
html body.cart .main-content div.border-t.border-b:not(#_a):not(#_b):not(#_c):not(#_d) {
  padding-bottom: 10px !important;
}
html body.cart .main-content div.border-t.border-b > p:not(#_a):not(#_b):not(#_c) {
  font-size: 14px !important;
}
html body.cart .main-content :is(button, a):is([class*="remove"], [class*="delete"], [class*="danger"], [class*="red"]):not(#_a)::after {
  font-size: 12px !important;
}
html body.cart .main-content :is(button, a):is([class*="remove"], [class*="delete"], [class*="danger"], [class*="red"]):not(#_a):not(#_b):not(#_c):not(#_d) {
  top: 10px !important;
}

/* =====================================================
   صفحة حساب العميلة — تنسيق فاخر
   ===================================================== */
html body.customer-profile main.profile:not(#_a) {
  background: #f7f7f7 !important;
  padding-bottom: 40px !important;
}
@media (max-width: 767px) {
  html body.customer-profile nav.breadcrumbs:not(#_a) {
    display: none !important;
  }
}
html body.customer-profile .profile__cover--placeholder:not(#_a) {
  background: #faf9f7 !important;
  border-bottom: 1px solid #ece8e3 !important;
  height: 96px !important;
  align-items: center !important;
  justify-content: center !important;
}
html body.customer-profile .profile__cover--placeholder img:not(#_a) {
  max-height: 34px !important;
  opacity: .9 !important;
}
html body.customer-profile article h1:not(#_a),
html body.customer-profile article .sm\:hidden :is(h1, h2, h3, p):not(#_a) {
  font-size: 20px !important;
  font-weight: 400 !important;
  letter-spacing: .3px !important;
  color: #1f1f1f !important;
}
html body.customer-profile article .border-b.border-gray-200:not(#_a) {
  border-color: #ece8e3 !important;
  background: #ffffff !important;
}
html body.customer-profile ul.s-user-menu-inline:not(#_a) {
  display: flex !important;
  gap: 22px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  padding: 0 !important;
}
html body.customer-profile ul.s-user-menu-inline::-webkit-scrollbar {
  display: none !important;
}
html body.customer-profile ul.s-user-menu-inline li:not(#_a) {
  flex: 0 0 auto !important;
}
html body.customer-profile ul.s-user-menu-inline a:not(#_a) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 14px 0 12px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #8a847d !important;
  border-bottom: 1px solid transparent !important;
  background: transparent !important;
  white-space: nowrap !important;
}
html body.customer-profile ul.s-user-menu-inline :is(li.active, li[class*="active"], li[class*="selected"]) a:not(#_a),
html body.customer-profile ul.s-user-menu-inline a:is(.active, [class*="active"], [aria-current]):not(#_a) {
  color: #1f1f1f !important;
  border-bottom-color: #1f1f1f !important;
}
html body.customer-profile main.profile > article > div.mx-auto > h1:not(#_a) {
  text-align: start !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  letter-spacing: .3px !important;
  color: #1f1f1f !important;
  margin: 8px 0 16px !important;
}
html body.customer-profile salla-user-profile form:not(#_a) {
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  padding: 18px 16px !important;
  box-shadow: none !important;
}
html body.customer-profile salla-user-profile label:not(#_a) {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #8a847d !important;
  margin-bottom: 6px !important;
}
html body.customer-profile salla-user-profile :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select):not(#_a) {
  height: 44px !important;
  border: 1px solid #ddd7d0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
  font-size: 14px !important;
  color: #1f1f1f !important;
}
html body.customer-profile salla-user-profile :is(input, select):focus:not(#_a) {
  border-color: #2e3235 !important;
  outline: none !important;
}
html body.customer-profile salla-user-profile .s-user-profile-submit button:not(#_a) {
  width: 100% !important;
  height: 50px !important;
  background: #2e3235 !important;
  border: none !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}
html body.customer-profile salla-user-settings .s-user-settings-section:not(#_a) {
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  margin-top: 12px !important;
}
html body.customer-profile salla-user-settings :is(h2, h3, h4, .s-list-tile-item-title):not(#_a) {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1f1f1f !important;
}
html body.customer-profile salla-user-settings :is(p, .s-list-tile-item-subtitle):not(#_a) {
  font-size: 12px !important;
  color: #8a847d !important;
}
html body.customer-profile .s-user-settings-section-deactivate-user :is(h2, h3, h4, .s-list-tile-item-title, a, button):not(#_a) {
  color: #9b4a4a !important;
}

/* ===== صفحة الحساب: المسافات + إلغاء الصورة الكرتونية + أيقونات أصغر ===== */
html body.customer-profile article .-mt-12 > div.flex:not(#_a) {
  display: none !important;
}
html body.customer-profile article .-mt-12:not(#_a) {
  margin-top: 0 !important;
}
html body.customer-profile article .-mt-12 > div.mt-8:not(#_a),
html body.customer-profile article .-mt-12 .mt-\[36px\]:not(#_a) {
  margin-top: 18px !important;
}
html body.customer-profile .profile__cover--placeholder:not(#_a):not(#_b) {
  height: 72px !important;
}
html body.customer-profile article div.mt-6.sm\:mt-2:not(#_a) {
  margin-top: 14px !important;
}
html body.customer-profile main.profile article .text-center:has(img):not(#_a),
html body.customer-profile main.profile article div.flex:has(> .text-center img):not(#_a) {
  display: none !important;
}
html body.customer-profile main.profile article .-mt-12 img:not(#_a) {
  display: none !important;
}

/* الهيدر: أيقونة حساب رفيعة بدل الصورة الكرتونية */
html body header salla-user-menu img:not(#_a),
html body header [class*="user-menu"] img:not(#_a),
html body header [class*="avatar"] img:not(#_a) {
  display: none !important;
}
html body header salla-user-menu :has(> img):not(.s-user-menu-dropdown *):not(.s-user-menu-dropdown-header):not(#_a),
html body header [class*="user-menu"] :has(> img):not(.s-user-menu-dropdown *):not(.s-user-menu-dropdown-header):not(#_a) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
}
html body header salla-user-menu :has(> img):not(.s-user-menu-dropdown *):not(.s-user-menu-dropdown-header):not(#_a)::before,
html body header [class*="user-menu"] :has(> img):not(.s-user-menu-dropdown *):not(.s-user-menu-dropdown-header):not(#_a)::before {
  content: "" !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  background-color: #1f1f1f !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* النموذج: مسافات أقرب */
html body.customer-profile salla-user-profile .s-user-profile-wrapper:not(#_a) {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
html body.customer-profile salla-user-profile .s-user-profile-wrapper > *:not(#_a) {
  margin: 0 !important;
  padding: 0 !important;
}
html body.customer-profile salla-user-profile .s-user-profile-wrapper * :not(input):not(select):not(button):not(#_a) {
  margin-top: 0 !important;
}
html body.customer-profile salla-user-profile label:not(#_a):not(#_b) {
  margin-bottom: 5px !important;
  display: block !important;
}
html body.customer-profile salla-user-profile :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select):not(#_a):not(#_b) {
  height: 42px !important;
}
html body.customer-profile salla-user-profile .s-user-profile-submit:not(#_a) {
  display: block !important;
  margin-top: 18px !important;
}
html body.customer-profile salla-user-profile form:not(#_a):not(#_b) {
  padding: 16px 14px !important;
}
html body.customer-profile main.profile > article > div.mx-auto > h1:not(#_a):not(#_b) {
  margin: 4px 0 12px !important;
}

/* أيقونات التبويبات أصغر */
html body.customer-profile ul.s-user-menu-inline :is(i, svg, img, span[class*="icon"]):not(#_a):not(#_b) {
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
}
html body.customer-profile ul.s-user-menu-inline a:not(#_a):not(#_b) {
  font-size: 13px !important;
  gap: 5px !important;
}

/* الإعدادات: بطاقة واحدة وأيقونات أصغر */
html body.customer-profile salla-user-settings:not(#_a) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 14px !important;
}
html body.customer-profile salla-user-settings .s-user-settings-section:not(#_a):not(#_b) {
  margin: 0 0 10px !important;
  padding: 0 !important;
}
html body.customer-profile salla-user-settings salla-list-tile *:not(#_a) {
  box-shadow: none !important;
}
html body.customer-profile salla-user-settings salla-list-tile > *:not(#_a) {
  border: none !important;
  padding: 14px !important;
  gap: 12px !important;
  align-items: center !important;
}
html body.customer-profile salla-user-settings :is(i, svg):not(#_a):not(#_b) {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}
html body.customer-profile salla-user-settings :is(h2, h3, h4, .s-list-tile-item-title):not(#_a):not(#_b) {
  font-size: 14px !important;
  margin-bottom: 2px !important;
}
html body.customer-profile salla-user-settings :is(p, .s-list-tile-item-subtitle):not(#_a):not(#_b) {
  font-size: 12px !important;
  line-height: 1.6 !important;
}
html body.customer-profile salla-user-settings input[type="checkbox"]:checked + *:not(#_a),
html body.customer-profile salla-user-settings [class*="toggle"][class*="checked"]:not(#_a),
html body.customer-profile salla-user-settings [class*="switch"] input:checked + *:not(#_a) {
  background-color: #2e3235 !important;
  border-color: #2e3235 !important;
}
html body.customer-profile salla-user-settings :is([class*="toggle"], [class*="switch"]):not(#_a) {
  transform: scale(.85) !important;
  transform-origin: left center !important;
}


/* =====================================================
   قائمة الحساب (عند الضغط على أيقونة الحساب) — بأسلوب Dior
   ===================================================== */

/* اللوحة: بيضاء نظيفة بلا زوايا ثقيلة */
html body .s-user-menu-dropdown:not(#_a) {
  background: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .12) !important;
  padding: 0 24px 12px !important;
  overflow: hidden !important;
}
@media (max-width: 767px) {
  html body .s-user-menu-dropdown:not(#_a) {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}

/* الترحيب: عنوان كبير هادئ في الوسط بدل الصورة الكرتونية */
html body .s-user-menu-dropdown-header:not(#_a) {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  text-align: center !important;
  padding: 30px 0 24px !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #ece8e3 !important;
}
html body .s-user-menu-dropdown-header img:not(#_a),
html body .s-user-menu-dropdown-header [class*="avatar"]:not(#_a) {
  display: none !important;
}
html body .s-user-menu-dropdown-header *:not(#_a) {
  text-align: center !important;
  justify-content: center !important;
  background: transparent !important;
}
html body .s-user-menu-dropdown-header :is(h1, h2, h3, h4, p, span, b, strong):not(#_a) {
  font-size: 22px !important;
  font-weight: 400 !important;
  letter-spacing: .3px !important;
  color: #1f1f1f !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}
html body .s-user-menu-dropdown-header:not(#_a)::after {
  content: "تابعي طلباتك ومفضلتك وبيانات حسابك";
  display: block;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 400;
  color: #8a847d;
}

/* القائمة: بنود بخطوط فاصلة رفيعة، دائرة مفرّغة، عنوان + وصف */
html body ul.s-user-menu-dropdown-list:not(#_a) {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}
html body ul.s-user-menu-dropdown-list > li:not(#_a) {
  border: none !important;
  border-bottom: 1px solid #ece8e3 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
html body ul.s-user-menu-dropdown-list > li:last-child:not(#_a) {
  border-bottom: none !important;
}
html body ul.s-user-menu-dropdown-list > li > :is(a, button):not(#_a) {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  column-gap: 18px !important;
  row-gap: 4px !important;
  align-items: center !important;
  width: 100% !important;
  padding: 20px 2px !important;
  background: transparent !important;
  border: none !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1f1f1f !important;
  text-align: start !important;
}
html body ul.s-user-menu-dropdown-list > li > :is(a, button):hover:not(#_a) {
  background: transparent !important;
  color: #000000 !important;
}
/* إخفاء الأيقونات الأصلية */
html body ul.s-user-menu-dropdown-list > li > :is(a, button) :is(i, svg, img):not(#_a) {
  display: none !important;
}
html body ul.s-user-menu-dropdown-list > li > :is(a, button) > *:not(i):not(svg):not(img):not(#_a) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1f1f1f !important;
  margin: 0 !important;
}
/* الدائرة المفرّغة */
html body ul.s-user-menu-dropdown-list > li > :is(a, button):not(#_a)::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 16px;
  height: 16px;
  border: 1.3px solid #3a3a3a;
  border-radius: 50%;
  box-sizing: border-box;
}
/* الوصف تحت كل بند */
html body ul.s-user-menu-dropdown-list > li > :is(a, button):not(#_a)::after {
  grid-column: 2;
  grid-row: 2;
  font-size: 13px;
  font-weight: 400;
  color: #8a847d;
  line-height: 1.4;
}
html body ul.s-user-menu-dropdown-list a[href*="notification"]:not(#_a)::after { content: "آخر التحديثات والعروض الخاصة"; }
html body ul.s-user-menu-dropdown-list a[href*="order"]:not(#_a)::after { content: "تابعي حالة طلباتك"; }
html body ul.s-user-menu-dropdown-list a[href*="pending"]:not(#_a)::after,
html body ul.s-user-menu-dropdown-list a[href*="unpaid"]:not(#_a)::after { content: "أكملي الدفع لطلباتك المعلّقة"; }
html body ul.s-user-menu-dropdown-list a[href*="wishlist"]:not(#_a)::after { content: "القطع التي أحببتِها"; }
html body ul.s-user-menu-dropdown-list a[href*="profile"]:not(#_a)::after { content: "بياناتك الشخصية"; }
html body ul.s-user-menu-dropdown-list a[href*="rating"]:not(#_a)::after,
html body ul.s-user-menu-dropdown-list a[href*="review"]:not(#_a)::after { content: "تقييماتك للقطع"; }
html body ul.s-user-menu-dropdown-list :is(a[href*="logout"], button):not(#_a)::after { content: "إنهاء الجلسة على هذا الجهاز"; }
html body ul.s-user-menu-dropdown-list :is(a[href*="logout"], button):not(#_a),
html body ul.s-user-menu-dropdown-list :is(a[href*="logout"], button) > *:not(#_a) {
  color: #6f675f !important;
  font-weight: 400 !important;
}

/* ===== قائمة الحساب: مسافات أقل + أوصاف لكل البنود ===== */
html body .s-user-menu-dropdown-header:not(#_a):not(#_b) {
  padding: 22px 0 16px !important;
}
html body .s-user-menu-dropdown-header :is(h1, h2, h3, h4, p, span, b, strong):not(#_a):not(#_b) {
  font-size: 19px !important;
}
html body .s-user-menu-dropdown-header:not(#_a)::after {
  margin-top: 4px !important;
  font-size: 12px !important;
}
html body ul.s-user-menu-dropdown-list > li > :is(a, button):not(#_a):not(#_b) {
  padding: 12px 2px !important;
  row-gap: 1px !important;
  column-gap: 14px !important;
  font-size: 14px !important;
}
html body ul.s-user-menu-dropdown-list > li > :is(a, button) > *:not(i):not(svg):not(img):not(#_a):not(#_b) {
  font-size: 14px !important;
}
html body ul.s-user-menu-dropdown-list > li > :is(a, button):not(#_a)::before {
  width: 14px !important;
  height: 14px !important;
  border-width: 1.2px !important;
}
html body ul.s-user-menu-dropdown-list > li > :is(a, button):not(#_a)::after {
  font-size: 12px !important;
}
html body ul.s-user-menu-dropdown-list a[href*="wallet"]:not(#_a)::after { content: "رصيدك ومبالغ الاسترجاع"; }
html body ul.s-user-menu-dropdown-list a:is([href*="profile"], [href*="account"], [href*="customer"]):not([href*="order"]):not([href*="wishlist"]):not([href*="wallet"]):not([href*="notification"]):not([href*="setting"]):not(#_a)::after { content: "بياناتك الشخصية"; }
html body ul.s-user-menu-dropdown-list a[href*="setting"]:not(#_a)::after { content: "الإشعارات وخيارات الحساب"; }

/* ===== قائمة الحساب: صفحة كاملة بأسلوب Dior (جوال) ===== */
@media (max-width: 767px) {
  html body .s-user-menu-dropdown:not(#_a):not(#_b):not(#_c) {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 24px 40px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    background: #ffffff !important;
    z-index: 9999 !important;
  }
}
html body .s-user-menu-dropdown .s-user-menu-dropdown-header:not(#_a):not(#_b):not(#_c):not(#_d) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 64px 0 26px !important;
  margin: 0 0 4px !important;
  gap: 0 !important;
  border-bottom: 1px solid #ece8e3 !important;
}
html body .s-user-menu-dropdown .s-user-menu-dropdown-header:not(#_a):not(#_b):not(#_c)::before {
  content: none !important;
  display: none !important;
}
html body .s-user-menu-dropdown .s-user-menu-dropdown-header img:not(#_a):not(#_b):not(#_c) {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  position: absolute !important;
}
html body .s-user-menu-dropdown .s-user-menu-dropdown-header-content:not(#_a):not(#_b):not(#_c) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  text-align: center !important;
}
html body .s-user-menu-dropdown .s-user-menu-dropdown-header-content > span:not(#_a):not(#_b):not(#_c) {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #8a847d !important;
  margin-bottom: 4px !important;
}
html body .s-user-menu-dropdown .s-user-menu-dropdown-header-content > p:not(#_a):not(#_b):not(#_c) {
  font-size: 24px !important;
  font-weight: 400 !important;
  letter-spacing: .3px !important;
  color: #1f1f1f !important;
  white-space: normal !important;
  overflow: visible !important;
  margin: 0 !important;
}
html body .s-user-menu-dropdown .s-user-menu-dropdown-header:not(#_a):not(#_b):not(#_c)::after {
  display: block !important;
  position: static !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 8px !important;
  font-size: 13px !important;
}
html body .s-user-menu-dropdown button.s-user-menu-dropdown-header-close:not(#_a):not(#_b) {
  display: flex !important;
  position: absolute !important;
  top: 18px !important;
  left: 0 !important;
  right: auto !important;
  width: 32px !important;
  height: 32px !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html body .s-user-menu-dropdown button.s-user-menu-dropdown-header-close svg:not(#_a),
html body .s-user-menu-dropdown button.s-user-menu-dropdown-header-close svg *:not(#_a) {
  width: 18px !important;
  height: 18px !important;
  fill: #3a3a3a !important;
  color: #3a3a3a !important;
}
html body ul.s-user-menu-dropdown-list > li.s-user-menu-dropdown-item:not(#_a):not(#_b) {
  display: list-item !important;
}
html body ul.s-user-menu-dropdown-list > li > a.s-user-menu-dropdown-item-link:not(#_a):not(#_b):not(#_c) {
  padding: 18px 2px !important;
  row-gap: 3px !important;
  column-gap: 18px !important;
}
html body ul.s-user-menu-dropdown-list .s-user-menu-dropdown-item-title:not(#_a):not(#_b):not(#_c) {
  font-size: 15px !important;
  font-weight: 500 !important;
}

/* =====================================================
   صفحة حسابي — اللمسة العالمية
   ===================================================== */

/* الغلاف المنقّط يُلغى، وترحيب في الوسط */
html body.customer-profile .profile__cover:not(#_a) {
  display: none !important;
}
html body.customer-profile main.profile article > div:first-child:not(#_a) {
  background: #ffffff !important;
  padding: 22px 0 14px !important;
  text-align: center !important;
}
html body.customer-profile article .-mt-12:not(#_a):not(#_b),
html body.customer-profile article .-mt-12 *:not(#_a) {
  margin-top: 0 !important;
  justify-content: center !important;
  text-align: center !important;
}
html body.customer-profile article .-mt-12 :is(h1, h2, h3, p):not(#_a):not(#_b) {
  font-size: 22px !important;
  font-weight: 400 !important;
  letter-spacing: .3px !important;
  color: #1f1f1f !important;
  text-align: center !important;
  width: 100% !important;
}
html body.customer-profile article .-mt-12 .sm\:hidden:not(#_a)::before {
  content: "حيَّاك";
  display: block;
  font-size: 12px;
  color: #8a847d;
  margin-bottom: 2px;
}

/* التبويبات: نص فقط */
html body.customer-profile ul.s-user-menu-inline :is(i, svg, img, span[class*="icon"]):not(#_a):not(#_b):not(#_c) {
  display: none !important;
}
html body.customer-profile ul.s-user-menu-inline:not(#_a):not(#_b):not(#_c) {
  gap: 22px !important;
  padding: 0 16px !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  justify-content: flex-start !important;
}
html body.customer-profile ul.s-user-menu-inline a:not(#_a):not(#_b):not(#_c) {
  font-size: 13px !important;
  padding: 13px 0 11px !important;
}
@media (min-width: 768px) {
  html body.customer-profile ul.s-user-menu-inline:not(#_a):not(#_b):not(#_c) {
    justify-content: center !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }
}

/* عنوان القسم */
html body.customer-profile main.profile > article > div.mx-auto > h1:not(#_a):not(#_b):not(#_c) {
  font-size: 17px !important;
  margin: 16px 0 10px !important;
}

/* النموذج: مضغوط بخطوط سفلية رفيعة */
html body.customer-profile salla-user-profile form:not(#_a):not(#_b):not(#_c) {
  padding: 14px 16px 16px !important;
}
html body.customer-profile salla-user-profile .s-user-profile-wrapper:not(#_a):not(#_b) {
  gap: 10px !important;
}
html body.customer-profile salla-user-profile .s-user-profile-wrapper *:not(input):not(select):not(button):not(label):not(#_a):not(#_b) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
html body.customer-profile salla-user-profile label:not(#_a):not(#_b):not(#_c) {
  font-size: 11px !important;
  color: #8a847d !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}
html body.customer-profile salla-user-profile :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="tel"]), select):not(#_a):not(#_b):not(#_c) {
  height: 34px !important;
  min-height: 34px !important;
  border: none !important;
  border-bottom: 1px solid #d8d3cd !important;
  border-radius: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  background-color: transparent !important;
  font-size: 14px !important;
}
html body.customer-profile salla-user-profile select:not(#_a):not(#_b):not(#_c) {
  background-position: left 0 center !important;
}
/* الجوال: نترك ترتيب الرمز والرقم كما هو، فقط ارتفاع وخط هادئ */
html body.customer-profile salla-user-profile input[type="tel"]:not(#_a):not(#_b):not(#_c) {
  height: 38px !important;
  min-height: 38px !important;
  border: 1px solid #e0dbd5 !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}
html body.customer-profile salla-user-profile :is(input, select):focus:not(#_a):not(#_b) {
  border-bottom-color: #1f1f1f !important;
}
html body.customer-profile salla-user-profile .s-user-profile-submit:not(#_a):not(#_b) {
  margin-top: 16px !important;
}
html body.customer-profile salla-user-profile .s-user-profile-submit button:not(#_a):not(#_b) {
  height: 46px !important;
}

/* الإعدادات: بطاقتان متطابقتان ونظيفتان */
html body.customer-profile salla-user-settings .s-user-settings-section:not(#_a):not(#_b):not(#_c) {
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}
html body.customer-profile .s-user-settings-section-deactivate-user salla-list-tile *:not(button):not(#_a):not(#_b) {
  height: auto !important;
  min-height: 0 !important;
  border: none !important;
  outline: none !important;
}
html body.customer-profile salla-user-settings .s-user-settings-section salla-list-tile > *:not(#_a):not(#_b):not(#_c) {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px !important;
}
html body.customer-profile .s-user-settings-section-deactivate-user :is(h2, h3, h4, .s-list-tile-item-title, a, p):not(#_a):not(#_b) {
  color: inherit !important;
}
html body.customer-profile .s-user-settings-section-deactivate-user :is(h2, h3, h4, .s-list-tile-item-title):not(#_a):not(#_b):not(#_c) {
  color: #1f1f1f !important;
}
html body.customer-profile .s-user-settings-section-deactivate-user :is(p, .s-list-tile-item-subtitle):not(#_a):not(#_b):not(#_c) {
  color: #8a847d !important;
}
html body.customer-profile .s-user-settings-section-deactivate-user button:not(#_a):not(#_b):not(#_c) {
  flex: 0 0 auto !important;
  height: 30px !important;
  padding: 0 12px !important;
  border: 1px solid #d9c4c4 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #9b4a4a !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
}
html body.customer-profile .s-user-settings-section-deactivate-user button *:not(#_a):not(#_b):not(#_c) {
  color: #9b4a4a !important;
  font-size: 12px !important;
}

/* ===== صفحة حسابي: البيانات الشخصية فقط ===== */
html body.customer-profile article .border-b.border-gray-200:not(#_a):not(#_b),
html body.customer-profile article div:has(> div > salla-user-menu):not(#_a) {
  display: none !important;
}
html body.customer-profile salla-user-settings:not(#_a):not(#_b) {
  display: none !important;
}
html body.customer-profile main.profile > article > div.mx-auto > h1:not(#_a):not(#_b):not(#_c):not(#_d) {
  margin-top: 20px !important;
}

/* ===== قائمة الحساب: بنود أقرب لبعض ===== */
html body .s-user-menu-dropdown .s-user-menu-dropdown-header:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
  padding: 50px 0 18px !important;
}
html body ul.s-user-menu-dropdown-list > li > a.s-user-menu-dropdown-item-link:not(#_a):not(#_b):not(#_c):not(#_d) {
  padding: 11px 2px !important;
  row-gap: 1px !important;
  column-gap: 14px !important;
}
html body ul.s-user-menu-dropdown-list .s-user-menu-dropdown-item-title:not(#_a):not(#_b):not(#_c):not(#_d) {
  font-size: 14px !important;
}
html body ul.s-user-menu-dropdown-list > li > a.s-user-menu-dropdown-item-link:not(#_a)::after {
  font-size: 12px !important;
}
html body ul.s-user-menu-dropdown-list > li > a.s-user-menu-dropdown-item-link:not(#_a)::before {
  width: 13px !important;
  height: 13px !important;
}

/* ===== الإعدادات: بطاقة اللغة والعملة (يضيفها كود JavaScript) ===== */
#taleen-locale {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin: 0 0 10px;
}
#taleen-locale .tl-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
}
#taleen-locale .tl-row + .tl-row {
  border-top: 1px solid #ece8e3;
}
#taleen-locale .tl-t {
  font-size: 14px;
  font-weight: 500;
  color: #1f1f1f;
}
#taleen-locale .tl-s {
  font-size: 12px;
  color: #8a847d;
  margin-top: 2px;
}
#taleen-locale .tl-b {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  height: auto;
  padding: 0 0 2px;
  border: none;
  border-bottom: 1px solid #1f1f1f;
  border-radius: 0;
  background: transparent;
  color: #1f1f1f;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .3px;
  text-decoration: none;
  cursor: pointer;
}

/* =====================================================
   كل صفحات الحساب — نفس تصميم صفحة "حسابي"
   ===================================================== */
html body:has(main.profile) main.profile:not(#_a) {
  background: #f7f7f7 !important;
  padding-bottom: 40px !important;
}
@media (max-width: 767px) {
  html body:has(main.profile) nav.breadcrumbs:not(#_a) {
    display: none !important;
  }
}
html body:has(main.profile) .profile__cover:not(#_a),
html body:has(main.profile) main.profile article .text-center:has(img):not(#_a),
html body:has(main.profile) main.profile article .-mt-12 img:not(#_a) {
  display: none !important;
}
html body:has(main.profile) main.profile article > div:first-child:not(#_a) {
  background: #ffffff !important;
  padding: 22px 0 14px !important;
  text-align: center !important;
}
html body:has(main.profile) article .-mt-12:not(#_a):not(#_b),
html body:has(main.profile) article .-mt-12 *:not(#_a) {
  margin-top: 0 !important;
  justify-content: center !important;
  text-align: center !important;
}
html body:has(main.profile) article .-mt-12 :is(h1, h2, h3, p):not(#_a):not(#_b) {
  font-size: 22px !important;
  font-weight: 400 !important;
  letter-spacing: .3px !important;
  color: #1f1f1f !important;
  width: 100% !important;
}
html body:has(main.profile) article .-mt-12 .sm\:hidden:not(#_a)::before {
  content: "حيَّاك";
  display: block;
  font-size: 12px;
  color: #8a847d;
  margin-bottom: 2px;
}
html body:has(main.profile) article .border-b.border-gray-200:not(#_a):not(#_b),
html body:has(main.profile) article div:has(> div > salla-user-menu):not(#_a),
html body:has(main.profile) article div.mt-6:has(salla-user-menu):not(#_a) {
  display: none !important;
}
html body:has(main.profile) main.profile > article > div.mx-auto > h1:not(#_a):not(#_b):not(#_c):not(#_d) {
  text-align: start !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  letter-spacing: .3px !important;
  color: #1f1f1f !important;
  margin: 20px 0 12px !important;
}
html body:has(main.profile) salla-user-settings:not(#_a):not(#_b) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
html body:has(main.profile) salla-user-settings .s-user-settings-section:not(#_a):not(#_b):not(#_c) {
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}
html body:has(main.profile) salla-user-settings salla-list-tile > *:not(#_a):not(#_b):not(#_c) {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px !important;
  border: none !important;
}
html body:has(main.profile) salla-user-settings :is(i, svg):not(#_a):not(#_b) {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}
html body:has(main.profile) salla-user-settings :is(h2, h3, h4, .s-list-tile-item-title):not(#_a):not(#_b):not(#_c) {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1f1f1f !important;
}
html body:has(main.profile) salla-user-settings :is(p, .s-list-tile-item-subtitle):not(#_a):not(#_b):not(#_c) {
  font-size: 12px !important;
  color: #8a847d !important;
  line-height: 1.6 !important;
}
html body:has(main.profile) salla-user-settings input[type="checkbox"]:checked + *:not(#_a),
html body:has(main.profile) salla-user-settings [class*="switch"] input:checked + *:not(#_a) {
  background-color: #2e3235 !important;
  border-color: #2e3235 !important;
}
html body:has(main.profile) .s-user-settings-section-deactivate-user button:not(#_a):not(#_b):not(#_c) {
  height: 30px !important;
  padding: 0 12px !important;
  border: 1px solid #d9c4c4 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #9b4a4a !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
html body:has(main.profile) .s-user-settings-section-deactivate-user button *:not(#_a):not(#_b):not(#_c) {
  color: #9b4a4a !important;
  font-size: 12px !important;
}
html body:has(main.profile) #taleen-locale {
  margin: 0 0 10px !important;
}

/* =====================================================
   قائمة الأمنيات — معرض بعمودين
   ===================================================== */
html body.customer-wishlist main.profile article div.space-y-5:not(#_a) {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  column-gap: 12px !important;
  row-gap: 22px !important;
}
html body.customer-wishlist main.profile article div.space-y-5 > *:not(#_a) {
  margin: 0 !important;
}
html body.customer-wishlist main.profile article div.space-y-5 > :is(salla-wishlist-actions, salla-hook):not(#_a) {
  grid-column: 1 / -1 !important;
}
@media (min-width: 768px) {
  html body.customer-wishlist main.profile article div.space-y-5:not(#_a) {
    grid-template-columns: repeat(4, 1fr) !important;
    column-gap: 18px !important;
  }
}
html body.customer-wishlist .s-wishlist-actions-bar:not(#_a) {
  justify-content: flex-start !important;
  margin-top: -6px !important;
}
html body.customer-wishlist .s-wishlist-actions-bar button:not(#_a) {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 0 2px !important;
  border: none !important;
  border-bottom: 1px solid #8a847d !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #6f675f !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
html body.customer-wishlist .s-wishlist-actions-bar button :is(svg, i):not(#_a) {
  width: 13px !important;
  height: 13px !important;
  font-size: 13px !important;
}
html body.customer-wishlist .product-entry--wishlist:not(#_a) {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body.customer-wishlist .product-entry--wishlist > div:first-child:not(#_a) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  margin: 0 !important;
}
html body.customer-wishlist .product-entry--wishlist a.product-entry__image:not(#_a) {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 2 / 3 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #f5f3f0 !important;
}
html body.customer-wishlist .product-entry--wishlist a.product-entry__image img:not(#_a):not(#_b):not(#_c) {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
  position: static !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 0 !important;
}
html body.customer-wishlist .product-entry--wishlist > div:first-child > div.flex-1:not(#_a) {
  padding: 10px 0 0 !important;
}
html body.customer-wishlist .product-entry--wishlist h3:not(#_a),
html body.customer-wishlist .product-entry--wishlist h3 a:not(#_a) {
  padding: 0 !important;
  margin: 0 0 3px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #1f1f1f !important;
}
html body.customer-wishlist .product-entry--wishlist h4:not(#_a) {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6f675f !important;
}
html body.customer-wishlist .product-entry--wishlist > div:last-child:not(#_a) {
  display: block !important;
  margin-top: 8px !important;
}
html body.customer-wishlist .product-entry--wishlist salla-add-product-button:not(#_a) {
  display: inline-block !important;
  width: auto !important;
  flex: none !important;
}
html body.customer-wishlist .product-entry--wishlist salla-add-product-button button:not(#_a):not(#_b) {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 0 2px !important;
  border: none !important;
  border-bottom: 1px solid #1f1f1f !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1f1f1f !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .2px !important;
  box-shadow: none !important;
}
html body.customer-wishlist .product-entry--wishlist salla-add-product-button button :is(i, svg):not(#_a) {
  display: none !important;
}
html body.customer-wishlist .product-entry--wishlist salla-button.btn--delete:not(#_a) {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  margin: 0 !important;
  z-index: 3 !important;
}
html body.customer-wishlist .product-entry--wishlist salla-button.btn--delete button:not(#_a):not(#_b) {
  width: 26px !important;
  height: 26px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body.customer-wishlist .product-entry--wishlist salla-button.btn--delete button i:not(#_a) {
  font-size: 11px !important;
  color: #3a3a3a !important;
}

/* =====================================================
   قائمة الأمنيات — بطاقات صغيرة مثل سلة الشراء
   ===================================================== */
html body.customer-wishlist main.profile article div.space-y-5:not(#_a):not(#_b) {
  grid-template-columns: 1fr !important;
  row-gap: 10px !important;
}
html body.customer-wishlist .product-entry--wishlist:not(#_a):not(#_b) {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  padding: 0 !important;
  min-height: 108px !important;
}
html body.customer-wishlist .product-entry--wishlist > div:first-child:not(#_a):not(#_b) {
  display: contents !important;
}
html body.customer-wishlist .product-entry--wishlist a.product-entry__image:not(#_a):not(#_b) {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 56px !important;
  aspect-ratio: 2 / 3 !important;
  margin: 10px 12px 10px 6px !important;
  align-self: center !important;
}
html body.customer-wishlist .product-entry--wishlist > div:first-child > div.flex-1:not(#_a):not(#_b) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  padding: 12px 16px 0 44px !important;
}
html body.customer-wishlist .product-entry--wishlist h3:not(#_a):not(#_b),
html body.customer-wishlist .product-entry--wishlist h3 a:not(#_a):not(#_b) {
  font-size: 14px !important;
  margin: 0 0 2px !important;
}
html body.customer-wishlist .product-entry--wishlist h4:not(#_a):not(#_b) {
  font-size: 13px !important;
}
html body.customer-wishlist .product-entry--wishlist > div:last-child:not(#_a):not(#_b) {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  margin: 8px 0 12px !important;
  padding: 0 16px !important;
}
html body.customer-wishlist .product-entry--wishlist salla-button.btn--delete:not(#_a):not(#_b) {
  top: 10px !important;
  left: 12px !important;
}
html body.customer-wishlist .product-entry--wishlist salla-button.btn--delete button:not(#_a):not(#_b):not(#_c) {
  width: 22px !important;
  height: 22px !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body.customer-wishlist .product-entry--wishlist salla-button.btn--delete button i:not(#_a):not(#_b) {
  font-size: 11px !important;
  color: #8a847d !important;
}
/* إخفاء زر "شارك" */
html body.customer-wishlist salla-wishlist-actions:not(#_a):not(#_b) {
  display: none !important;
}

/* =====================================================
   صفحة الطلبات
   ===================================================== */
html body.customer-orders-index .s-orders-banner:not(#_a) {
  background: #faf9f7 !important;
  border: 1px solid #ece8e3 !important;
  border-radius: 4px !important;
  padding: 10px 12px !important;
  gap: 8px !important;
  box-shadow: none !important;
}
html body.customer-orders-index .s-orders-banner-text:not(#_a) {
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: #6f675f !important;
  margin: 0 !important;
}
html body.customer-orders-index .s-orders-banner-icon:not(#_a),
html body.customer-orders-index .s-orders-banner-icon svg:not(#_a) {
  width: 16px !important;
  height: 16px !important;
  color: #8a847d !important;
  fill: #8a847d !important;
  background: transparent !important;
}
html body.customer-orders-index .s-orders-banner-icon svg *:not(#_a) {
  fill: #8a847d !important;
}
html body.customer-orders-index .s-orders-filters:not(#_a) {
  display: flex !important;
  gap: 22px !important;
  border-bottom: 1px solid #ece8e3 !important;
  margin: 16px 0 14px !important;
  padding: 0 !important;
}
html body.customer-orders-index .s-orders-filters button:not(#_a):not(#_b) {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 0 9px !important;
  margin-bottom: -1px !important;
  border: none !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #8a847d !important;
}
html body.customer-orders-index .s-orders-filters button.s-button-primary-outline:not(#_a):not(#_b) {
  color: #1f1f1f !important;
  border-bottom-color: #1f1f1f !important;
}
html body.customer-orders-index .s-orders-filters button *:not(#_a) {
  color: inherit !important;
  font-size: 13px !important;
}
html body.customer-orders-index table.s-orders-table:not(#_a),
html body.customer-orders-index tbody.s-orders-table-tbody:not(#_a) {
  display: block !important;
  width: 100% !important;
  border: none !important;
  background: transparent !important;
}
html body.customer-orders-index thead.s-orders-table-head:not(#_a) {
  display: none !important;
}
html body.customer-orders-index tr.s-orders-table-tbody-tr:not(#_a):not(#_b) {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  row-gap: 6px !important;
  column-gap: 12px !important;
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 14px !important;
  margin: 0 0 10px !important;
}
html body.customer-orders-index td.s-orders-table-tbody-tr-td:not(#_a) {
  display: block !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  min-height: 0 !important;
}
html body.customer-orders-index .s-orders-table-tbody-tr-td-content:not(#_a) {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}
html body.customer-orders-index .s-orders-mobile-title:not(#_a) {
  display: none !important;
}
html body.customer-orders-index tr.s-orders-table-tbody-tr > td:nth-child(1):not(#_a) { grid-column: 1 !important; grid-row: 1 !important; }
html body.customer-orders-index tr.s-orders-table-tbody-tr > td:nth-child(2):not(#_a) { grid-column: 2 !important; grid-row: 1 !important; }
html body.customer-orders-index tr.s-orders-table-tbody-tr > td:nth-child(4):not(#_a) { grid-column: 1 !important; grid-row: 2 !important; }
html body.customer-orders-index tr.s-orders-table-tbody-tr > td:nth-child(3):not(#_a) { grid-column: 2 !important; grid-row: 2 !important; }
html body.customer-orders-index tr.s-orders-table-tbody-tr > td:nth-child(5):not(#_a) { grid-column: 1 / -1 !important; grid-row: 3 !important; }
html body.customer-orders-index .s-orders-action-cell:empty:not(#_a),
html body.customer-orders-index tr.s-orders-table-tbody-tr > td:nth-child(5):has(.s-orders-action-cell:empty):not(#_a) {
  display: none !important;
}
html body.customer-orders-index .s-orders-reference-id:not(#_a):not(#_b),
html body.customer-orders-index .s-orders-reference-id *:not(#_a) {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: .3px !important;
  color: #1f1f1f !important;
  opacity: 1 !important;
}
html body.customer-orders-index tr.s-orders-table-tbody-tr > td:nth-child(1) .s-orders-table-tbody-tr-td-content:not(#_a):not(#_b) {
  justify-content: flex-start !important;
}
html body.customer-orders-index .s-orders-reference-id:not(#_a):not(#_c) { order: 1 !important; }
html body.customer-orders-index .s-orders-buy-as-gift-icon:not(#_a):not(#_b) {
  order: 2 !important;
  font-size: 12px !important;
  color: #8a847d !important;
  margin: 0 !important;
}
html body.customer-orders-index .s-orders-copy-to-clipboard-button:not(#_a):not(#_b) {
  order: 3 !important;
  opacity: .5 !important;
  transform: scale(.85) !important;
}
html body.customer-orders-index .s-orders-status-container:not(#_a) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  background: #f6f3f0 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}
html body.customer-orders-index .s-orders-status-container :is(i, svg):not(#_a) {
  display: none !important;
}
html body.customer-orders-index .s-orders-status-container *:not(#_a) {
  font-size: 11px !important;
}
html body.customer-orders-index tr.s-orders-table-tbody-tr > td:nth-child(4) .s-orders-table-tbody-tr-td-content > div:not(#_a) {
  font-size: 12px !important;
  color: #8a847d !important;
}
html body.customer-orders-index tr.s-orders-table-tbody-tr > td:nth-child(3) .s-orders-table-tbody-tr-td-content > div:not(#_a) {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1f1f1f !important;
}
html body.customer-orders-index tr.s-orders-table-tbody-tr > td:nth-child(2):not(#_a):not(#_b),
html body.customer-orders-index tr.s-orders-table-tbody-tr > td:nth-child(3):not(#_a):not(#_b) {
  justify-self: end !important;
}
html body.customer-orders-index tr.s-orders-table-tbody-tr > td:nth-child(3) .s-orders-table-tbody-tr-td-content:not(#_a):not(#_b) {
  justify-content: flex-end !important;
}
html body.customer-orders-index .s-orders-leave-review-btn button:not(#_a):not(#_b) {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 0 2px !important;
  margin-top: 4px !important;
  border: none !important;
  border-bottom: 1px solid #1f1f1f !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1f1f1f !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
html body.customer-orders-index .s-infinite-scroll-btn:not(#_a):not(#_b) {
  height: auto !important;
  padding: 0 0 2px !important;
  margin: 10px auto 0 !important;
  border: none !important;
  border-bottom: 1px solid #1f1f1f !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1f1f1f !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

/* =====================================================
   نافذة تقييم الطلب
   ===================================================== */
html body .s-rating-modal-wrap button.s-modal-close:not(#_a) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html body .s-rating-modal-wrap button.s-modal-close svg:not(#_a),
html body .s-rating-modal-wrap button.s-modal-close svg *:not(#_a) {
  width: 16px !important;
  height: 16px !important;
  fill: #3a3a3a !important;
  color: #3a3a3a !important;
}
html body .s-rating-modal-wrap .s-modal-title:not(#_a),
html body .s-rating-modal-wrap .s-modal-title *:not(#_a) {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #1f1f1f !important;
}
html body .s-rating-modal-wrap .s-rating-modal-rounded-icon:not(#_a) {
  border: 1px solid #ece8e3 !important;
  box-shadow: none !important;
}
html body .s-rating-modal-wrap .s-rating-modal-title:not(#_a) {
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: .3px !important;
  color: #1f1f1f !important;
}
html body .s-rating-modal-wrap .s-rating-modal-subtitle:not(#_a) {
  font-size: 13px !important;
  color: #8a847d !important;
}
html body .s-rating-modal-wrap .s-rating-stars-btn-star:not(#_a),
html body .s-rating-modal-wrap .s-rating-stars-btn-star span:not(#_a),
html body .s-rating-modal-wrap .s-rating-stars-btn-star span::before {
  color: #e4dfd8 !important;
  fill: #e4dfd8 !important;
}
html body .s-rating-modal-wrap .s-rating-stars-btn-star.s-rating-stars-selected:not(#_a),
html body .s-rating-modal-wrap .s-rating-stars-btn-star.s-rating-stars-selected span:not(#_a),
html body .s-rating-modal-wrap .s-rating-stars-btn-star.s-rating-stars-selected span::before,
html body .s-rating-modal-wrap .s-rating-stars-btn-star.s-rating-stars-hovered span:not(#_a),
html body .s-rating-modal-wrap .s-rating-stars-btn-star.s-rating-stars-hovered span::before {
  color: #b8955a !important;
  fill: #b8955a !important;
}
html body .s-rating-modal-wrap .s-rating-stars-label:not(#_a) {
  background: transparent !important;
  border: none !important;
  color: #8a847d !important;
  font-size: 12px !important;
  padding: 2px 0 !important;
}
html body .s-rating-modal-wrap textarea.s-rating-modal-comment:not(#_a) {
  border: 1px solid #e0dbd5 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  padding: 12px !important;
  background: #ffffff !important;
}
html body .s-rating-modal-wrap textarea.s-rating-modal-comment:focus:not(#_a) {
  border-color: #2e3235 !important;
  outline: none !important;
}
html body .s-rating-modal-wrap .s-rating-modal-contact p:not(#_a) {
  font-size: 13px !important;
  color: #6f675f !important;
}
html body .s-rating-modal-wrap .s-rating-modal-contact-icons span:not(#_a) {
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  background: #ffffff !important;
}
html body .s-rating-modal-wrap .s-rating-modal-contact-icons svg:not(#_a),
html body .s-rating-modal-wrap .s-rating-modal-contact-icons svg *:not(#_a) {
  fill: #3a3a3a !important;
}
html body .s-rating-modal-wrap .s-rating-modal-step-dot.s-rating-modal-bg-primary:not(#_a) {
  background: #2e3235 !important;
}
html body .s-rating-modal-wrap .s-rating-modal-step-dot.s-rating-modal-bg-gray:not(#_a) {
  background: #e4dfd8 !important;
}
html body .s-rating-modal-wrap .s-rating-modal-footer button.s-button-primary:not(#_a) {
  height: 44px !important;
  padding: 0 22px !important;
  background: #2e3235 !important;
  border: none !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
html body .s-rating-modal-wrap .s-rating-modal-footer button.s-rating-modal-btn:not(#_a) {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #8a847d !important;
  border-radius: 0 !important;
  color: #6f675f !important;
  font-size: 13px !important;
}
html body .s-rating-modal-wrap .filepond--panel-root:not(#_a) {
  background: #faf9f7 !important;
  border: 1px dashed #d8d3cd !important;
  border-radius: 4px !important;
}
html body .s-rating-modal-wrap .filepond--drop-label:not(#_a) {
  color: #6f675f !important;
  font-size: 13px !important;
}
html body .s-rating-modal-wrap .s-rating-modal-upload-count:not(#_a) {
  font-size: 12px !important;
  color: #8a847d !important;
}

/* =====================================================
   الفوتر — لمسة دار الأزياء العالمية
   ===================================================== */
html body footer.store-footer .store-footer__brand p strong:not(#_a):not(#_b) {
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: .5px !important;
  color: #1f1f1f !important;
}
html body footer.store-footer .footer-badges:not(#_a) {
  gap: 18px !important;
  margin: 18px 0 6px !important;
  align-items: center !important;
}
html body footer.store-footer salla-trust-badges:not(#_a) {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}
/* شعار السجل التجاري بلونه الأخضر الأصلي */
html body footer.store-footer img.s-trust-badges-image:not(#_a):not(#_b):not(#_c) {
  width: 34px !important;
  height: auto !important;
  filter: none !important;
  opacity: 1 !important;
}
html body footer.store-footer :is(.s-trust-badges-label, .footer-tax__number p):not(#_a):not(#_b) {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #8a847d !important;
  letter-spacing: .3px !important;
  margin: 0 0 2px !important;
}
html body footer.store-footer :is(.s-trust-badges-number, .footer-tax__number b):not(#_a):not(#_b) {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #4a443e !important;
  letter-spacing: .6px !important;
}
html body footer.store-footer .store-footer__locale-row:not(#_a) {
  margin: 14px 0 0 !important;
}
html body footer.store-footer .store-footer__locale-row button i:not(#_a) {
  display: none !important;
}
html body footer.store-footer .store-footer__locale-row button:not(#_a):not(#_b),
html body footer.store-footer .store-footer__locale-row button span:not(#_a) {
  font-size: 13px !important;
  color: #4a443e !important;
  letter-spacing: .3px !important;
  background: transparent !important;
}
html body footer.store-footer .store-footer__locale-row .sicon-keyboard_arrow_down:not(#_a):not(#_b) {
  font-size: 10px !important;
  color: #a39d96 !important;
  margin-inline-start: 3px !important;
}
html body footer.store-footer .store-footer__locale-row > span.mx-2\.5:not(#_a) {
  color: #d8d3cd !important;
  font-size: 11px !important;
}
html body footer.store-footer .store-footer__menu:not(#_a) {
  border-top: 1px solid #ece8e3 !important;
  padding-top: 26px !important;
  margin-top: 26px !important;
}
html body footer.store-footer .store-footer__menu-title:not(#_a):not(#_b) {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  color: #1f1f1f !important;
  margin-bottom: 20px !important;
}
html body footer.store-footer ul.store-links-items:not(#_a):not(#_b) {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  row-gap: 16px !important;
  column-gap: 12px !important;
}
html body footer.store-footer a.store-footer__menu-link:not(#_a):not(#_b) {
  margin: 0 !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: #4a443e !important;
  letter-spacing: .2px !important;
  line-height: 1.5 !important;
}
html body footer.store-footer .store-footer__contacts-row:not(#_a) {
  border-top: 1px solid #ece8e3 !important;
  padding-top: 22px !important;
  margin-top: 26px !important;
}
html body footer.store-footer selia-contacts a:not(#_a):not(#_b),
html body footer.store-footer selia-contacts a span:not(#_a) {
  border: none !important;
  font-size: 13px !important;
  color: #2e3235 !important;
  background: transparent !important;
}
html body footer.store-footer selia-contacts a i:not(#_a) {
  font-size: 14px !important;
}
html body footer.store-footer .s-social-list:not(#_a) {
  gap: 10px !important;
  margin-top: 6px !important;
}
html body footer.store-footer .s-social-list a:not(#_a) {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid #e0dbd5 !important;
  border-radius: 50% !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body footer.store-footer .s-social-icon svg:not(#_a) {
  width: 15px !important;
  height: 15px !important;
  fill: #3a3a3a !important;
}
@media (max-width: 767px) {
  html body footer.store-footer:not(#_a) {
    padding-bottom: 70px !important;
  }
}
html body footer.store-footer .footer-bottom:not(#_a):not(#_b) {
  border-top: 1px solid #ece8e3 !important;
  margin-top: 18px !important;
  padding: 18px 0 6px !important;
  background: transparent !important;
}
html body footer.store-footer .store-footer__bottom-inner:not(#_a) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 4px !important;
}
html body footer.store-footer .footer-rights p:not(#_a):not(#_b),
html body footer.store-footer .footer-rights a:not(#_a):not(#_b) {
  font-size: 12px !important;
  color: #8a847d !important;
  letter-spacing: .3px !important;
}
html body footer.store-footer .footer-rights:not(#_a)::after {
  content: "أنوثة مُطرّزة بالفخامة";
  display: block;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  color: #a8875a;
}
html body footer.store-footer ul.s-payments-list:not(#_a) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px 18px !important;
  margin-top: 12px !important;
}
html body footer.store-footer .s-payments-list-item:not(#_a) {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
}
/* شعارات الدفع بألوانها الأصلية */
html body footer.store-footer .s-payments-list-item img:not(#_a):not(#_b):not(#_c),
html body footer salla-payments img:not(#_a):not(#_b):not(#_c) {
  filter: none !important;
  opacity: 1 !important;
  height: 18px !important;
  width: auto !important;
  max-width: 46px !important;
  object-fit: contain !important;
}
html body footer.store-footer .s-payments-list-item img.s-payments-sbc-image:not(#_a):not(#_b):not(#_c) {
  height: 24px !important;
}

/* =====================================================
   الصفحات التعريفية — تنسيق دار أزياء
   ===================================================== */
@media (max-width: 767px) {
  html body.page-single nav.breadcrumbs:not(#_a) {
    display: none !important;
  }
}
html body.page-single .content--single-page:not(#_a) {
  max-width: 640px !important;
  margin: 0 auto !important;
  padding: 26px 4px 50px !important;
}
html body.page-single .content--single-page > h1:not(#_a) {
  text-align: center !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  letter-spacing: .5px !important;
  color: #1f1f1f !important;
  margin: 0 0 26px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #ece8e3 !important;
}
html body.page-single .content-entry:not(#_a),
html body.page-single .content-entry :is(p, li, span):not(#_a) {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.95 !important;
  color: #4a443e !important;
  text-align: start !important;
}
html body.page-single .content-entry p:not(#_a) {
  margin: 0 0 4px !important;
}
html body.page-single .content-entry :is(strong, b):not(#_a),
html body.page-single .content-entry :is(strong, b) *:not(#_a) {
  font-weight: 500 !important;
  color: #1f1f1f !important;
}
/* السطر العريض: نص أوضح، مع مسافة قبله */
html body.page-single .content-entry p:has(> strong:only-child):not(#_a):not(#_b),
html body.page-single .content-entry p:has(> b:only-child):not(#_a):not(#_b) {
  margin: 0 0 4px !important;
  padding-top: 0 !important;
  border-top: none !important;
}
html body.page-single .content-entry p:has(> strong:only-child):not(:first-child):not(#_a):not(#_b):not(#_c),
html body.page-single .content-entry p:has(> b:only-child):not(:first-child):not(#_a):not(#_b):not(#_c) {
  margin-top: 22px !important;
  margin-bottom: 6px !important;
}
html body.page-single .content-entry p:has(> strong:only-child) strong:not(#_a):not(#_b),
html body.page-single .content-entry p:has(> b:only-child) b:not(#_a):not(#_b) {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
/* الأسطر الفاضية */
html body.page-single .content-entry p:has(> br:only-child):not(#_a),
html body.page-single .content-entry p:empty:not(#_a) {
  height: 10px !important;
  margin: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
/* العناوين الحقيقية (عنوان 2 / 3 من المحرر) بخط فاصل */
html body.page-single .content-entry :is(h1, h2, h3, h4):not(#_a):not(#_b) {
  margin: 26px 0 10px !important;
  padding-top: 20px !important;
  border-top: 1px solid #ece8e3 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  color: #1f1f1f !important;
}
html body.page-single .content-entry > :first-child:not(#_a) {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}
html body.page-single .content-entry [style*="color"]:not(#_a) {
  color: #1f1f1f !important;
}
html body.page-single .content-entry [style*="background"]:not(#_a) {
  background: transparent !important;
}
html body.page-single .content-entry :is(ul, ol):not(#_a) {
  padding-inline-start: 18px !important;
  margin: 4px 0 10px !important;
}
html body.page-single .content-entry li::marker {
  color: #a8875a;
}
html body.page-single .content-entry a:not(#_a) {
  color: #1f1f1f !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-decoration-color: #c9c3bb !important;
}
html body.page-single .content-entry img:not(#_a) {
  max-width: 100% !important;
  height: auto !important;
  margin: 12px auto !important;
  display: block !important;
}
/* الجداول */
html body.page-single .content-entry table:not(#_a) {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 10px 0 18px !important;
  font-size: 12px !important;
  background: #ffffff !important;
}
html body.page-single .content-entry :is(th, td):not(#_a) {
  border: none !important;
  border-bottom: 1px solid #ece8e3 !important;
  padding: 10px 8px !important;
  text-align: center !important;
  color: #4a443e !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  background: transparent !important;
}
html body.page-single .content-entry tr:first-child :is(th, td):not(#_a),
html body.page-single .content-entry th:not(#_a) {
  background: #faf9f7 !important;
  color: #1f1f1f !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: .5px !important;
  border-bottom: 1px solid #d8d3cd !important;
}
html body.page-single .content-entry td:last-child:not(#_a) {
  font-weight: 600 !important;
  color: #1f1f1f !important;
}
@media (max-width: 767px) {
  html body.page-single .content-entry table:not(#_a) {
    display: block !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
  }
}
html body.page-single salla-comments:not(#_a) {
  display: none !important;
}

/* =====================================================
   نافذة دليل المقاسات في صفحة المنتج
   ===================================================== */
html body .s-product-size-guide-wrapper button.s-modal-close:not(#_a) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html body .s-product-size-guide-wrapper button.s-modal-close svg:not(#_a),
html body .s-product-size-guide-wrapper button.s-modal-close svg *:not(#_a) {
  width: 16px !important;
  height: 16px !important;
  fill: #3a3a3a !important;
  color: #3a3a3a !important;
}
html body .s-product-size-guide-wrapper .s-modal-header :is(.s-modal-icon, [class*="icon"]):not(button):not(#_a) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html body .s-product-size-guide-wrapper .s-modal-title:not(#_a),
html body .s-product-size-guide-wrapper .s-modal-title *:not(#_a) {
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: .3px !important;
  color: #1f1f1f !important;
}
html body .s-product-size-guide-wrapper .s-tabs-header:not(#_a) {
  display: flex !important;
  gap: 18px !important;
  border-bottom: 1px solid #ece8e3 !important;
  background: transparent !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  margin-bottom: 16px !important;
}
html body .s-product-size-guide-wrapper .s-tabs-header-item:not(#_a) {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 9px !important;
  margin-bottom: -1px !important;
  white-space: nowrap !important;
}
html body .s-product-size-guide-wrapper .s-tabs-header-item span:not(#_a) {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #8a847d !important;
}
html body .s-product-size-guide-wrapper .s-tabs-header-item.s-tabs-active:not(#_a) {
  border-bottom-color: #1f1f1f !important;
}
html body .s-product-size-guide-wrapper .s-tabs-header-item.s-tabs-active span:not(#_a) {
  color: #1f1f1f !important;
  font-weight: 500 !important;
}
html body .s-product-size-guide-wrapper salla-tab-content *:not(#_a) {
  font-style: normal !important;
}
html body .s-product-size-guide-wrapper salla-tab-content :is(p, div, span, h1, h2, h3, i, em, b, strong, font):not(#_a):not(#_b) {
  font-size: 13px !important;
  line-height: 1.8 !important;
  color: #4a443e !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
html body .s-product-size-guide-wrapper salla-tab-content :is(b, strong, font):not(#_a):not(#_b):not(#_c) {
  font-weight: 500 !important;
  color: #1f1f1f !important;
}
html body .s-product-size-guide-wrapper salla-tab-content i:not(#_a):not(#_b):not(#_c),
html body .s-product-size-guide-wrapper salla-tab-content i *:not(#_a):not(#_b):not(#_c) {
  font-size: 12px !important;
  color: #6f675f !important;
}
html body .s-product-size-guide-wrapper salla-tab-content table:not(#_a):not(#_b) {
  width: 100% !important;
  border-collapse: collapse !important;
  border: none !important;
  margin: 4px 0 14px !important;
}
html body .s-product-size-guide-wrapper salla-tab-content :is(td, th):not(#_a):not(#_b) {
  border: none !important;
  border-bottom: 1px solid #ece8e3 !important;
  padding: 11px 6px !important;
  text-align: center !important;
  vertical-align: middle !important;
  background: transparent !important;
  font-size: 13px !important;
  color: #4a443e !important;
}
html body .s-product-size-guide-wrapper salla-tab-content tr:first-child :is(td, th):not(#_a):not(#_b):not(#_c) {
  background: #faf9f7 !important;
  border-bottom: 1px solid #d8d3cd !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #1f1f1f !important;
  line-height: 1.5 !important;
}
html body .s-product-size-guide-wrapper salla-tab-content tr:first-child :is(td, th) *:not(#_a):not(#_b):not(#_c) {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #1f1f1f !important;
}
html body .s-product-size-guide-wrapper salla-tab-content tr:not(:first-child) td:last-child:not(#_a):not(#_b):not(#_c) {
  font-weight: 600 !important;
  color: #1f1f1f !important;
}
html body .s-product-size-guide-wrapper salla-tab-content a:not(#_a):not(#_b),
html body .s-product-size-guide-wrapper salla-tab-content a *:not(#_a):not(#_b) {
  color: #1f1f1f !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
html body .s-product-size-guide-wrapper salla-tab-content img:is(:not([src]), [src=""]):not(#_a) {
  display: none !important;
}

/* ===== صفحة المنتج: إخفاء قسم "كمّل طلبك" ===== */
html body.product-single [class*="bought-together"]:not(#_a),
html body.product-single [class*="frequently"]:not(#_a),
html body.product-single [class*="bundle"]:not(#_a),
html body.product-single [class*="cross-sell"]:not(#_a),
html body.product-single .product-single__info > *:not(form):not(salla-installment):not(script):has(input[type="checkbox"]):not(#_a) {
  display: none !important;
}

/* =====================================================
   زر التواصل العائم: "تواصلي معنا"
   ===================================================== */
html body .wa-selia:not(#_a):not(#_b):not(#_c) {
  width: auto !important;
  height: 44px !important;
  min-width: 0 !important;
  padding: 0 !important;
  bottom: 20px !important;
  background: #2e3235 !important;
  border: none !important;
  border-radius: 24px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .14) !important;
  z-index: 40 !important;
  transform: none !important;
  animation: none !important;
}
html body .wa-selia.right:not(#_a):not(#_b):not(#_c) {
  right: 14px !important;
}
html body .wa-selia a:not(#_a):not(#_b):not(#_c) {
  width: auto !important;
  height: 44px !important;
  padding: 0 18px 0 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  border-radius: 24px !important;
  text-decoration: none !important;
}
html body .wa-selia a i:not(#_a):not(#_b) {
  display: none !important;
}
html body .wa-selia a:not(#_a)::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background-color: #ffffff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16a1.5 1.5 0 0 1 1.5 1.5v9A1.5 1.5 0 0 1 20 17h-9.5L6 20.5V17H4a1.5 1.5 0 0 1-1.5-1.5v-9A1.5 1.5 0 0 1 4 5z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16a1.5 1.5 0 0 1 1.5 1.5v9A1.5 1.5 0 0 1 20 17h-9.5L6 20.5V17H4a1.5 1.5 0 0 1-1.5-1.5v-9A1.5 1.5 0 0 1 4 5z'/%3E%3C/svg%3E") no-repeat center / contain;
}
html body .wa-selia a:not(#_a)::after {
  content: "تواصلي معنا";
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: .3px;
  color: #ffffff;
  white-space: nowrap;
}
html body .wa-selia::before,
html body .wa-selia::after {
  display: none !important;
}
html body.cart .wa-selia:not(#_a):not(#_b):not(#_c) {
  display: none !important;
}

/* ===== صفحة المنتج: خيار واحد فقط (المقاس بدون طول) في منتصف السطر
         لجعله بعرض السطر كامل: غيّري calc(50% - 6px) إلى 100% في السطرين ===== */
html body.product-single salla-product-options :has(> .s-product-options-option-container):not(:has(> .s-product-options-option-container ~ .s-product-options-option-container)) > .s-product-options-option-container:not(#_a):not(#_b) {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  width: calc(50% - 6px) !important;
  max-width: calc(50% - 6px) !important;
}

/* ===== تجربة الخط: صفحة سياسة الاستبدال والاسترجاع فقط (يفعّلها الجزء 8 في JavaScript)
         للتبديل إلى Amiri: غيّري السطر التالي إلى  'Amiri', serif ===== */
html.tl-font-test {
  --tl-test-font: 'Markazi Text', serif;
}
html.tl-font-test body.page-single .content--single-page > h1:not(#_a):not(#_b) {
  font-family: var(--tl-test-font) !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
html.tl-font-test body.page-single .content-entry :is(h1, h2, h3, h4, strong, b):not(#_a):not(#_b):not(#_c) {
  font-family: var(--tl-test-font) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
html.tl-font-test body.page-single .content-entry :is(p, li, span):not(#_a):not(#_b):not(#_c) {
  font-family: var(--tl-test-font) !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
}

/* ===== صفحة سياسة الاستبدال والاسترجاع: خط فاصل فوق عناوين الأقسام (يعتمد على الجزء 8 في JavaScript) ===== */
html.tl-font-test body.page-single .content-entry p:has(> strong:only-child):not(:first-child):not(#_a):not(#_b):not(#_c):not(#_d),
html.tl-font-test body.page-single .content-entry p:has(> b:only-child):not(:first-child):not(#_a):not(#_b):not(#_c):not(#_d) {
  border-top: 1px solid #ece8e3 !important;
  padding-top: 20px !important;
  margin-top: 24px !important;
}
html.tl-font-test body.page-single .content-entry p:has(> strong:only-child) strong:not(#_a):not(#_b):not(#_c):not(#_d),
html.tl-font-test body.page-single .content-entry p:has(> b:only-child) b:not(#_a):not(#_b):not(#_c):not(#_d) {
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: .3px !important;
}

/* =====================================================
   روابط الفوتر: متوسّطة ومتوازنة (عمودين، والأخير في المنتصف)
   ===================================================== */
html body footer.store-footer ul.store-links-items:not(#_a):not(#_b):not(#_c) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  row-gap: 16px !important;
  column-gap: 0 !important;
}
html body footer.store-footer ul.store-links-items > li:not(#_a):not(#_b) {
  flex: 0 0 50% !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

/* =====================================================
   صفحة المنتج: سطر «دليل المقاسات» فقط
   - إخفاء «تصنيف المنتج»
   - إخفاء «عرض دليل المقاسات ›» (يبقى شغّال في الخلفية)
   - الضغط على الأيقونة أو الاسم يفتح جدول المقاسات
   (الكلاسات tl-sg-row و tl-sg-btn يضيفها JavaScript الجزء 10)
   ===================================================== */
html body.product-single form.product-form > section > div.center-between:first-child:not(:only-child):not(.tl-sg-row):not(#_a):not(#_b):not(#_c) {
  display: none !important;
}
html body.product-single .tl-sg-row:not(#_a):not(#_b):not(#_c) {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
}
html body.product-single .tl-sg-row .tl-sg-btn:not(#_a):not(#_b):not(#_c) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  clip: rect(0 0 0 0) !important;
  pointer-events: none !important;
}
/* السطر كله منطقة ضغط وحدة: بدون فراغ بين المسطرة والكلمة */
html body.product-single .tl-sg-row:not(#_a):not(#_b):not(#_c) {
  width: 100% !important;
  min-height: 44px !important;
}
html body.product-single .tl-sg-row *:not(#_a):not(#_b) {
  cursor: pointer !important;
}
html body.product-single .tl-sg-row > :first-child:not(.tl-sg-btn):not(#_a):not(#_b):not(#_c) {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  align-self: stretch !important;
  gap: 0 !important;
  column-gap: 0 !important;
}
html body.product-single .tl-sg-row > :first-child:not(.tl-sg-btn) > *:not(#_a):not(#_b):not(#_c) {
  margin: 0 !important;
}
html body.product-single .tl-sg-row > :first-child:not(.tl-sg-btn) > :first-child:not(:last-child):not(#_a):not(#_b):not(#_c) {
  padding-inline-end: 8px !important;
}
/* طبقة شفافة تابعة للسطر نفسه تغطيه كامل: أي ضغطة في أي مكان تفتح الدليل */
html body.product-single .tl-sg-row:not(#_a):not(#_b):not(#_c)::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  background: transparent !important;
  border: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
html body.product-single .tl-sg-row:not(#_a):not(#_b):not(#_c) {
  touch-action: manipulation !important;
}

/* =====================================================
   خط المتجر كله: Markazi Text (مجاني، رخصة OFL)
   الأيقونات مستثناة حتى لا تختفي
   ===================================================== */
:root {
  --tl-font: 'Markazi Text', serif;
  --font-main: 'Markazi Text', serif;
}
html.tl-font-test {
  --tl-test-font: 'Markazi Text', serif;
}
html body:not(#_a),
html body *:not(i):not(svg):not(svg *):not([class*="sicon"]):not([class*="icon-"]):not([class^="icon"]):not([class*="fa-"]):not(#_a) {
  font-family: var(--tl-font) !important;
}

/* =====================================================
   الكمبيوتر: الهيدر بأسلوب دور الأزياء
   ===================================================== */
@media (min-width: 1024px) {
  /* شريط الإعلان: جملة وحدة في النص (ينظمه JavaScript الجزء 13) */
  html body .tl-ann:not(#_a):not(#_b) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    animation: none !important;
    transform: none !important;
    width: 100% !important;
  }
  html body .tl-ann *:not(#_a) {
    animation: none !important;
  }
  html body .tl-ann-text:not(#_a):not(#_b) {
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: .6px !important;
    color: #1f1f1f !important;
  }

  /* الشعار أكبر على الكمبيوتر فقط (الجوال يبقى على إعداد الثيم 100) */
  html body header [class*="logo"] img:not(salla-user-menu img):not([class*="user-menu"] img):not([class*="avatar"] img):not([class*="avatar"]):not(#_a):not(#_b),
  html body header img[alt*="Taleen"]:not(salla-user-menu img):not([class*="user-menu"] img):not([class*="avatar"] img):not([class*="avatar"]):not(#_a):not(#_b) {
    width: 190px !important;
    max-width: 190px !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;
  }

  /* الأيقونات بلون الشعار، وحجم أهدأ */
  html body header :is(i, svg):not(#_a):not(#_b) {
    color: #1f1f1f !important;
    fill: currentColor;
  }
  html body header :is(a, button):not(#_a):not(#_b) {
    color: #1f1f1f !important;
  }
  html body header i:not(#_a):not(#_b) {
    font-size: 22px !important;
  }
  html body header svg:not(#_a):not(#_b) {
    width: 22px !important;
    height: 22px !important;
  }
  /* كلمة «القائمة»: أصغر وأنحف */
  html body header .tl-menu-word:not(#_a):not(#_b):not(#_c) {
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: .3px !important;
  }

  /* زر «تواصلي معنا» أكبر على الكمبيوتر */
  html body .wa-selia:not(#_a):not(#_b):not(#_c):not(#_d) {
    height: 60px !important;
    border-radius: 32px !important;
    bottom: 28px !important;
    transform: none !important;
  }
  html body .wa-selia.right:not(#_a):not(#_b):not(#_c):not(#_d) {
    right: 28px !important;
  }
  html body .wa-selia a:not(#_a):not(#_b):not(#_c):not(#_d) {
    height: 60px !important;
    padding: 0 28px 0 24px !important;
    gap: 12px !important;
    border-radius: 32px !important;
  }
  html body .wa-selia a:not(#_a):not(#_b)::before {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
  }
  html body .wa-selia a:not(#_a):not(#_b)::after {
    font-size: 18px !important;
    font-weight: 600 !important;
  }
}

/* =====================================================
   الكمبيوتر: شريط «توصيل سريع» أوضح (خلفية داكنة وكتابة بيضاء مثل أُناس)
   + مسافات متساوية بين أيقونات الهيدر
   ===================================================== */
@media (min-width: 1024px) {
  html body .tl-ann-bar:not(#_a):not(#_b):not(#_c),
  html body .tl-ann-bar *:not(.tl-ann-text):not(svg):not(path):not(#_a):not(#_b) {
    background: #1f1f1f !important;
    background-color: #1f1f1f !important;
  }
  html body .tl-ann-bar:not(#_a):not(#_b):not(#_c) {
    min-height: 46px !important;
  }
  html body .tl-ann-bar .tl-ann-text:not(#_a):not(#_b):not(#_c) {
    color: #ffffff !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    letter-spacing: .5px !important;
    background: transparent !important;
  }
  html body .tl-ann-bar :is(button, a, i, svg, path):not(#_a):not(#_b) {
    color: #ffffff !important;
    stroke: currentColor;
  }

  /* أيقونات الهيدر (السلة، الحساب، البحث): مسافات متساوية */
  html body header [class*="header__main-end"]:not(#_a):not(#_b):not(#_c) {
    display: flex !important;
    align-items: center !important;
    gap: 26px !important;
  }
  html body header [class*="header__main-end"] > *:not(#_a):not(#_b):not(#_c) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* =====================================================
   الكمبيوتر: هيدر أبيض ثابت ومنفصل عن البنر (مثل أناس)
   ===================================================== */
@media (min-width: 1024px) {
  html body header:not(#_a):not(#_b):not(#_c):not(#_d) {
    position: sticky !important;
    top: 0 !important;
    z-index: 60 !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #ece8e3 !important;
  }
  html body header *:not(#_a):not(#_b):not(#_c):not(#_d) {
    background-image: none !important;
  }
  html body header > *:not(#_a):not(#_b):not(#_c):not(#_d),
  html body header :is(.inner, [class*="inner"], [class*="wrapper"], [class*="container"]):not(#_a):not(#_b):not(#_c) {
    background-color: transparent !important;
  }
  html body header::before,
  html body header::after {
    display: none !important;
  }

  /* كل النصوص والروابط والأيقونات داكنة */
  html body header :is(a, button, span, li, i, p):not(.tl-keep):not([class*="badge"]):not([class*="count"]):not(#_a):not(#_b):not(#_c):not(#_d) {
    color: #1f1f1f !important;
  }
  html body header svg [stroke]:not([stroke="none"]):not(#_a):not(#_b):not(#_c) {
    stroke: #1f1f1f !important;
  }
  html body header svg [fill]:not([fill="none"]):not(#_a):not(#_b):not(#_c) {
    fill: #1f1f1f !important;
  }
  html body header svg:not(#_a):not(#_b):not(#_c) {
    color: #1f1f1f !important;
  }

  /* الأقسام الأفقية بأسلوب أناس */
  html body header nav a:not(#_a):not(#_b):not(#_c):not(#_d),
  html body header nav a span:not(#_a):not(#_b):not(#_c):not(#_d) {
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: .3px !important;
    text-shadow: none !important;
  }
}

/* الكمبيوتر: الهيدر وقت النزول في الصفحة يبقى أبيض (بدون الضبابية والصورة خلفه) */
@media (min-width: 1024px) {
  html body #mainnav:not(#_a):not(#_b):not(#_c),
  html body #mainnav .inner:not(#_a):not(#_b):not(#_c),
  html body header .main-nav-container:not(#_a):not(#_b):not(#_c) {
    background: #ffffff !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 1px 0 #ece8e3 !important;
  }
  html body #mainnav::before,
  html body #mainnav::after,
  html body #mainnav .inner::before,
  html body #mainnav .inner::after {
    display: none !important;
  }
}

/* =====================================================
   الكمبيوتر: هيدر أقصر (بدون الفراغ الأبيض فوق وتحت الشعار)
   ===================================================== */
@media (min-width: 1024px) {
  html body header:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }
  /* كل الأغلفة اللي فيها الشعار: بدون ارتفاع ثابت أو حشو */
  html body header :is(div, nav, section):has(> img[alt*="Taleen"], > [class*="logo"] img, [class*="logo"] > img, > a > img[alt*="Taleen"]):not(:has(salla-user-menu, [class*="user-menu"])):not(#_a):not(#_b):not(#_c):not(#_d) {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* الصف الأساسي: ارتفاع مريح مثل أناس */
  html body header > :is(div, nav):has(> img[alt*="Taleen"], > [class*="logo"] img, [class*="logo"] > img, > a > img[alt*="Taleen"]):not(:has(salla-user-menu, [class*="user-menu"])):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  html body header [class*="logo"] img:not(salla-user-menu img):not([class*="user-menu"] img):not([class*="avatar"] img):not([class*="avatar"]):not(#_a):not(#_b):not(#_c),
  html body header img[alt*="Taleen"]:not(salla-user-menu img):not([class*="user-menu"] img):not([class*="avatar"] img):not([class*="avatar"]):not(#_a):not(#_b):not(#_c) {
    width: 170px !important;
    max-width: 170px !important;
    margin: 0 auto !important;
    display: block !important;
  }
}

/* =====================================================
   الكمبيوتر: قص الفراغ الشفاف داخل صورة الشعار نفسها
   (ملف الشعار مربع وفيه مساحة فاضية فوق وتحت الكتابة)
   ===================================================== */
@media (min-width: 1024px) {
  html body header [class*="logo"] img:not(salla-user-menu img):not([class*="user-menu"] img):not([class*="avatar"] img):not([class*="avatar"]):not(#_a):not(#_b):not(#_c):not(#_d),
  html body header img[alt*="Taleen"]:not(salla-user-menu img):not([class*="user-menu"] img):not([class*="avatar"] img):not([class*="avatar"]):not(#_a):not(#_b):not(#_c):not(#_d) {
    width: 200px !important;
    max-width: 200px !important;
    height: 92px !important;
    max-height: 92px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  /* أي غلاف حول الشعار ما يفرض ارتفاع */
  html body header [class*="logo"]:not(img):not(#_a):not(#_b):not(#_c) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* =====================================================
   الكمبيوتر: سطر الأقسام تحت الشعار (JavaScript الجزء 15)
   ===================================================== */
@media (min-width: 1024px) {
  /* إخفاء القائمة الأصلية مع إبقاء مكانها حتى يبقى الشعار في النص */
  html.tl-has-navrow body header .tl-nav-hide:not(#_a):not(#_b):not(#_c) {
    visibility: hidden !important;
    pointer-events: none !important;
  }
  html body header .tl-nav-row:not(#_a):not(#_b) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 72px !important;
    width: 100% !important;
    padding: 16px 0 18px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-top: 1px solid #f1ede8 !important;
  }
  html body header .tl-nav-row a:not(#_a):not(#_b):not(#_c):not(#_d) {
    position: relative !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: 2.6px !important;
    text-transform: uppercase !important;
    color: #1f1f1f !important;
    text-decoration: none !important;
    padding: 4px 0 !important;
  }
  html body header .tl-nav-row a::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: -2px;
    height: 1px;
    background: #1f1f1f;
    transform: scaleX(0);
    transition: transform .3s ease;
  }
  html body header .tl-nav-row a:hover::after,
  html body header .tl-nav-row a.tl-active::after {
    transform: scaleX(1);
  }
}

/* =====================================================
   الكمبيوتر: شريط المزايا + البنر الأول (JavaScript الجزء 16)
   ===================================================== */
@media (min-width: 1024px) {
  html body .tl-usp:not(#_a):not(#_b) {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 16px 24px !important;
    background: #ffffff !important;
  }
  html body .tl-usp-item:not(#_a):not(#_b) {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    letter-spacing: .2px !important;
  }
  html body .tl-usp-ic:not(#_a) {
    display: inline-flex !important;
    width: 22px !important;
    height: 22px !important;
    color: #1f1f1f !important;
  }
  html body .tl-usp-ic svg:not(#_a) {
    width: 22px !important;
    height: 22px !important;
    stroke-width: 1.6 !important;
  }

  /* البنر الأول: بعرض محدود في النص مثل أُناس، والصورة العرضية كاملة بدون قص (16:9) */
  html body .tl-hero:not(#_a):not(#_b) {
    max-width: 1320px !important;
    width: calc(100% - 48px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
  }
  html body .tl-hero :is(.swiper, .swiper-container, .swiper-wrapper, .swiper-slide, .advanced-slider__slide, salla-slider, [class*="advanced-slider"]):not([class*="pagination"]):not([class*="button"]):not([class*="nav"]):not(#_a):not(#_b) {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
  }
  html body .tl-hero .advanced-slider__slide :is(picture, a, figure, div):has(img):not(#_a):not(#_b) {
    height: 100% !important;
  }
  html body .tl-hero .advanced-slider__slide img:not(#_a):not(#_b) {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  html body .tl-hero [style*="background"]:not(#_a):not(#_b) {
    background-size: cover !important;
    background-position: center center !important;
  }
}

/* =====================================================
   الكمبيوتر: أقسام «المحتوى النصي» مثل «الجوهرة» (JavaScript الجزء 17)
   ===================================================== */
@media (min-width: 1024px) {
  html body main .tl-textsec:not(#_a):not(#_b):not(#_c) {
    padding-top: 64px !important;
    padding-bottom: 24px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    text-align: center !important;
  }
  html body .tl-textsec *:not(.tl-tb-btn):not(#_a):not(#_b) {
    margin-top: 0 !important;
    padding-top: 0 !important;
    min-height: 0 !important;
  }
  html body .tl-textsec > *:not(#_a):not(#_b) {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  html body .tl-textsec .tl-tb-title:not(#_a):not(#_b) {
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    margin: 0 0 18px !important;
    color: #1f1f1f !important;
  }
  html body .tl-textsec .tl-tb-text:not(#_a):not(#_b) {
    display: block !important;
    max-width: 680px !important;
    margin: 0 auto 30px !important;
    font-size: 18px !important;
    line-height: 1.9 !important;
    color: #4a443e !important;
  }
  html body .tl-textsec .tl-tb-btn:not(#_a):not(#_b):not(#_c) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 220px !important;
    height: 50px !important;
    padding: 0 36px !important;
    margin-top: 4px !important;
    border: 1px solid #1f1f1f !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #1f1f1f !important;
    font-size: 16px !important;
    letter-spacing: .3px !important;
    text-decoration: none !important;
    transition: background .25s ease, color .25s ease !important;
  }
  html body .tl-textsec .tl-tb-btn *:not(#_a) {
    color: inherit !important;
  }
  html body .tl-textsec .tl-tb-btn:hover:not(#_a):not(#_b):not(#_c) {
    background: #1f1f1f !important;
    color: #ffffff !important;
  }
}

/* الكمبيوتر: المسافات حول قسم «المحتوى النصي» (الغلاف الخارجي خارج Shadow DOM) */
@media (min-width: 1024px) {
  html body main > section.s-block--bundle-text-content:not(#_a):not(#_b):not(#_c) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 64px !important;
    padding-bottom: 24px !important;
  }
  html body .s-block-simple-section:not(#_a):not(#_b):not(#_c) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }
}

/* =====================================================
   الكمبيوتر: مسافات متوازنة بين أقسام الرئيسية + أقسام المنتجات
   (الكلاسات tl-sec و tl-prodsec و tl-prod-title من JavaScript الجزء 18)
   ===================================================== */
@media (min-width: 1024px) {
  /* مسافة موحّدة بين الأقسام */
  html body main > .tl-sec:not(.tl-hero):not(.tl-usp):not(#_a):not(#_b) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  /* عنوان قسم المنتجات: أكبر وفي النص */
  html body .tl-prodsec .tl-prod-title:not(#_a):not(#_b):not(#_c) {
    font-size: 26px !important;
    font-weight: 500 !important;
    letter-spacing: .2px !important;
    color: #1f1f1f !important;
  }
  html body .tl-prodsec :is(ul, div, nav):has(> * > .tl-prod-title, > .tl-prod-title):not(#_a):not(#_b) {
    justify-content: center !important;
    text-align: center !important;
  }

  /* بطاقات المنتجات: الصورة أكبر وتظهر كاملة بدون قص */
  html body.index [class*="card"]:has([class*="price"]):not(#_a),
  html body .tl-prodsec [class*="card"]:has([class*="price"]):not(#_a) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body .tl-prodsec [class*="card"]:has([class*="price"]) :has(img):not(:has([class*="price"])):not(#_a):not(#_b) {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding-top: 0 !important;
    aspect-ratio: 2 / 3 !important;
    background: #ffffff !important;
  }
  html body .tl-prodsec [class*="card"]:has([class*="price"]) img:not(#_a):not(#_b) {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
  }
}

/* الكمبيوتر: التبديل عند التمرير يسويه الثيم نفسه (يبدّل رابط الصورة الأولى)
   فنخفي الصورة الثانية المكررة حتى ما تصير صورتين فوق بعض، ونوزن حجم الصورة البديلة */
@media (min-width: 1024px) {
  html body .product-card img.second-image:not(#_a):not(#_b):not(#_c) {
    display: none !important;
  }
  html body .product-card img.main-image:not(#_a):not(#_b):not(#_c) {
    transition: none !important;
    animation: none !important;
    transform-origin: center center !important;
  }
  /* الصورة الثانية وقت التمرير (الكلاس tl-swapped من JavaScript الجزء 19): تكبير بسيط يوازن حجمها */
  html body .product-card.tl-swapped img.main-image:not(#_a):not(#_b):not(#_c) {
    transform: scale(1.1) !important;
  }
}

/* الكمبيوتر: إيقاف أي حركة أو انزلاق داخل بطاقة المنتج عند التمرير (يبقى التلاشي الناعم بين الصورتين فقط) */
@media (min-width: 1024px) {
  html body .product-card *:not(img):not(svg):not(path):not(#_a):not(#_b),
  html body custom-salla-product-card *:not(img):not(svg):not(path):not(#_a):not(#_b) {
    transition: none !important;
    animation: none !important;
  }
  html body .product-card .product-card__image:not(#_a):not(#_b):not(#_c),
  html body .product-card .product-card__image *:not(img):not(#_a):not(#_b):not(#_c) {
    transform: none !important;
  }
  html body .product-card:hover .product-card__image:not(#_a):not(#_b):not(#_c) {
    height: auto !important;
    margin: 0 !important;
  }
}

/* الكمبيوتر: قسم الشعار الفاصل أصغر وبمسافات أقل + شريط التمرير تحت المنتجات أقرب */
@media (min-width: 1024px) {
  html body main > .tl-logosec:not(#_a):not(#_b):not(#_c) {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }
  html body .tl-logosec *:not(img):not(#_a):not(#_b) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }
  html body .tl-logosec img:not(#_a):not(#_b) {
    height: 90px !important;
    width: auto !important;
    max-width: 120px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
  }
  html body .tl-prodsec :is(.swiper-scrollbar, [class*="scrollbar"], [class*="progress"]):not(#_a):not(#_b) {
    margin-top: 20px !important;
  }
  html body main > .tl-prodsec:not(#_a):not(#_b):not(#_c) {
    padding-bottom: 8px !important;
  }
  html body main > .tl-logosec + .tl-hero:not(#_a):not(#_b):not(#_c) {
    margin-top: 8px !important;
  }
  /* مسافة سلة الافتراضية فوق كل قسم (64px) أقل */
  html body main > section.s-block:not(.tl-hero):not(#_a):not(#_b) {
    margin-top: 24px !important;
  }
}

/* الكمبيوتر: فاصل الشعار (المونوقرام) = قسم «بانرات متحركة» banners-slider
   نقلل الحشو فقط بدون ما نلمس تركيب السلايدر الداخلي */
@media (min-width: 1024px) {
  html body main > section.banners-slider:not(#_a):not(#_b):not(#_c) {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
  }
  html body main > section.banners-slider :is(.container, [class*="container"], [class*="inner"], [class*="wrapper"]:not(.swiper-wrapper)):not(#_a):not(#_b) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
  }
  html body main > section.banners-slider img:not(#_a):not(#_b):not(#_c) {
    max-height: 150px !important;
    min-height: 110px !important;
    width: auto !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain !important;
  }
  html body main > section.banners-slider + section.advanced-slider:not(#_a):not(#_b):not(#_c) {
    margin-top: 12px !important;
  }
}

/* =====================================================
   الكمبيوتر: أيقونات الهيدر بمسافات متساوية + سلايدر المنتجات 4 قطع كاملة
   + الأقسام السفلية (آراء العملاء، الإحصائيات، الأسئلة، المميزات، النشرة)
   (الكلاسات tl-icons و tl-4up من JavaScript الجزء 20)
   ===================================================== */
@media (min-width: 1024px) {
  /* أيقونات الهيدر */
  html body header .tl-icons:not(#_a):not(#_b):not(#_c) {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
  }
  html body header .tl-icons > .tl-icon-item:not(#_a):not(#_b):not(#_c) {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  html body header .tl-icons > .tl-icon-item > *:not(#_a):not(#_b) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* سلايدر المنتجات: 4 قطع كاملة بدون قطعة مقصوصة */
  html body .tl-prodsec .swiper.tl-4up:not(#_a):not(#_b) {
    overflow: hidden !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body .tl-prodsec .swiper.tl-4up .swiper-slide:not(#_a):not(#_b):not(#_c) {
    width: calc((100% - 72px) / 4) !important;
  }

  /* الأقسام السفلية: مسافات موحّدة وعناوين بنفس أسلوب «أحدث الجوهرات» */
  html body main > section:is(.s-block--testimonials, .s-block--stats, .s-block--faq, .s-block--enhanced-features, .s-block--bundle-newsletter-cta):not(#_a):not(#_b):not(#_c) {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  html body main > section:is(.s-block--testimonials, .s-block--stats, .s-block--faq, .s-block--enhanced-features, .s-block--bundle-newsletter-cta) :is(h2, .s-block__title, [class*="block__title"]):not(#_a):not(#_b) {
    font-size: 28px !important;
    font-weight: 500 !important;
    text-align: center !important;
    color: #1f1f1f !important;
    margin-bottom: 28px !important;
  }
  html body main > section.s-block--faq :is(.container, [class*="container"]):not(#_a):not(#_b) {
    max-width: 880px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* الكمبيوتر: لو قسم المنتجات فيه 3 قطع أو أقل، تكون في النص بدل ما تنزاح لليمين */
@media (min-width: 1024px) {
  html body main .swiper-wrapper:has(> .swiper-slide:last-child:nth-child(-n+3)):has(.product-card):not(#_a):not(#_b) {
    justify-content: center !important;
    transform: none !important;
  }
}

/* الكمبيوتر: الأسئلة الشائعة عمود واحد في النص (متوازن بدل عمودين غير متساويين) */
@media (min-width: 1024px) {
  html body main > section.s-block--faq :is(.container, [class*="container"]):not(#_a):not(#_b):not(#_c) {
    max-width: 820px !important;
  }
  /* أي حاوية تقسم الأسئلة لعمودين تصير عمود واحد */
  html body main > section.s-block--faq :is([class*="grid"], [class*="cols"], [class*="columns"]):not(#_a):not(#_b) {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    columns: auto !important;
    gap: 0 !important;
  }
  html body main > section.s-block--faq :is([class*="grid"], [class*="cols"], [class*="columns"]) > *:not(#_a):not(#_b) {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
  html body main > section.s-block--faq :has(> .single-faq):not(#_a):not(#_b) {
    display: block !important;
    columns: auto !important;
    width: 100% !important;
  }
  html body main > section.s-block--faq .single-faq:not(#_a):not(#_b) {
    width: 100% !important;
    margin: 0 !important;
  }
  html body main > section.s-block--faq :is(.faq-btn, button):not(#_a):not(#_b) {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
  html body main > section.s-block--faq :is(.faq__question, .faq-btn p, button p, h3, h4):not(#_a):not(#_b) {
    font-size: 18px !important;
    font-weight: 500 !important;
  }
  html body main > section.s-block--faq :is(p, [class*="subtitle"]):not(.faq__question):not(button p):not(#_a):not(#_b) {
    font-size: 17px !important;
  }
}

/* الكمبيوتر: خط الأسئلة الشائعة أكبر (يغطي كل العناصر داخل السؤال) */
@media (min-width: 1024px) {
  html body main > section.s-block--faq .single-faq .faq-btn:not(#_a):not(#_b):not(#_c),
  html body main > section.s-block--faq .single-faq .faq-btn *:not(svg):not(path):not(#_a):not(#_b):not(#_c),
  html body main > section.s-block--faq .faq__question:not(#_a):not(#_b):not(#_c) {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
  }
  /* الإجابة لما تنفتح */
  html body main > section.s-block--faq .single-faq > *:not(.faq-btn):not(#_a):not(#_b),
  html body main > section.s-block--faq .single-faq > *:not(.faq-btn) *:not(#_a):not(#_b) {
    font-size: 19px !important;
    line-height: 1.9 !important;
  }
  /* العنوان والجملة تحته */
  html body main > section.s-block--faq :is(h2, [class*="title"]):not(.faq__question):not(.single-faq *):not(#_a):not(#_b):not(#_c) {
    font-size: 32px !important;
  }
  html body main > section.s-block--faq :is([class*="subtitle"], [class*="desc"]):not(.single-faq *):not(#_a):not(#_b):not(#_c),
  html body main > section.s-block--faq p:not(.single-faq *):not(#_a):not(#_b):not(#_c) {
    font-size: 19px !important;
  }
}

/* الكمبيوتر: قسم المميزات (توصيل سريع، استبدال، خدمة العملاء، ادفعي لاحقاً)
   الوصف الرمادي أكبر وأوضح، بعرض محدود فينزل لسطرين */
@media (min-width: 1024px) {
  html body main > section.s-block--enhanced-features :is(p, span, small, [class*="desc"], [class*="subtitle"], [class*="text"]):not(h1):not(h2):not(h3):not(h4):not(#_a):not(#_b):not(#_c) {
    font-size: 19px !important;
    font-weight: 500 !important;
    color: #3a352f !important;
    line-height: 1.7 !important;
    max-width: 230px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 6px !important;
    text-align: center !important;
  }
}

/* =====================================================
   الكمبيوتر: الفوتر بأسلوب دور الأزياء
   كل شي في النص: الشعار والاسم، ثم الروابط في سطر واحد، ثم السجل والتواصل والدفع
   ===================================================== */
@media (min-width: 1024px) {
  /* الحاوية اللي فيها الروابط + معلومات المتجر: عمود واحد في النص */
  html body footer .tl-foot-row:not(#_a):not(#_b):not(#_c) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 28px !important;
    max-width: 1100px !important;
    grid-template-columns: 1fr !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  html body footer .tl-foot-row > *:not(#_a):not(#_b):not(#_c) {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
    border: none !important;
  }
  /* الروابط تحت معلومات المتجر */
  html body footer .tl-foot-row > .tl-foot-menu:not(#_a):not(#_b):not(#_c):not(#_d) {
    order: 2 !important;
    border: none !important;
    border-top: 1px solid #e9e4dd !important;
    padding-top: 26px !important;
    margin-top: 0 !important;
  }
  html body footer .store-footer__menu-title:not(#_a):not(#_b):not(#_c) {
    display: none !important;
  }
  /* الروابط في سطر واحد */
  html body footer ul.store-links-items:not(#_a):not(#_b):not(#_c):not(#_d) {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    column-gap: 44px !important;
    row-gap: 14px !important;
  }
  html body footer ul.store-links-items > li:not(#_a):not(#_b):not(#_c) {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  html body footer ul.store-links-items > li:not(#_a):not(#_b):not(#_c):not(#_d) {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
  }
  html body footer a.store-footer__menu-link:not(#_a):not(#_b):not(#_c):not(#_d) {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #2b2621 !important;
    transform: none !important;
    vertical-align: middle !important;
  }
  html body footer a.store-footer__menu-link :is(img, svg, i):not(#_a):not(#_b) {
    display: none !important;
  }
  html body footer ul.store-links-items:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  html body footer .tl-foot-row:not(#_a):not(#_b):not(#_c):not(#_d) {
    padding-bottom: 28px !important;
    margin-bottom: 0 !important;
  }
  html body footer .tl-foot-row > .tl-foot-menu:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* اسم الدار والسجل التجاري واللغة */
  html body footer :is(h2, h3, h4, [class*="store-name"], [class*="footer__title"]):not(.store-footer__menu-title):not(#_a):not(#_b):not(#_c) {
    font-size: 21px !important;
    font-weight: 600 !important;
  }
  html body footer salla-trust-badges *:not(svg):not(path):not(img):not(#_a):not(#_b) {
    font-size: 15px !important;
  }
  html body footer .store-footer__locale-row *:not(svg):not(path):not(#_a):not(#_b) {
    font-size: 16px !important;
  }

  /* التواصل */
  html body footer selia-contacts a:not(#_a):not(#_b):not(#_c),
  html body footer selia-contacts a span:not(#_a):not(#_b):not(#_c) {
    font-size: 16px !important;
  }
  html body footer .s-social-list a:not(#_a):not(#_b) {
    width: 46px !important;
    height: 46px !important;
  }

  /* الحقوق والشعار النصي ووسائل الدفع */
  html body footer .footer-bottom *:not(svg):not(path):not(img):not(#_a):not(#_b) {
    font-size: 15px !important;
  }
  html body footer salla-payments img:not(#_a):not(#_b) {
    height: 30px !important;
    width: auto !important;
  }
}

/* الكمبيوتر: الحقوق والشعار النصي ووسائل الدفع أوضح + فراغ أقل تحت الروابط */
@media (min-width: 1024px) {
  html body footer.store-footer .footer-rights p:not(#_a):not(#_b):not(#_c),
  html body footer.store-footer .footer-rights a:not(#_a):not(#_b):not(#_c) {
    font-size: 15px !important;
    color: #5f5850 !important;
  }
  html body footer.store-footer .footer-rights:not(#_a):not(#_b)::after {
    font-size: 17px !important;
    font-weight: 500 !important;
    margin-top: 10px !important;
  }
  html body footer.store-footer .s-payments-list-item img:not(#_a):not(#_b):not(#_c):not(#_d),
  html body footer salla-payments img:not(#_a):not(#_b):not(#_c):not(#_d) {
    height: 26px !important;
    max-width: 66px !important;
  }
  html body footer.store-footer .s-payments-list-item img.s-payments-sbc-image:not(#_a):not(#_b):not(#_c):not(#_d) {
    height: 34px !important;
  }
  html body footer.store-footer ul.s-payments-list:not(#_a):not(#_b) {
    gap: 16px 26px !important;
  }
  html body footer .tl-foot-row:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
    padding-bottom: 8px !important;
  }
  html body footer .tl-foot-row ~ *:not(#_a):not(#_b),
  html body footer :has(> .tl-foot-row):not(#_a):not(#_b) {
    padding-bottom: 24px !important;
  }
}

/* =====================================================
   الكمبيوتر: صفحة المنتج بنفس روح الجوال (صورة كبيرة + معلومات واضحة + أزرار شراء)
   ===================================================== */
@media (min-width: 1024px) {
  /* الصورة الرئيسية: وحدة كبيرة تظهر كاملة (JavaScript الجزء 24 يضبط السلايدر) */
  html body.product-single .tl-pmain .swiper-slide:not(#_a):not(#_b) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
  }
  html body.product-single .tl-pmain .swiper-slide img:not(#_a):not(#_b):not(#_c) {
    width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  /* معلومات المنتج: خطوط أكبر وأوضح */
  html body.product-single .product-single__info:not(#_a):not(#_b) {
    padding-top: 8px !important;
  }
  html body.product-single h1:not(#_a):not(#_b):not(#_c),
  html body.product-single .product-single__title:not(#_a):not(#_b):not(#_c) {
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
  }
  html body.product-single .product-single__info :is(.product-single__subtitle, [class*="subtitle"]):not(#_a):not(#_b) {
    font-size: 18px !important;
    color: #5f5850 !important;
  }
  html body.product-single .product-single__info :is([class*="price"]):not(#_a):not(#_b):not(#_c) {
    font-size: 24px !important;
    font-weight: 600 !important;
  }
  html body.product-single .product-single__info :is(small, [class*="tax"], [class*="vat"]):not(#_a):not(#_b) {
    font-size: 14px !important;
  }
  html body.product-single .product-single__info [class*="availab"]:not(#_a):not(#_b),
  html body.product-single .product-single__info [class*="availab"] *:not(svg):not(path):not(#_a):not(#_b) {
    font-size: 16px !important;
  }

  /* المقاس والطول */
  html body.product-single salla-product-options .s-product-options-option-label:not(#_a):not(#_b):not(#_c),
  html body.product-single salla-product-options .s-product-options-option-label *:not(#_a):not(#_b):not(#_c) {
    font-size: 16px !important;
    font-weight: 500 !important;
  }
  html body.product-single salla-product-options select:not(#_a):not(#_b):not(#_c),
  html body.product-single salla-product-options .form-input:not(#_a):not(#_b):not(#_c) {
    height: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important;
    font-size: 16px !important;
    border-radius: 0 !important;
    border-color: #d8d2ca !important;
  }
  html body.product-single salla-product-options::after {
    font-size: 16px !important;
    line-height: 2 !important;
  }

  /* دليل المقاسات */
  html body.product-single .tl-sg-row:not(#_a):not(#_b):not(#_c),
  html body.product-single .tl-sg-row *:not(svg):not(path):not(#_a):not(#_b) {
    font-size: 16px !important;
  }

  /* أزرار الشراء: أضف إلى السلة سوداء بعرض كامل (مثل الجوال) */
  html body.product-single form.product-form > section.sticky-product-bar:not(#_a):not(#_b):not(#_c):not(#_d) {
    position: static !important;
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin-top: 18px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
  }
  html body.product-single .sticky-product-bar salla-add-product-button:not(#_a):not(#_b) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }
  html body.product-single .sticky-product-bar .s-add-product-button-main:not(#_a):not(#_b) {
    display: contents !important;
  }
  html body.product-single .sticky-product-bar .s-add-product-button-main > salla-button:not(#_a):not(#_b),
  html body.product-single .sticky-product-bar .s-add-product-button-main > salla-button button:not(#_a):not(#_b):not(#_c) {
    width: 100% !important;
  }
  html body.product-single .sticky-product-bar .s-add-product-button-main > salla-button button:not(#_a):not(#_b):not(#_c) {
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: #1f1f1f !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    letter-spacing: .3px !important;
  }
  html body.product-single .sticky-product-bar .s-add-product-button-main > salla-button button *:not(#_a):not(#_b) {
    color: #ffffff !important;
    font-size: 17px !important;
  }
  html body.product-single .sticky-product-bar salla-mini-checkout-widget:not(#_a):not(#_b):not(#_c) {
    display: flex !important;
    width: 100% !important;
    height: 52px !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    box-shadow: inset 0 0 0 1px #1f1f1f !important;
    border-radius: 0 !important;
    font-size: 16px !important;
  }
  html body.product-single .sticky-product-bar__quantity:not(#_a):not(#_b) {
    display: none !important;
  }

  /* الأقساط */
  html body.product-single salla-installment:not(#_a):not(#_b) {
    margin-top: 18px !important;
  }

  /* الأسئلة تحت المنتج (تفاصيل التصميم، المقاسات...): عمود واحد بخط أكبر */
  html body.product-single .taleen-faq:not(#_a):not(#_b),
  html body.product-single .taleen-faq :has(> .single-faq):not(#_a):not(#_b) {
    display: block !important;
    columns: auto !important;
    grid-template-columns: 1fr !important;
    max-width: 880px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body.product-single .taleen-faq .single-faq:not(#_a):not(#_b) {
    width: 100% !important;
    margin: 0 !important;
  }
  html body.product-single .taleen-faq .faq-btn:not(#_a):not(#_b),
  html body.product-single .taleen-faq .faq-btn *:not(svg):not(path):not(#_a):not(#_b) {
    font-size: 20px !important;
    font-weight: 500 !important;
  }
  html body.product-single .taleen-faq .faq-btn:not(#_a):not(#_b):not(#_c) {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  html body.product-single .taleen-faq .single-faq > *:not(.faq-btn):not(#_a):not(#_b),
  html body.product-single .taleen-faq .single-faq > *:not(.faq-btn) *:not(#_a):not(#_b) {
    font-size: 18px !important;
    line-height: 1.9 !important;
  }

  /* مسار الصفحة (الرئيسية > COUTURE > ...) */
  html body.product-single nav.breadcrumbs *:not(svg):not(path):not(#_a):not(#_b) {
    font-size: 14px !important;
  }
}

/* الكمبيوتر: زر «أضف إلى السلة» وين ما كان في صفحة المنتج + نصوص المعلومات أكبر */
@media (min-width: 1024px) {
  html body.product-single salla-add-product-button:not(#_a):not(#_b):not(#_c) {
    display: block !important;
    width: 100% !important;
    margin-top: 18px !important;
  }
  html body.product-single salla-add-product-button salla-button:not(#_a):not(#_b):not(#_c),
  html body.product-single salla-add-product-button :is(button, .s-button-element):not(#_a):not(#_b):not(#_c) {
    display: flex !important;
    width: 100% !important;
  }
  html body.product-single salla-add-product-button :is(button, .s-button-element):not(salla-mini-checkout-widget *):not(salla-quick-buy *):not(#_a):not(#_b):not(#_c):not(#_d) {
    height: 56px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: #1f1f1f !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
  }
  html body.product-single salla-add-product-button :is(button, .s-button-element):not(salla-mini-checkout-widget *):not(salla-quick-buy *) *:not(#_a):not(#_b):not(#_c) {
    color: #ffffff !important;
    font-size: 17px !important;
  }
  html body.product-single .product-single__info p:not(.faq__question):not(#_a):not(#_b),
  html body.product-single .product-single__info span:not([class*="price"]):not(#_a):not(#_b) {
    font-size: 16px !important;
  }
  html body.product-single .product-single__info h1 + p:not(#_a):not(#_b):not(#_c),
  html body.product-single .product-single__info h1 + *:not(#_a):not(#_b):not(#_c) {
    font-size: 18px !important;
    color: #5f5850 !important;
  }
}

/* الكمبيوتر — صفحة المنتج: عرض الصفحة أوسع، والصورة الرئيسية بعرض عمودها، والزر الأسود */
@media (min-width: 1024px) {
  html body.product-single .product-single__inner:not(#_a):not(#_b):not(#_c) {
    max-width: 1320px !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body.product-single .product-single__media-col:not(#_a):not(#_b):not(#_c) {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  html body.product-single .product-single__main-media .s-slider-container .swiper-slide:not(#_a):not(#_b):not(#_c):not(#_d) {
    width: 100% !important;
  }
  html body.product-single .product-single__main-media .s-slider-container .swiper-slide img:not(#_a):not(#_b):not(#_c):not(#_d) {
    width: 100% !important;
    height: auto !important;
    max-height: 80vh !important;
    object-fit: contain !important;
  }
  /* الغلاف الخارجي لزر السلة */
  html body.product-single salla-add-product-button salla-button:not(salla-mini-checkout-widget *):not(salla-quick-buy *):not(#_a):not(#_b):not(#_c):not(#_d) {
    display: flex !important;
    width: 100% !important;
    min-height: 56px !important;
    background: #1f1f1f !important;
    color: #ffffff !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* =====================================================
   الكمبيوتر — صفحة المنتج: نفس واجهة الجوال
   الصور المصغرة تصير نقاط تحت الصورة + أزرار الشراء نفس الجوال
   ===================================================== */
@media (min-width: 1024px) {
  /* ---------- نقاط الصور أسفل الصورة ---------- */
  html body.product-single .product-single__main-media .s-slider-thumbs:not(#_a) {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 3 !important;
    margin-top: -26px !important;
    height: 20px !important;
    pointer-events: auto;
  }
  html body.product-single .s-slider-thumbs .swiper-wrapper:not(#_a) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    transform: none !important;
  }
  html body.product-single .s-slider-thumbs .swiper-slide:not(#_a) {
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    background: rgba(5, 3, 0, 0.22) !important;
    overflow: hidden !important;
    clip-path: circle(50%) !important;
    opacity: 1 !important;
  }
  html body.product-single .s-slider-thumbs .swiper-slide-thumb-active:not(#_b):not(#_a) {
    background: #050300 !important;
  }
  html body.product-single .s-slider-thumbs .swiper-slide > *,
  html body.product-single .s-slider-thumbs .swiper-slide img {
    display: none !important;
  }
  html body.product-single .s-slider-thumbs .swiper-slide::before,
  html body.product-single .s-slider-thumbs .swiper-slide::after {
    display: none !important;
  }

  /* الشبكة: السلة سطر كامل، وتحتها اشترِ الآن (+ Apple Pay على الآيفون) */
  html body.product-single .sticky-product-bar salla-add-product-button:not(#_a) {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 0 !important;
    width: 100% !important;
  }
  html body.product-single .sticky-product-bar .s-add-product-button-main:not(#_a) {
    display: contents !important;
  }

  /* أضف إلى السلة */
  html body.product-single .sticky-product-bar .s-add-product-button-main > salla-button:not(#_a) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }
  html body.product-single .sticky-product-bar .s-add-product-button-main > salla-button button:not(#_a) {
    width: 100% !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #2e3235 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
  }
  html body.product-single .sticky-product-bar salla-add-product-button button:not(#_a)::after {
    content: none !important;
    display: none !important;
  }
  html body.product-single .sticky-product-bar .s-add-product-button-main > salla-button .s-button-text > span:not(#_a) {
    font-size: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }
  html body.product-single .sticky-product-bar .s-add-product-button-main > salla-button .s-button-text > span i:not(#_a) {
    font-size: 18px !important;
  }
  html body.product-single .sticky-product-bar .s-add-product-button-main > salla-button .s-button-text > span:not(#_a)::after {
    content: "أضف إلى السلة" !important;
    display: inline !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: .3px !important;
  }

  /* اشترِ الآن: مفرّغ بإطار رفيع داكن */
  html body.product-single .sticky-product-bar salla-mini-checkout-widget:not(#_b):not(#_a) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: #2e3235 !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: inset 0 0 0 1px #2e3235 !important;
    outline: none !important;
    font-size: 14px !important;
  }
  html body.product-single .sticky-product-bar salla-mini-checkout-widget *:not(#_a) {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
  }

}

/* =====================================================
   الجوال والكمبيوتر: إخفاء قسم «اطلبها مجدداً» (القسم نفسه فقط)
   ===================================================== */
html body section#reorder-section:not(#_a):not(#_b) {
  display: none !important;
}

/* =====================================================
   النسخة الإنجليزية: نصوص الكود بالإنجليزي + اتجاه من اليسار
   (تشتغل بس لما تكون لغة المتجر English)
   ===================================================== */
html[lang^="en"] body.product-single salla-product-options::after {
  content: "Delivery within 1–3 days across Saudi Arabia\A Easy exchange & returns via our exchange portal" !important;
  text-align: left !important;
}
html[lang^="en"] body.product-single .product-single__info > salla-installment::before {
  content: "Would you like to pay in instalments?" !important;
}
html[lang^="en"] body.product-single .sticky-product-bar salla-add-product-button salla-button button:not(#_a):not(#_b)::after,
html[lang^="en"] body.product-single .sticky-product-bar .s-add-product-button-main > salla-button .s-button-text > span:not(#_a)::after {
  content: "Add to bag" !important;
}
html[lang^="en"] body.cart main h1.sr-only:not(#_a)::before {
  content: "Shopping Bag" !important;
}
html[lang^="en"] body.cart .main-content div.border-t.border-b > salla-quantity-input:not(#_a)::before {
  content: "Qty:" !important;
}
html[lang^="en"] body.cart .main-content :is(button, a):is([class*="remove"], [class*="delete"], [class*="danger"], [class*="red"]):not(#_a)::after {
  content: "Remove" !important;
}
html[lang^="en"] body .s-user-menu-dropdown-header:not(#_a)::after {
  content: "Your orders, wishlist and account details" !important;
}
html[lang^="en"] body ul.s-user-menu-dropdown-list a[href*="notification"]:not(#_a)::after { content: "Latest updates and private offers" !important; }
html[lang^="en"] body ul.s-user-menu-dropdown-list a[href*="order"]:not(#_a)::after { content: "Track your orders" !important; }
html[lang^="en"] body ul.s-user-menu-dropdown-list a[href*="pending"]:not(#_a)::after,
html[lang^="en"] body ul.s-user-menu-dropdown-list a[href*="unpaid"]:not(#_a)::after { content: "Complete payment for pending orders" !important; }
html[lang^="en"] body ul.s-user-menu-dropdown-list a[href*="wishlist"]:not(#_a)::after { content: "Pieces you loved" !important; }
html[lang^="en"] body ul.s-user-menu-dropdown-list a:is([href*="profile"], [href*="account"], [href*="customer"]):not([href*="order"]):not([href*="wishlist"]):not([href*="wallet"]):not([href*="notification"]):not([href*="setting"]):not(#_a)::after { content: "Your personal details" !important; }
html[lang^="en"] body ul.s-user-menu-dropdown-list a[href*="rating"]:not(#_a)::after,
html[lang^="en"] body ul.s-user-menu-dropdown-list a[href*="review"]:not(#_a)::after { content: "Your reviews" !important; }
html[lang^="en"] body ul.s-user-menu-dropdown-list :is(a[href*="logout"], button):not(#_a)::after { content: "Sign out on this device" !important; }
html[lang^="en"] body ul.s-user-menu-dropdown-list a[href*="wallet"]:not(#_a)::after { content: "Your balance and refunds" !important; }
html[lang^="en"] body ul.s-user-menu-dropdown-list a[href*="setting"]:not(#_a)::after { content: "Notifications and account options" !important; }
html[lang^="en"] body.customer-profile article .-mt-12 .sm\:hidden:not(#_a)::before,
html[lang^="en"] body:has(main.profile) article .-mt-12 .sm\:hidden:not(#_a)::before {
  content: "Welcome" !important;
}
html[lang^="en"] body footer.store-footer .footer-rights:not(#_a)::after {
  content: "Femininity, embroidered in luxury" !important;
  letter-spacing: .5px !important;
}
html[lang^="en"] body .wa-selia a:not(#_a)::after {
  content: "Contact us" !important;
}

/* =====================================================
   الجوال: سلايدر «قبل وبعد» — أصغر، بدون كتابة، ومقبض دائري أبيض
   (العناصر يعلّمها JavaScript الجزء 28: tl-ba / tl-ba-line / tl-ba-handle)
   ===================================================== */
@media (max-width: 767px) {
  html body .tl-ba:not(#_a):not(#_b) {
    position: relative !important;
    width: 88% !important;
    max-width: 88% !important;
    margin: 12px auto !important;
    overflow: hidden !important;
  }
  html body .tl-ba-line:not(#_a):not(#_b) {
    width: 6px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transform: translateX(-50%) !important;
  }
  html body .tl-ba-handle:not(#_a):not(#_b) {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    color: #1f1f1f !important;
  }
  html body .tl-ba-handle :is(i, svg):not(#_a):not(#_b) {
    color: #1f1f1f !important;
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
  }
  html body .tl-ba-handle svg :is(path, polyline, line):not(#_a) {
    stroke: #1f1f1f !important;
  }
}

/* =====================================================
   الجوال: نافذة «العرض السريع» (أيقونة العين) — تنسيق فخم وموزون
   (العناصر يعلّمها JavaScript الجزء 30: tl-qv-*)
   ===================================================== */
@media (max-width: 1023px) {
  html body .tl-qv:not(#_a):not(#_b) {
    background: #ffffff !important;
    text-align: center !important;
    padding-bottom: 28px !important;
  }
  html body .tl-qv .tl-qv-gallery:not(#_a):not(#_b) {
    background: #ffffff !important;
    margin: 0 0 6px !important;
  }
  html body .tl-qv .tl-qv-gallery img:not(#_a):not(#_b) {
    width: 100% !important;
    max-height: 62vh !important;
    object-fit: contain !important;
    background: #ffffff !important;
  }
  html body .tl-qv .tl-qv-actions:not(#_a):not(#_b) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 22px !important;
    margin: 6px auto 4px !important;
    padding: 0 !important;
  }
  html body .tl-qv .tl-qv-actions :is(i, svg):not(#_a):not(#_b) {
    font-size: 19px !important;
    color: #1f1f1f !important;
  }
  html body .tl-qv .tl-qv-title:not(#_a):not(#_b) {
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #1f1f1f !important;
    text-align: center !important;
    margin: 10px 24px 4px !important;
    letter-spacing: .3px !important;
  }
  html body .tl-qv .tl-qv-sub:not(#_a):not(#_b) {
    font-size: 16px !important;
    color: #8a847c !important;
    text-align: center !important;
    margin: 0 24px 14px !important;
  }
  html body .tl-qv .tl-qv-price:not(#_a):not(#_b) {
    font-size: 21px !important;
    font-weight: 600 !important;
    color: #1f1f1f !important;
    text-align: center !important;
    justify-content: center !important;
  }
  html body .tl-qv .tl-qv-tax:not(#_a):not(#_b) {
    font-size: 12px !important;
    color: #9a948c !important;
    text-align: center !important;
    letter-spacing: .4px !important;
    margin: 2px 24px 6px !important;
  }
  html body .tl-qv hr:not(#_a):not(#_b) {
    border: 0 !important;
    border-top: 1px solid #ece8e2 !important;
    width: 60px !important;
    margin: 18px auto !important;
  }
  html body .tl-qv .tl-qv-stock:not(#_a):not(#_b) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 14px !important;
    color: #5d7a5d !important;
    margin: 0 auto 18px !important;
  }
  html body .tl-qv .tl-qv-stock :is(i, svg):not(#_a):not(#_b) {
    font-size: 15px !important;
    width: 15px !important;
    height: 15px !important;
  }
  html body .tl-qv .tl-qv-hint:not(#_a):not(#_b) {
    display: none !important;
  }
  html body .tl-qv :is(label, .s-product-options-option-label, .s-product-options-option-label b):not(#_a):not(#_b) {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1f1f1f !important;
    letter-spacing: .5px !important;
  }
  html body .tl-qv select:not(#_a):not(#_b) {
    height: 50px !important;
    border: 1px solid #d6d0c6 !important;
    border-radius: 2px !important;
    background-color: #ffffff !important;
    font-size: 15px !important;
    color: #1f1f1f !important;
    padding: 0 14px !important;
    box-shadow: none !important;
  }
  /* نافذة تسجيل الدخول (مثلاً عند الضغط على القلب) تطلع فوق العرض السريع */
  html body :is(salla-login-modal, salla-modal#login-modal):not(#_a) {
    position: relative !important;
    z-index: 2147483000 !important;
  }
  /* خانات المقاس والطول بنفس عرض أزرار المرفقات */
  html body .product-quickview :is(salla-product-options, salla-conditional-fields, .s-product-options-option-container, .s-product-options-option, .s-product-options-option-content, .s-product-options-option-content > div):not(#_a):not(#_b) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  html body .product-quickview select.s-form-control:not(#_a):not(#_b) {
    width: 100% !important;
  }
  html body .product-quickview .s-product-options-option-label small:not(#_a):not(#_b) {
    display: none !important;
  }
  html body .product-quickview .s-product-options-option + .s-product-options-option:not(#_a):not(#_b) {
    margin-top: 18px !important;
  }
  html body .product-quickview .quickview__stats:not(#_a):not(#_b) {
    padding-bottom: 0 !important;
    margin-bottom: 10px !important;
    min-height: 0 !important;
  }
  html body .product-quickview :is(salla-product-options, salla-conditional-fields, .s-product-options-option-container):not(#_a):not(#_b) {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  /* زر «أضف إلى السلة» في العرض السريع: أسود ممتلئ بخط أبيض */
  html body .product-quickview salla-add-product-button salla-button:not(salla-quick-buy *):not(salla-mini-checkout-widget *):not(#_a):not(#_b) {
    background: #1f1f1f !important;
    border-radius: 2px !important;
    min-height: 52px !important;
  }
  html body .product-quickview salla-add-product-button :is(button, .s-button-element):not(salla-quick-buy *):not(salla-mini-checkout-widget *):not(#_a):not(#_b):not(#_c) {
    height: 52px !important;
    background: #1f1f1f !important;
    color: #ffffff !important;
    border: 1px solid #1f1f1f !important;
    border-radius: 2px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
  }
  html body .product-quickview salla-add-product-button :is(button, .s-button-element):not(salla-quick-buy *):not(salla-mini-checkout-widget *) *:not(#_a):not(#_b):not(#_c) {
    color: #ffffff !important;
  }
  /* دليل المقاسات: رابط نظيف بدون مستطيل */
  html body .product-quickview .tl-qv-sg:not(#_a):not(#_b) {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 2px 0 !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
  }
  html body .product-quickview .tl-qv-sg *:not(#_a):not(#_b) {
    border: none !important;
    background: transparent !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }
  html body .product-quickview .tl-qv-sg .tl-qv-sgt:not(#_a):not(#_b):not(#_c) {
    font-size: 15px !important;
    color: #5f5850 !important;
    letter-spacing: .3px !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-thickness: 1px !important;
    text-decoration-color: #b9b2a8 !important;
  }
  html body .product-quickview .tl-qv-sg :is(i, svg, img):not(#_a):not(#_b) {
    font-size: 15px !important;
    width: 15px !important;
    height: 15px !important;
    color: #5f5850 !important;
    opacity: .85 !important;
  }
  /* زر السلة والكمية: نفس الارتفاع ومحاذاة واحدة */
  html body .product-quickview salla-add-product-button salla-button:not(salla-quick-buy *):not(salla-mini-checkout-widget *):not(#_a):not(#_b):not(#_c) {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: stretch !important;
  }
  html body .product-quickview salla-add-product-button :is(button, .s-button-element):not(salla-quick-buy *):not(salla-mini-checkout-widget *):not(#_a):not(#_b):not(#_c):not(#_d) {
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 16px !important;
    margin: 0 !important;
  }
  html body .product-quickview salla-quantity-input:not(#_a):not(#_b),
  html body .product-quickview salla-quantity-input > *:not(#_a):not(#_b) {
    height: 52px !important;
    min-height: 52px !important;
    align-self: center !important;
  }
  html body .product-quickview salla-quantity-input :is(button, input):not(#_a):not(#_b) {
    height: 100% !important;
  }
  html body .product-quickview :is(.s-add-product-button-main, salla-add-product-button):not(#_a):not(#_b) {
    align-items: center !important;
  }
  /* أيقونة السلة داخل الزر: أصغر ومتناسقة مع الكتابة */
  html body .product-quickview salla-add-product-button :is(.s-button-text, .s-button-text > span, button > span):not(#_a):not(#_b) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    line-height: 1 !important;
  }
  html body .product-quickview salla-add-product-button :is(i, svg):not(salla-quick-buy *):not(#_a):not(#_b) {
    font-size: 17px !important;
    width: 17px !important;
    height: 17px !important;
    line-height: 1 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
  }
  html body .product-quickview salla-add-product-button i:not(#_a)::before {
    line-height: 1 !important;
  }
  /* أحجام أنعم: خانات الاختيار وزر السلة والكمية */
  html body .product-quickview select.s-form-control:not(#_a):not(#_b):not(#_c) {
    height: 42px !important;
    min-height: 42px !important;
    font-size: 14px !important;
    padding: 0 12px !important;
  }
  html body .product-quickview salla-add-product-button salla-button:not(salla-quick-buy *):not(salla-mini-checkout-widget *):not(#_a):not(#_b):not(#_c):not(#_d),
  html body .product-quickview salla-add-product-button :is(button, .s-button-element):not(salla-quick-buy *):not(salla-mini-checkout-widget *):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    font-size: 15px !important;
  }
  html body .product-quickview salla-quantity-input:not(#_a):not(#_b):not(#_c),
  html body .product-quickview salla-quantity-input > *:not(#_a):not(#_b):not(#_c) {
    height: 44px !important;
    min-height: 44px !important;
  }
  html body .product-quickview salla-add-product-button :is(i, svg):not(salla-quick-buy *):not(#_a):not(#_b):not(#_c) {
    font-size: 15px !important;
    width: 15px !important;
    height: 15px !important;
  }
}

/* =====================================================
   الجوال: قائمة الحساب — خط أكبر وأوضح ومسافات أريح
   ===================================================== */
@media (max-width: 767px) {
  html body .s-user-menu-dropdown .s-user-menu-dropdown-header-content > span:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
    font-size: 15px !important;
    margin-bottom: 6px !important;
  }
  html body .s-user-menu-dropdown .s-user-menu-dropdown-header-content > p:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
    font-size: 28px !important;
    line-height: 1.35 !important;
  }
  html body .s-user-menu-dropdown .s-user-menu-dropdown-header:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e)::after {
    font-size: 15px !important;
    margin-top: 10px !important;
  }
  html body .s-user-menu-dropdown .s-user-menu-dropdown-header:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) {
    padding: 54px 0 22px !important;
  }
  html body .s-user-menu-dropdown ul.s-user-menu-dropdown-list > li > :is(a, button):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
    padding: 17px 2px !important;
    row-gap: 4px !important;
    column-gap: 16px !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
  }
  html body .s-user-menu-dropdown ul.s-user-menu-dropdown-list > li > :is(a, button) > *:not(i):not(svg):not(img):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
  html body .s-user-menu-dropdown ul.s-user-menu-dropdown-list .s-user-menu-dropdown-item-title:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
  }
  html body .s-user-menu-dropdown ul.s-user-menu-dropdown-list > li > :is(a, button):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e)::after {
    font-size: 15px !important;
    line-height: 1.45 !important;
    color: #7d766e !important;
  }
  html body .s-user-menu-dropdown ul.s-user-menu-dropdown-list > li > :is(a, button):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e)::before {
    width: 17px !important;
    height: 17px !important;
    border-width: 1.3px !important;
  }
  html body .s-user-menu-dropdown ul.s-user-menu-dropdown-list :is(a[href*="logout"], button) > *:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) {
    font-weight: 400 !important;
    color: #6f675f !important;
  }
  /* «حيّاك» كبيرة وملفتة، والاسم تحتها بحجم أهدأ */
  html body .s-user-menu-dropdown .s-user-menu-dropdown-header-content > span:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) {
    font-size: 24px !important;
    font-weight: 500 !important;
    color: #8a847d !important;
    line-height: 1.25 !important;
    letter-spacing: .5px !important;
    margin-bottom: 8px !important;
  }
  html body .s-user-menu-dropdown .s-user-menu-dropdown-header-content > p:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) {
    font-size: 22px !important;
    font-weight: 400 !important;
    color: #5f5850 !important;
  }
}

/* =====================================================
   قائمة الحساب: الترتيب المطلوب (كل الأجهزة)
   الإشعارات ← حسابي ← الإعدادات ← محفظتي ← قائمة الأمنيات ← الطلبات ← طلبات بانتظار الدفع ← تسجيل الخروج
   ===================================================== */
html body ul.s-user-menu-dropdown-list:not(#_a):not(#_b):not(#_c) {
  display: flex !important;
  flex-direction: column !important;
}
html body ul.s-user-menu-dropdown-list > li:not(#_a):not(#_b) { order: 10 !important; }
html body ul.s-user-menu-dropdown-list > li:has(a:is([href*="profile"], [href*="account"], [href*="customer"])):not(:has(a[href*="setting"])):not(:has(a[href*="order"])):not(:has(a[href*="wallet"])):not(:has(a[href*="wishlist"])):not(:has(a[href*="notification"])):not(#_a):not(#_b) { order: 2 !important; }
html body ul.s-user-menu-dropdown-list > li:has(a[href*="setting"]):not(#_a):not(#_b):not(#_c) { order: 3 !important; }
html body ul.s-user-menu-dropdown-list > li:has(a[href*="wallet"]):not(#_a):not(#_b):not(#_c) { order: 4 !important; }
html body ul.s-user-menu-dropdown-list > li:has(a[href*="order"]):not(#_a):not(#_b):not(#_c) { order: 6 !important; }
html body ul.s-user-menu-dropdown-list > li:has(a:is([href*="pending"], [href*="unpaid"], [href*="waiting"])):not(#_a):not(#_b):not(#_c):not(#_d) { order: 7 !important; }
html body ul.s-user-menu-dropdown-list > li:has(:is(a[href*="logout"], button)):not(#_a):not(#_b):not(#_c):not(#_d) { order: 8 !important; }
html body ul.s-user-menu-dropdown-list > li:has(a[href*="notification"]):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) { order: 1 !important; }
html body ul.s-user-menu-dropdown-list > li:has(a[href*="wishlist"]):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) { order: 5 !important; }
/* بعد الترتيب: آخر بند ظاهر (تسجيل الخروج) بدون خط تحته، وباقي البنود بخط */
html body ul.s-user-menu-dropdown-list > li:not(#_a):not(#_b):not(#_c) {
  border-bottom: 1px solid #ece8e3 !important;
}
html body ul.s-user-menu-dropdown-list > li:has(:is(a[href*="logout"], button)):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
  border-bottom: none !important;
}

/* =====================================================
   الجوال: صفحات الحساب (الإشعارات، حسابي، الإعدادات، المحفظة،
   الأمنيات، الطلبات، بانتظار الدفع) — تكبير الخط بنسبة موحّدة
   يحافظ على الفرق بين العناوين والنصوص
   ===================================================== */
@media (max-width: 767px) {
  html body:is([class*="customer-"], :has(main.profile)) main:not(#_a):not(#_b) {
    zoom: 1.14;
    overflow-x: hidden !important;
  }
}