/* =========================================================
   بيجر بلس — صفحة واحدة بخلفية "جالاكسي" (النسخة 2)
   الصقيه في: تخصيص متقدم ← تخصيص باستخدام CSS
   استبدلي كود النسخة الأولى بالكامل بهذا الكود
   (للتراجع: امسحي الكود كله)
   ========================================================= */

/* 1) خلفية الموقع كاملة: سديم ذهبي/عنابي + مدارات خطوط + غبار نجوم
      كلها ثابتة خلف الصفحة وتمر تحتها الأقسام الستة */
html { background: #ffffff !important; }
body { background: transparent !important; }

/* السديم (لمعة متحركة ببطء) */
html::before {
  content: "";
  position: fixed;
  inset: -8%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(55% 42% at 84% 18%, rgba(255, 189, 12, .10), transparent 70%),
    radial-gradient(48% 40% at 10% 14%, rgba(117, 0, 14, .11), transparent 70%),
    radial-gradient(46% 38% at 80% 82%, rgba(117, 0, 14, .09), transparent 70%),
    radial-gradient(44% 38% at 16% 86%, rgba(255, 189, 12, .07), transparent 70%),
    radial-gradient(40% 30% at 50% 50%, rgba(255, 189, 12, .03), transparent 70%);
}
@keyframes pig3rNebula {
  from { transform: translate3d(-1.5%, -1%, 0) scale(1); }
  to   { transform: translate3d(1.5%, 1.2%, 0) scale(1.06); }
}

/* المدارات (خطوط دقيقة مائلة مثل الهيرو) */
body::before {
  content: "";
  position: fixed;
  inset: -30%;
  z-index: -1;
  pointer-events: none;
  transform: rotate(-18deg);
  background: repeating-radial-gradient(ellipse 620px 250px at 66% 38%,
    transparent 0 22%,
    rgba(117, 0, 14, .17) 22% 22.4%,
    transparent 22.4% 46%,
    rgba(255, 189, 12, .20) 46% 46.45%,
    transparent 46.45% 70%,
    rgba(117, 0, 14, .12) 70% 70.35%,
    transparent 70.35% 100%);
  -webkit-mask-image: radial-gradient(closest-side, #000 20%, transparent 78%);
  mask-image: radial-gradient(closest-side, #000 20%, transparent 78%);
}

/* غبار النجوم (نقاط ذهبية وعنابية تلمع بخفة) */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle, rgba(255, 189, 12, .35) 0 1.3px, transparent 2px) 0 0 / 173px 191px,
    radial-gradient(circle, rgba(117, 0, 14, .35) 0 1.1px, transparent 1.8px) 61px 83px / 137px 149px,
    radial-gradient(circle, rgba(117, 0, 14, .09) 1px, transparent 1.6px) 0 0 / 22px 22px;
  -webkit-mask-image: radial-gradient(120% 90% at 50% 40%, #000 25%, transparent 85%);
  mask-image: radial-gradient(120% 90% at 50% 40%, #000 25%, transparent 85%);
  opacity: .8;
}
@keyframes pig3rTwinkle {
  from { opacity: .55; }
  to   { opacity: 1; }
}
body::after { animation: none !important; }

/* 2) الهيدر: زجاج شفاف */
.store-header,
.store-header .main-nav-container,
.store-footer { background: transparent !important; }

.store-header .header-inner,
.store-header .bg-white {
  background: rgba(255, 255, 255, .93) !important;
}
.store-header .main-nav-container {
  box-shadow: 0 1px 0 rgba(117, 0, 14, .08), 0 14px 34px -16px rgba(117, 0, 14, .16) !important;
}

/* 3) الفوتر: يذوب من الشفاف إلى زجاج خفيف */
.store-footer__inner {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .55) 38%) !important;
  border-top: 1px solid rgba(117, 0, 14, .08);
}

/* 4) القائمة الجانبية: زجاج + لمعة ذهبية + مدارات */
.mm-ocd__backdrop {
  background: rgba(35, 0, 6, .10) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.mm-ocd__content {
  isolation: isolate;
  background: rgba(255, 255, 255, .80) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.4);
  backdrop-filter: blur(26px) saturate(1.4);
  border-inline-start: 1px solid rgba(117, 0, 14, .12);
  box-shadow: -24px 0 70px rgba(35, 0, 6, .14);
  overflow: hidden;
}
.mm-ocd__content::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(75% 38% at 100% 0%, rgba(255, 189, 12, .12), transparent 70%),
    radial-gradient(70% 38% at 0% 100%, rgba(117, 0, 14, .13), transparent 70%),
    repeating-radial-gradient(ellipse 360px 150px at 100% 0%,
      transparent 0 24%,
      rgba(117, 0, 14, .12) 24% 24.5%,
      transparent 24.5% 48%,
      rgba(255, 189, 12, .16) 48% 48.5%,
      transparent 48.5% 100%);
}
nav.mobile-menu,
nav.mobile-menu li,
nav.mobile-menu .mm-spn__navbar { background: transparent !important; }
nav.mobile-menu ul { background: rgba(255, 255, 255, .55) !important; }

/* 5) إلغاء فراغ سلة بين الأقسام الستة */
.s-block--bundle-html-content,
.s-block--bundle-html-content .s-block-html-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 6) تسطيح الأقسام: بدون خلفية أو حدود أو ظل أو زوايا */
body .bph,
body .bpp,
body .bpo,
body .bp-mega-container,
body .bp-combined-section,
body .bp-reviews,
body .bpf {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* 7) إزالة اللمعات الداخلية القديمة وقص الأقسام */
body .bph::before,
body .bpp::before { display: none !important; }

body .bph-stage,
body .bpp-dpanels,
body .bpp-dpanel { overflow: visible !important; }

/* 8) بطاقات داخلية شبه شفافة (تظل مقروءة فوق الخطوط) */
body .bp-rev-card,
body .bpf-q,
body .bpo-s {
  background: rgba(255, 255, 255, .62) !important;
  border-color: rgba(117, 0, 14, .10) !important;
}

/* =========================================================
   9) صفحة المنتجات (تطبيقات بلس وأي تصنيف)
   ========================================================= */
.nav-header { background: transparent !important; border: 0 !important; position: relative; }
.nav-header::after {
  content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,189,12,.6), rgba(117,0,14,.35), transparent);
}
.category_title { font-weight: 800; color: #75000e; }

custom-salla-product-card.s-product-card-entry {
  display: flex !important; flex-direction: column; height: 100%;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(117,0,14,.14) !important;
  border-radius: 18px !important; overflow: hidden;
  box-shadow: 0 10px 30px -14px rgba(117,0,14,.25);
  transition: box-shadow .35s, border-color .35s;
}
custom-salla-product-card.s-product-card-entry:hover {
  transform: translateY(-6px);
  border-color: rgba(214,170,60,.45) !important;
  box-shadow: 0 22px 44px -16px rgba(117,0,14,.30);
}
.s-product-card-image { border-radius: 14px; margin: 8px 8px 0; overflow: hidden; }
.s-product-card-content { display: flex; flex-direction: column; flex: 1; }
.s-product-card-content-main { min-height: 58px; }
.s-product-card-content-footer { margin-top: auto; background: transparent !important; }
.s-product-card-content-title a { color: #2a0006 !important; font-weight: 800; }
.s-product-card-price { color: #75000e !important; font-weight: 800; }
.s-product-card-price-before { opacity: .55; }
.s-product-card-content-footer .s-button-element {
  background: linear-gradient(135deg, #75000e, #9b0a1c) !important;
  color: #fff !important; border: 0 !important; border-radius: 999px !important;
  font-weight: 700; box-shadow: 0 8px 20px -8px rgba(117,0,14,.6); transition: .3s;
}
.s-product-card-content-footer .s-button-element:hover {
  background: linear-gradient(135deg, #75000e, #9b0a1c) !important; color: #fff !important;
}

/* =========================================================
   10) صفحة المنتج الواحد — للجوال أولاً (أبيض بلمعة خفيفة + لمسات ذهبية)
   بدون أي تعديل على وصف المنتج
   ========================================================= */
body.product-single .bg-gray-100 { display: none !important; }
body.product-single .md\:container { padding: 0 !important; }
body.product-single .sidebar { padding: 12px 12px 0; }
body.product-single .sidebar img,
body.product-single .sidebar .swiper { border-radius: 22px; }
body.product-single .sidebar img, body.product-single .sidebar .swiper { box-shadow: 0 16px 28px -14px rgba(117,0,14,.35); }

/* لوحة المعلومات (بدون backdrop-filter لأنه يكسر ثبات شريط الشراء السفلي) */
body.product-single .main-content {
  position: relative; margin: -10px 0 0; padding: 24px 16px 8px !important;
  border-radius: 28px 28px 0 0;
  background:
    radial-gradient(70% 30% at 100% 0%, rgba(255,189,12,.05), transparent 70%),
    radial-gradient(60% 26% at 0% 20%, rgba(117,0,14,.04), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.6) 100%);
  border-top: 1px solid rgba(255,189,12,.28);
  box-shadow: 0 -14px 30px -18px rgba(117,0,14,.18);
}
body.product-single .main-content h1 { color: #2a0006; font-weight: 800; font-size: 1.25rem; }
body.product-single .product-entry__sub-title { color: #a8844a !important; font-weight: 700; }
body.product-single .price_is_on_sale *,
body.product-single .total-price,
body.product-single .price-wrapper h4 { color: #75000e !important; font-weight: 900; }
body.product-single .price-wrapper h4,
body.product-single .total-price { font-size: 1.7rem; }
body.product-single .product-save {
  background: linear-gradient(135deg, #f1d58a, #f8e6b2) !important; color: #3a0007 !important;
  border-radius: 999px !important; font-weight: 800; border: 0 !important;
  box-shadow: 0 6px 14px -8px rgba(214,170,60,.35);
}
body.product-single .product-save * { color: #3a0007 !important; }

/* بطاقات التقسيط والهدية */
body.product-single .product-form { background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; }
body.product-single salla-installment { display: block; background: transparent !important; }
body.product-single salla-installment * { border-radius: 16px; }

body.product-single salla-gifting {
  display: block; padding-block: 6px; overflow: hidden;
  background: rgba(255,255,255,.7) !important;
  border: 1px solid rgba(255,189,12,.22) !important; border-radius: 18px !important;
}
body.product-single salla-gifting * { background-color: transparent !important; }
body.product-single salla-gifting button,
body.product-single salla-gifting .s-button-element {
  background: linear-gradient(135deg, #75000e, #9b0a1c) !important; color: #fff !important;
  border: 0 !important; border-radius: 999px !important; font-weight: 800;
}

/* التبويبات */
body.product-single #product-tabs { margin-top: 22px; }
body.product-single .tabs__product { display: flex; gap: 8px; border: 0 !important; background: transparent !important; height: auto; }
body.product-single .tabs__product .tab-trigger {
  border-radius: 999px !important; font-weight: 800; padding: 8px 20px;
  background: rgba(255,255,255,.75) !important; border: 1px solid rgba(117,0,14,.15) !important; color: #75000e !important;
}
body.product-single .tabs__product .tab-trigger.is-active {
  background: linear-gradient(135deg, #f1d58a, #f8e6b2) !important; color: #3a0007 !important; border-color: transparent !important;
}
body.product-single .tabs-wrapper__product {
  border-radius: 22px !important; border: 1px solid rgba(117,0,14,.10) !important;
}

/* شريط الشراء السفلي الثابت */
body.product-single .sticky-product-bar {
  background: rgba(255,255,255,.97) !important;
  border-top: 1px solid rgba(255,189,12,.25); box-shadow: 0 -12px 28px -14px rgba(117,0,14,.2);
  padding: 12px 14px !important;
}
body.product-single .sticky-product-bar .s-add-product-button-main button,
body.product-single .sticky-product-bar .s-button-primary:not(.s-button-outline) {
  background: linear-gradient(135deg, #f1d58a, #f8e6b2) !important; color: #3a0007 !important;
  border: 0 !important; border-radius: 14px !important; font-weight: 800;
  box-shadow: 0 6px 16px -8px rgba(214,170,60,.35);
}
body.product-single .sticky-product-bar .s-button-primary:not(.s-button-outline) * { color: #3a0007 !important; }
body.product-single .sticky-product-bar .s-button-outline {
  background: transparent !important; border: 1px solid #75000e !important; color: #75000e !important; border-radius: 14px !important;
}

/* شريط الشراء يبقى ثابت أسفل الشاشة — هذا يمنع تغطيته لآخر الصفحة */
body.product-single { padding-bottom: 130px; }

/* =========================================================
   11) الهيرو + "وش جهازك" في شاشة واحدة (للجوال)
       يحتاج ملف JS المرفق pig3r-move-icons.js لنقل شريط الأيقونات بعد الباقات
   ========================================================= */
body .bph { min-height: 0 !important; overflow: visible !important; padding-bottom: 0 !important; }
body .bph-fx { overflow: visible !important; }
body .bph-stage { -webkit-mask-image: none !important; mask-image: none !important; height: auto !important; min-height: 0 !important; }
body .bph-visual { height: auto !important; }
#pig3r-rows { max-width: 1100px; margin: 0 auto; padding: 0 0 8px; }
/* شريط الأيقونات: بدون ظل (الظل كان يظهر كخلفية بحافة مقصوصة) */
body .bph-ic { box-shadow: none !important; }

@media (max-width: 768px) {
  /* مجسم الجوال: حجم مريح، و"وش جهازك" يطلع معه بنفس الشاشة */
  html body .bph .bph-phone { transform: scale(.68) !important; transform-origin: 50% 0; margin-bottom: -103px !important; }
  html body .bph .bph-glow { top: 0 !important; }
  html body .bph .bph-ring { top: -30px !important; }

  /* التطبيقات يمين ويسار تنزل مع المدار لين عنوان "وش جهازك" */
  html body .bph .bph-stage > .bph-fl:nth-child(6),
  html body .bph .bph-stage > .bph-fl:nth-child(10) { display: block !important; }
  html body .bph .bph-stage > .bph-fl.l:nth-child(3)  { top: 0 !important; }
  html body .bph .bph-stage > .bph-fl.l:nth-child(4)  { top: 72px !important; }
  html body .bph .bph-stage > .bph-fl.l:nth-child(5)  { top: 144px !important; }
  html body .bph .bph-stage > .bph-fl.l:nth-child(6)  { top: 216px !important; }
  html body .bph .bph-stage > .bph-fl.r:nth-child(7)  { top: 24px !important; }
  html body .bph .bph-stage > .bph-fl.r:nth-child(8)  { top: 96px !important; }
  html body .bph .bph-stage > .bph-fl.r:nth-child(9)  { top: 168px !important; }
  html body .bph .bph-stage > .bph-fl.r:nth-child(10) { top: 238px !important; }

  /* الباقات تلتصق بالهيرو */
  html body .s-block--bundle-html-content:has(.bpp) { margin-top: -38px !important; position: relative; z-index: 1; }
  html body .bpp { padding-top: 0 !important; }
  html body .bpp-eyebrow { display: none !important; }
}

/* =========================================================
   12) تخفيف الذهبي في كامل الموقع + زر شراء موحّد
   ========================================================= */
/* الكلمات الملونة: عنابي ← برونزي هادئ بدل الذهبي الصريح */
html body .bph-g, html body .bpp-g, html body .bpo-grad, html body .bpf-grad, html body .bp-grad-text {
  background-image: linear-gradient(90deg, #75000e 0%, #9b2634 45%, #b8893e 72%, #75000e 100%) !important;
}
html body .bpp-seal { background-image: linear-gradient(90deg, #cfb06a, #e6d19a, #cfb06a) !important; }
html body .bp-rev-stars { color: #d8b255 !important; }
html body .bpf-cta, html body .bpf-badge, html body .bph-hvnum {
  background: rgba(255,189,12,.05) !important; border-color: rgba(214,170,60,.22) !important;
}
html body .bph-glow, html body .bph-ring { opacity: .6; }
/* غبار النجوم ثابت بدون وميض */
body::after { opacity: .5; animation: none; }

/* زر "أضف للسلة" في الباقات: عنابي موحّد وأوضح (بدل الذهبي) */
html body .bpp .bpp-add {
  background: linear-gradient(135deg, #75000e, #9b0a1c) !important;
  background-image: linear-gradient(135deg, #75000e, #9b0a1c) !important;
  box-shadow: 0 8px 20px -8px rgba(117,0,14,.55) !important;
  border-radius: 14px; min-height: 50px;
}
html body .bpp .bpp-add * { color: #fff !important; }

/* =========================================================
   13) تمييز باقة "الأكثر مبيعاً" (ترتفع، شريطها عنابي، وهج خفيف)
   ========================================================= */
html body .bpp .bpp-c.bpp-vip {
  box-shadow: 0 20px 44px -16px rgba(117,0,14,.42), 0 0 0 3px rgba(184,137,62,.28) !important;
  transform: translateY(-6px);
}
html body .bpp .bpp-vip .bpp-seal {
  background-image: linear-gradient(135deg, #75000e, #9b0a1c) !important;
  color: #fff !important; box-shadow: 0 6px 14px -6px rgba(117,0,14,.55);
}
html body .bpp .bpp-vip .bpp-seal * { color: #fff !important; }

/* =========================================================
   14) عناوين أكبر وأوضح (للجوال)
   ========================================================= */
@media (max-width: 768px) {
  html body .bph .bph-title { font-size: 40px !important; line-height: 1.2 !important; font-weight: 800 !important; }
  html body .bpp .bpp-t { font-size: 34px !important; line-height: 1.15 !important; font-weight: 800 !important; }   /* وش جهازك؟ */
  html body .bpp .bpp-s { font-size: 14px !important; }
  html body .bpo .bpo-title, html body .bpf .bpf-title { font-size: 30px !important; line-height: 1.2 !important; font-weight: 800 !important; }
  html body .bp-mega-container .bp-main-title, html body .bp-reviews h2 { font-size: 32px !important; line-height: 1.2 !important; font-weight: 800 !important; }
  html body .bp-mega-container .bp-main-sub { font-size: 15px !important; }
  html body .bpp-c h3 { font-size: 15.5px !important; }
  html body .bpo h3 { font-size: 16px !important; }
  html body .bp-vs-item-title { font-size: 12.5px !important; }
}

/* =========================================================
   15) شارة "موثّق في المركز السعودي للأعمال" — أخضر + علامة توثيق
   ========================================================= */
html body .bph .bph-hintv {
  display: inline-flex; align-items: center; gap: 7px; padding: 3px 10px 3px 6px; border-radius: 999px;
  background: linear-gradient(135deg, rgba(22,163,74,.14), rgba(255,255,255,.75));
  border: 1px solid rgba(22,163,74,.45); box-shadow: 0 8px 20px -10px rgba(22,163,74,.55);
}
html body .bph .bph-hintv b { color: #0b5d33 !important; font-weight: 800; font-size: 14px; }
html body .bph .bph-hvlg { position: relative; border-color: #16a34a !important; }
html body .bph .bph-hvlg::after {
  content: "\2713"; position: absolute; bottom: -4px; inset-inline-end: -5px; width: 16px; height: 16px;
  border-radius: 50%; background: #16a34a; color: #fff; font-size: 10px; font-weight: 900; line-height: 16px;
  text-align: center; border: 1.5px solid #fff;
}
html body .bph .bph-hvnum {
  background: #fff !important; border: 1px solid rgba(22,163,74,.5) !important; color: #0b5d33 !important;
  font-weight: 800; letter-spacing: .3px;
}

/* =========================================================
   16) إزالة ظل شريطي الأيقونات + إيقاف أي أنيميشن/تعتيم على تطبيقات الآيفون
   ========================================================= */
body .bph-rt { box-shadow: none !important; filter: none !important; }
body .bph-rt::before, body .bph-rt::after { box-shadow: none !important; }
body .bph-rows-w, body .bph-rows, body .bph-row { box-shadow: none !important; filter: none !important; }
html body .bph .bph-scr .bph-apps .bph-ic svg { animation: none !important; filter: none !important; }

/* =========================================================
   17) تقليل المسافة بين قسم الخطوات وقسم "بيجر بلس بالأرقام" (جوال)
   ========================================================= */
@media (max-width: 768px) {
  html body .bp-mega-container { padding-top: 0 !important; }
  html body .bp-combined-section { padding-top: 6px !important; }
  html body .s-block--bundle-html-content:has(.bp-mega-container) { margin-top: -14px !important; position: relative; z-index: 1; }
}

/* =========================================================
   18) بطاقات الباقات أصغر — تظهر كاملة بدون سكرول (جوال)
   ========================================================= */
@media (max-width: 768px) {
  html body .bpp .bpp-grid .bpp-c .bpp-img-box { width: 196px !important; height: 196px !important; margin-inline: auto !important; }
  html body .bpp .bpp-grid .bpp-c .bpp-img-box img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  html body .bpp .bpp-grid .bpp-c .bpp-price-wrap { display: flex !important; flex-direction: row-reverse !important; align-items: center !important; justify-content: center !important; gap: 12px !important; height: auto !important; min-height: 0 !important; padding: 7px 10px !important; }
  html body .bpp .bpp-grid .bpp-c .bpp-price-top, html body .bpp .bpp-grid .bpp-c .bpp-price-new { height: auto !important; margin: 0 !important; }
}

/* =========================================================
   19) الجوال: نصف الإطار الأعلى كامل ونصفه الأسفل يتلاشى (شفاف) و"وش جهازك" يدخل مكانه
   ========================================================= */
@media (max-width: 768px) {
  html body .bph .bph-visual .bph-stage .bph-phone {
    transform: scale(.8) !important; margin-bottom: -112px !important;
    -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 46%, transparent 80%) !important;
    mask-image: linear-gradient(to bottom, #000 0, #000 46%, transparent 80%) !important;
  }
  html body .bph .bph-visual .bph-stage.bph-stage > .bph-fl:nth-child(3) { top: 0 !important; }
  html body .bph .bph-visual .bph-stage.bph-stage > .bph-fl:nth-child(4) { top: 58px !important; }
  html body .bph .bph-visual .bph-stage.bph-stage > .bph-fl:nth-child(5) { top: 116px !important; }
  html body .bph .bph-visual .bph-stage.bph-stage > .bph-fl:nth-child(6) { top: 174px !important; }
  html body .bph .bph-visual .bph-stage.bph-stage > .bph-fl:nth-child(7) { top: 18px !important; }
  html body .bph .bph-visual .bph-stage.bph-stage > .bph-fl:nth-child(8) { top: 76px !important; }
  html body .bph .bph-visual .bph-stage.bph-stage > .bph-fl:nth-child(9) { top: 134px !important; }
  html body .bph .bph-visual .bph-stage.bph-stage > .bph-fl:nth-child(10) { top: 190px !important; }
  html body .s-block--bundle-html-content:has(.bpp) { margin-top: -38px !important; position: relative; z-index: 2; }
}

/* =========================================================
   20) تاب الآيفون: البطاقتان (الذهبي + الفضي) تظهران كاملتين جنب بعض بدون سحب (جوال)
   ========================================================= */
@media (max-width: 768px) {
  html body .bpp .bpp-grid:not(.bpp-grid-single) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin-inline: -16px !important; width: auto !important; overflow: visible !important; }
  html body .bpp .bpp-grid:not(.bpp-grid-single) .bpp-c { width: auto !important; min-width: 0 !important; }
  html body .bpp .bpp-grid:not(.bpp-grid-single) .bpp-c .bpp-img-box { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; }
  html body .bpp .bpp-grid:not(.bpp-grid-single) .bpp-c h3 { font-size: 12.5px !important; line-height: 1.3 !important; }
  html body .bpp .bpp-grid:not(.bpp-grid-single) .bpp-c .bpp-seal { font-size: 11px !important; }
  html body .bpp .bpp-grid:not(.bpp-grid-single) .bpp-c .bpp-price-wrap { flex-direction: column !important; gap: 2px !important; padding: 6px 4px !important; }
  html body .bpp .bpp-grid:not(.bpp-grid-single) .bpp-c .bpp-price-top { display: flex !important; gap: 6px !important; align-items: center !important; justify-content: center !important; }
  html body .bpp .bpp-grid:not(.bpp-grid-single) .bpp-c .bpp-price-top s { font-size: 12px !important; }
  html body .bpp .bpp-grid:not(.bpp-grid-single) .bpp-c .bpp-off { font-size: 10px !important; padding: 2px 5px !important; min-height: 0 !important; height: auto !important; }
  html body .bpp .bpp-grid:not(.bpp-grid-single) .bpp-c .bpp-price-val { font-size: 22px !important; }
  html body .bpp .bpp-grid:not(.bpp-grid-single) .bpp-c .bpp-add { min-height: 44px !important; }
}


/* =========================================================
   21) أداء + عملة الريال
   - أزلت التمويه (blur) والحركات الثقيلة لأنها تبطّئ التمرير في الجوالات
   - رمز الريال في الباقات كان حرف يونيكود جديد (U+20C1) لا تدعمه خطوط بعض الأجهزة
     فيختفي — استبدلته بأيقونة الريال الرسمية من خط سلة (sallaicons) المحمّل أصلاً
   ========================================================= */
.bpp .bpp-sar { font-size: 0 !important; line-height: 1 !important; display: inline-block; }
.bpp .bpp-sar::before {
  content: "\e9bc"; font-family: "sallaicons" !important; font-style: normal !important; font-weight: 400 !important;
  font-size: 13px; line-height: 1; display: inline-block; vertical-align: -1px;
}
.bpp .bpp-price-cur.bpp-sar::before { font-size: 16px; }

/* =========================================================
   22) صفحة المنتج: إخفاء الأقسام اللي تحت المنتج
   (منتجات مشابهة / العملاء اشتروا أيضاً / العملاء شاهدوا أيضاً)
   + "عادة ما يتم شراؤها معاً" وبدائل غير المتوفر — الباقي فقط: "قد يعجبك أيضاً"
   ========================================================= */
body.product-single .s-block--bundle-similar-products,
body.product-single .s-block--bundle-customers-also-bought,
body.product-single .s-block--bundle-customers-also-viewed,
body.product-single .s-block--bundle-out-of-stock-alternative,
body.product-single .buy-with { display: none !important; }

/* =========================================================
   23) بطاقة "أهدِ من تحب": صف واحد صغير (كانت تاخذ نص الشاشة) — المنتج والسلة
   ========================================================= */
@media (max-width: 768px) {
  html body salla-gifting,
  html body .s-gifting-widget { padding-block: 0 !important; margin-block: 8px !important; }
  html body salla-gifting .s-list-tile-item,
  html body .s-gifting-widget .s-list-tile-item { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; padding: 8px 12px !important; text-align: right !important; min-height: 0 !important; }
  html body salla-gifting .s-list-tile-item-content,
  html body .s-gifting-widget .s-list-tile-item-content { flex: 1 !important; min-width: 0 !important; margin: 0 !important; text-align: right !important; }
  html body salla-gifting .s-list-tile-item-title,
  html body salla-gifting .s-list-tile-item-title h3 { margin: 0 !important; font-size: 15px !important; line-height: 1.3 !important; text-align: right !important; }
  html body salla-gifting .s-list-tile-item-subtitle { display: none !important; }
  html body salla-gifting .s-list-tile-item-action { flex: none !important; margin: 0 !important; padding: 0 !important; width: auto !important; }
  html body salla-gifting .s-gifting-widget-action,
  html body salla-gifting .s-gifting-widget-action.s-button-element { min-height: 0 !important; height: auto !important; padding: 8px 14px !important; font-size: 13px !important; width: auto !important; white-space: nowrap; }
}


/* =========================================================
   24) آيباد / أندرويد (بطاقة واحدة): تناسب الشاشة كاملة بدون سكرول — جوال
   الحجم يتبع ارتفاع شاشة الجوال نفسها (svh) فيصغر على الشاشات القصيرة
   ========================================================= */
@media (max-width: 768px) {
  html body .bpp .bpp-grid.bpp-grid-single .bpp-c .bpp-img-box { width: clamp(104px, 20svh, 160px) !important; height: clamp(104px, 20svh, 160px) !important; margin-block: 0 !important; }
  html body .bpp .bpp-grid.bpp-grid-single .bpp-c h3 { font-size: 14px !important; line-height: 1.3 !important; margin-block: 4px !important; }
  html body .bpp .bpp-grid.bpp-grid-single .bpp-c .bpp-seal { font-size: 11px !important; }
  html body .bpp .bpp-grid.bpp-grid-single .bpp-c .bpp-price-wrap { padding: 4px 8px !important; margin-block: 2px !important; }
  html body .bpp .bpp-grid.bpp-grid-single .bpp-c .bpp-price-val { font-size: 22px !important; }
  html body .bpp .bpp-grid.bpp-grid-single .bpp-c .bpp-add { min-height: 44px !important; }
}

/* =========================================================
   25) السلة (جوال): بطاقة الهدية أصغر + شريط "إتمام الطلب" أوضح وأخف
   (أسماء الكلاسات من مكوّن سلة الرسمي salla-cart-summary-card)
   ========================================================= */
@media (max-width: 1023px) {
  html body #cart-gifting { padding: 0 !important; margin-bottom: 10px !important; }
  html body #cart-gifting salla-gifting { margin-top: 0 !important; }
  html body .s-cart-summary-card { border-radius: 20px 20px 0 0 !important; box-shadow: 0 -10px 28px -12px rgba(117,0,14,.28) !important; padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 4px) !important; }
  html body .s-cart-summary-card-bar { padding: 10px 16px 6px !important; }
  html body .s-cart-summary-card-bar-label-text { font-size: 15px !important; }
  html body .s-cart-summary-card-bar-total { font-size: 19px !important; color: #75000e !important; }
  html body .s-cart-summary-card-action { padding: 0 16px 10px !important; }
  html body #s-cart-summary-card-submit { display: block !important; width: 100% !important; }
  html body #s-cart-summary-card-submit .s-button-element,
  html body #s-cart-summary-card-submit button {
    width: 100% !important; min-height: 52px !important; border-radius: 14px !important; border: 0 !important;
    background: linear-gradient(135deg, #75000e, #9b0a1c) !important; background-image: linear-gradient(135deg, #75000e, #9b0a1c) !important;
    color: #fff !important; font-size: 16px !important; font-weight: 800 !important;
    box-shadow: 0 10px 22px -10px rgba(117,0,14,.65) !important;
  }
  html body #s-cart-summary-card-submit * { color: #fff !important; }
}


/* =========================================================
   26) صفحة السلة (جوال): مضغوطة وواضحة وتسرّع الشراء
   كل منتج بسطرين: (صورة + اسم + سعر) ثم (الكمية + المجموع + حذف)
   وإخفاء المشتتات: "أضف للأمنيات" وكوبون الخصم العائم (يوجد حقل كوبون بالصفحة)
   ========================================================= */
@media (max-width: 768px) {
  body.cart .mw-badge { display: none !important; }
  body.cart .cart-item { padding: 10px 12px !important; margin-bottom: 8px !important; border-radius: 14px !important; }
  body.cart .cart-item > div.items-start { display: grid !important; grid-template-columns: auto 1fr !important; align-items: center !important; column-gap: 12px !important; row-gap: 0 !important; }
  body.cart .cart-item > div.items-start > :nth-child(1) { grid-column: 1 / -1 !important; padding-bottom: 8px !important; }
  body.cart .cart-item > div.items-start > :nth-child(2) { grid-column: 1 !important; grid-row: 2 !important; padding: 0 !important; }
  body.cart .cart-item > div.items-start > :nth-child(3) { grid-column: 2 !important; grid-row: 2 !important; border: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; }
  body.cart .cart-item img { width: 72px !important; height: 60px !important; }
  body.cart .cart-item h2, body.cart .cart-item h2 a { font-size: 14px !important; line-height: 1.4 !important; }
  body.cart .cart-item .offer-wrapper { margin-top: 2px !important; }
  body.cart .cart-item .s-quantity-input-container { height: 36px !important; width: 116px !important; }
  body.cart .cart-item .s-quantity-input-button { width: 34px !important; height: 34px !important; }
  body.cart .cart-item .s-quantity-input-input { width: 44px !important; height: 36px !important; }
  body.cart .cart-item .btn--wishlist { display: none !important; }
  body.cart .cart-item .btn--delete .fix-align { display: none !important; }
  body.cart .cart-item .btn--delete button { width: 34px !important; height: 34px !important; padding: 0 !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: rgba(220,38,38,.08) !important; }
  body.cart .cart-item .btn--delete i { font-size: 14px !important; color: #dc2626 !important; margin: 0 !important; }
  body.cart .cart-item .item-total { font-weight: 800 !important; }

  /* بطاقة الهدية: سطر نحيف */
  html body #cart-gifting { margin-bottom: 8px !important; border-radius: 14px !important; }
  html body #cart-gifting salla-gifting .s-list-tile-item { padding: 6px 12px !important; }
  html body #cart-gifting salla-gifting .s-list-tile-item-title, html body #cart-gifting salla-gifting .s-list-tile-item-title h3 { white-space: nowrap !important; font-size: 14px !important; }

  /* كوبون الخصم داخل السلة: أنحف */
  body.cart .coupon { margin-bottom: 8px !important; padding-block: 10px !important; border-radius: 14px !important; }
  body.cart .coupon .s-cart-coupons-wrapper { padding-block: 4px !important; }
  body.cart .coupon .s-cart-coupons-input-section { margin-bottom: 0 !important; }
  body.cart .coupon .s-cart-coupons-coupon-label { margin-bottom: 6px !important; font-size: 13px !important; }

  /* شريط الدفع: سطر ثقة صغير فوق الزر */
  html body .s-cart-summary-card-action::before { content: "\26A1  تسليم فوري بعد الدفع"; display: block; text-align: center; font-size: 12px; font-weight: 700; color: #16794c; margin-bottom: 6px; }
}


/* =========================================================
   27) القائمة الجانبية (جوال) — تصميم جديد
   رأس عنابي + زر "تطبيقات بلس" كبير يوجّه للشراء + بطاقات أنيقة + سطر ثقة
   ========================================================= */
.mm-ocd__content { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; border-inline-start: 0 !important; box-shadow: -18px 0 50px rgba(35,0,6,.22) !important; }
.mm-ocd__content::before { background: radial-gradient(90% 30% at 100% 100%, rgba(117,0,14,.07), transparent 70%), radial-gradient(70% 22% at 0% 30%, rgba(184,137,62,.09), transparent 70%) !important; }
nav.mobile-menu, nav.mobile-menu ul, nav.mobile-menu li { background: transparent !important; }

/* الرأس (عنوان القائمة) + زر الإغلاق أبيض */
nav.mobile-menu::after { background: linear-gradient(135deg,#75000e,#9b0a1c) !important; color: #fff !important; font-weight: 800 !important; font-size: 16px !important; border: 0 !important; }
.close-mobile-menu, .close-mobile-menu::before { color: #fff !important; }

/* القائمة */
nav.mobile-menu ul.main-menu { padding-top: 14px !important; padding-bottom: 96px !important; }
nav.mobile-menu .mobile-menu-slider { display: none !important; }
nav.mobile-menu ul.main-menu > li { margin: 0 14px 10px !important; border: 0 !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 6px 18px -10px rgba(117,0,14,.28), 0 0 0 1px rgba(117,0,14,.08) !important; overflow: hidden; }
nav.mobile-menu ul.main-menu > li > a, nav.mobile-menu ul.main-menu > li > span { min-height: 54px !important; padding: 0 14px !important; display: flex !important; align-items: center !important; gap: 12px !important; font-size: 15px !important; font-weight: 800 !important; color: #2a0006 !important; }
nav.mobile-menu ul.main-menu > li > a .menu_title, nav.mobile-menu ul.main-menu > li .menu_title { color: inherit !important; }
/* دائرة أيقونة قبل كل عنصر */
nav.mobile-menu ul.main-menu > li > a::before, nav.mobile-menu ul.main-menu > li > span > i { width: 34px; height: 34px; border-radius: 50%; background: rgba(117,0,14,.08); color: #75000e !important; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; flex: none; margin: 0 !important; }
nav.mobile-menu ul.main-menu > li > a::before { font-family: "sallaicons" !important; font-style: normal; font-weight: 400; content: "\ece5"; }

/* "تطبيقات بلس": زر رئيسي عنابي */
nav.mobile-menu ul.main-menu > li:not(.links):not(.social):not(.currency):not(.mobile-menu-slider) { background: linear-gradient(135deg,#75000e,#9b0a1c) !important; box-shadow: 0 12px 24px -12px rgba(117,0,14,.7) !important; }
nav.mobile-menu ul.main-menu > li:not(.links):not(.social):not(.currency):not(.mobile-menu-slider) > a, nav.mobile-menu ul.main-menu > li:not(.links):not(.social):not(.currency):not(.mobile-menu-slider) .menu_title { color: #fff !important; font-size: 16px !important; }
nav.mobile-menu ul.main-menu > li:not(.links):not(.social):not(.currency):not(.mobile-menu-slider) > a::before { background: rgba(255,255,255,.18); color: #fff !important; }

nav.mobile-menu ul.main-menu > li.currency button, nav.mobile-menu ul.main-menu > li.currency button * { color: #2a0006 !important; font-weight: 800 !important; font-size: 15px !important; }
/* أيقونات الأقسام */
nav.mobile-menu ul.main-menu > li.links > span > i, nav.mobile-menu ul.main-menu > li.social > span > i { font-size: 16px !important; }


/* العملة بنفس شكل بقية البطاقات */
nav.mobile-menu ul.main-menu > li.currency button { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; min-height: 54px !important; padding: 0 14px !important; }
nav.mobile-menu ul.main-menu > li.currency button i { order: -1; width: 34px; height: 34px; border-radius: 50%; background: rgba(117,0,14,.08); color: #75000e !important; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; margin: 0 !important; flex: none; }

/* القوائم الفرعية (روابط تهمك / خدمة العملاء): بطاقات، والقائمة الرئيسية تختفي أثناء الانزلاق */
nav.mobile-menu::before { border-color: #fff !important; }
nav.mobile-menu ul.main-menu.mm-spn--parent > li:not(:has(> ul.mm-spn--open)) { opacity: 0 !important; visibility: hidden !important; }
nav.mobile-menu ul.main-menu.mm-spn--parent > li:has(> ul.mm-spn--open) { background: none !important; box-shadow: none !important; overflow: visible !important; margin: 0 !important; }
nav.mobile-menu ul.main-menu.mm-spn--parent > li:has(> ul.mm-spn--open) > span { opacity: 0 !important; height: 0 !important; min-height: 0 !important; overflow: hidden !important; padding: 0 !important; }
nav.mobile-menu ul.main-menu ul { padding-top: 14px !important; padding-bottom: 20px !important; background: transparent !important; }
nav.mobile-menu ul.main-menu ul a { display: flex !important; align-items: center !important; width: auto !important; max-width: calc(100% - 28px) !important; min-width: 0 !important; box-sizing: border-box !important; min-height: 52px !important; padding: 0 16px !important; margin: 0 14px 10px !important; background: #fff !important; border-radius: 14px !important; box-shadow: 0 6px 18px -10px rgba(117,0,14,.28), 0 0 0 1px rgba(117,0,14,.08) !important; font-size: 14.5px !important; font-weight: 800 !important; color: #2a0006 !important; line-height: 1.35 !important; gap: 10px; }
nav.mobile-menu ul.main-menu ul a i { color: #75000e !important; }

/* سطر ثقة أسفل القائمة */
/* سطر الثقة */

/* إخفاء الأزرار العائمة عند فتح القائمة */
body:has(.mm-ocd--open) .mw-wa, body:has(.mm-ocd--open) .mw-badge, body:has(.mm-ocd--open) .mw-toast { display: none !important; }


/* =========================================================
   28) بطاقة الهدية (المنتج + السلة): هادئة — أبيض مع لمسة ذهبية خفيفة بدل الأحمر
   ========================================================= */
@media (max-width: 768px) {
  html body salla-gifting, html body.product-single salla-gifting, html body #cart-gifting { background: #fff !important; border: 1px solid rgba(40,30,20,.09) !important; box-shadow: none !important; border-radius: 14px !important; }
  html body #cart-gifting { padding: 0 !important; }
  html body salla-gifting .s-list-tile-item { padding: 8px 12px !important; min-height: 0 !important; gap: 10px !important; }
  html body salla-gifting .s-list-tile-item-title, html body salla-gifting .s-list-tile-item-title h3 { color: #3a342e !important; font-weight: 700 !important; font-size: 14px !important; white-space: nowrap !important; }
  html body salla-gifting svg, html body salla-gifting svg path { fill: #b8893e !important; }
  html body salla-gifting salla-button.s-gifting-widget-action { background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; height: auto !important; min-height: 0 !important; }
  html body salla-gifting button.s-gifting-widget-action, html body.product-single salla-gifting button.s-button-element, html body salla-gifting .s-gifting-widget-action .s-button-element {
    background: #faf5ea !important; background-image: none !important; color: #7a5a1e !important;
    border: 1px solid rgba(184,137,62,.55) !important; box-shadow: none !important; font-weight: 700 !important;
    font-size: 12.5px !important; padding: 7px 12px !important; border-radius: 999px !important; height: auto !important; min-height: 0 !important;
  }
  html body salla-gifting .s-gifting-widget-action * { color: #7a5a1e !important; fill: #b8893e !important; }
}


/* =========================================================
   29) الهيدر العلوي (جوال) — سلة واضحة بشكل زر عنابي
   ========================================================= */
@media (min-width:0px){
  html body .store-header .header-container>div{height:62px;min-height:62px;align-items:center}
  html body .store-header .header-container>div>div{height:62px}
  html body .store-header .navbar-brand{width:auto;height:auto;padding:0}
  html body .store-header .navbar-brand img{width:46px;height:46px;max-height:46px;object-fit:contain;border-radius:50%}
  html body .store-header .search-btn.header-btn{width:38px;height:38px;border-radius:50%;background:#f6f1ea;display:flex;align-items:center;justify-content:center;margin-inline-start:8px}
  html body .store-header .mburger{width:38px;height:38px;border-radius:50%;background:#f6f1ea;display:flex;align-items:center;justify-content:center}
  html body .store-header .header-buttons ~ button.header-btn{width:38px;height:38px;border-radius:50%;background:#f6f1ea;align-items:center;justify-content:center}

  /* زر السلة */
  html body .header-cart{margin-inline-start:8px}
  html body .header-cart .s-cart-summary-wrapper{position:relative;display:flex;align-items:center;gap:6px;width:auto;height:40px;padding:0 13px 0 11px;border-radius:999px;background:linear-gradient(135deg,#75000e,#9b2634 80%,#b8893e);box-shadow:0 6px 14px rgba(117,0,14,.28);color:#fff}
  html body .header-cart .s-cart-summary-wrapper>div{width:auto;height:auto;display:flex}
  html body .header-cart .header-btn{background:transparent!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important}
  html body .header-cart .header-btn i,html body .header-cart .header-btn i::before{color:#fff!important;font-size:21px}
  html body .header-cart .s-cart-summary-content,html body .header-cart .s-cart-summary-content *{color:#fff!important;font-size:13px;font-weight:800;margin:0}
  html body .header-cart .s-cart-summary-content{display:flex;align-items:center;white-space:nowrap;line-height:1}
  html body .header-cart .s-cart-summary-total{display:inline-flex;align-items:center;gap:3px;height:auto;white-space:nowrap;line-height:1}
  html body .header-cart .s-cart-summary-total i{font-size:12px;width:auto;height:auto}
  html body .header-cart .s-cart-summary-count{position:absolute;top:-7px;left:-6px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:#fff;color:#75000e!important;border:2px solid #75000e;font-size:11px;font-weight:800;line-height:16px;text-align:center}

  /* السلة فاضية: كلمة "السلة" بدل الإجمالي والعداد (يعتمد على الـJS، وبدونه يبقى العرض العادي) */
  body.pig-cart-js:not(.pig-has-cart) .header-cart .s-cart-summary-content,
  body.pig-cart-js:not(.pig-has-cart) .header-cart .s-cart-summary-count{display:none}
  body.pig-cart-js:not(.pig-has-cart) .header-cart .s-cart-summary-wrapper::after{content:"\0627\0644\0633\0644\0629";font-size:13px;font-weight:800;color:#fff}

  /* عند إضافة منتج: نبضة تلفت النظر للسلة */
  @keyframes pigBump{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.96)}75%{transform:scale(1.07)}100%{transform:scale(1)}}
  @keyframes pigRing{0%{box-shadow:0 0 0 0 rgba(184,137,62,.8),0 6px 14px rgba(117,0,14,.28)}100%{box-shadow:0 0 0 14px rgba(184,137,62,0),0 6px 14px rgba(117,0,14,.28)}}
  html body .header-cart.pig-bump .s-cart-summary-wrapper{animation:pigBump .7s ease,pigRing 1.1s ease-out 2}
}


/* =========================================================
   30) القائمة الجانبية: تعتيم ما يعلق + زر رجوع واضح
   ========================================================= */
.mm-ocd__backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(35,0,6,.22) !important; }
.mm-ocd:not(.mm-ocd--open) .mm-ocd__backdrop { display: none !important; }
nav.mobile-menu.mm-spn:not(.mm-spn--main)::before { opacity: 1 !important; border-width: 2.4px !important; }
.pig-back { display: none; }
.mm-ocd__content:has(nav.mobile-menu:not(.mm-spn--main)) .pig-back { display: flex; }
.mm-ocd__content:has(nav.mobile-menu:not(.mm-spn--main))::after { display: none !important; }
.pig-back { position: absolute; inset-inline: 14px; bottom: 16px; z-index: 5; height: 50px; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; border-radius: 16px; border: 1.5px solid #75000e; background: #fff; color: #75000e; font-family: inherit; font-size: 14.5px; font-weight: 800; cursor: pointer; box-shadow: 0 6px 16px rgba(117,0,14,.12); -webkit-tap-highlight-color: transparent; }
.pig-back svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.pig-back:active { transform: scale(.97); }


/* =========================================================
   31) الهيدر ثابت بدون وميض (جوال): مثبّت بطبقة خاصة به
   ========================================================= */
@media (max-width:768px){
  html body .store-header{position:relative!important;top:auto!important;min-height:62px!important;z-index:auto!important}
  html body .store-header .header-inner{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;z-index:9990!important;
    -webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;
    opacity:1!important;transition:none!important;animation:none!important;box-shadow:0 1px 0 rgba(40,30,20,.06)}
}


/* =========================================================
   32) تحسينات التصميم الشاملة (جوال): عناصر عائمة، صورة المنتج،
       الأرقام، التقييمات، الفوتر، تقييمات صفحة المنتج، توحيد الذهبي
   ========================================================= */
@media (max-width:768px){

  /* --- 1) الواتساب والكوبون: أصغر وما يغطّون المحتوى --- */
  .mw-wa{width:42px!important;height:42px!important}
  .mw-wa svg{width:23px!important;height:23px!important}
  .mw-badge{height:30px!important;padding:0 11px!important;font-size:11.5px!important;transition:opacity .35s ease,width .3s ease,padding .3s ease}
  .mw-badge.mw-min{width:32px!important;height:32px!important;padding:0!important;font-size:0!important;border-radius:50%!important}
  .mw-badge.mw-min::before{content:"٪";font-size:16px;font-weight:900;line-height:32px;display:block}
  .mw-badge.mw-min.done::before{content:"\2713"}
  body.product-single .mw-badge{display:none!important}

  /* --- 2) صورة المنتج أصغر شوي عشان العنوان والسعر يبانون أبكر --- */
  body.product-single .image-slider{max-width:316px;margin-inline:auto!important;border-radius:20px!important;overflow:hidden}

  /* --- 4) ضغط المسافات العمودية --- */
  .bp-combined-section{padding:34px 14px!important}

  /* --- 5) الأرقام: بطاقات بيضاء بحدّ ذهبي ناعم --- */
  .bp-stats-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
  .bp-stat-box{height:auto!important;background:#fff!important;border:1px solid rgba(184,137,62,.30)!important;border-radius:16px!important;padding:12px 4px 10px!important;box-shadow:0 6px 18px rgba(60,40,20,.06)!important;text-align:center!important}
  .bp-counter-display{font-size:25px!important;line-height:1.15!important;width:auto!important;height:auto!important}
  .bp-stat-lbl{font-size:11.5px!important;margin-top:2px!important}
  .bp-divider{display:none!important}

  /* --- 6) التقييمات: سحب أفقي بدل الحركة التلقائية، بطاقة كاملة --- */
  .bp-rev-track{overflow:hidden!important}
  .bp-rev-card{height:auto!important}
  .bp-rev-stars{color:#c99a3e!important}

  /* --- 7 + 8) الفوتر: بطاقة واحدة نظيفة --- */
  html body footer .to-top,
  html body footer .s-contacts-title,
  html body footer .footer-profile p:empty,
  html body footer .footer-images:empty{display:none!important}
  html body footer .store-footer__inner,
  html body footer .footer-middle,
  html body footer .footer-bottom,
  html body footer .sbc-certificate{border:0!important;box-shadow:none!important;background:transparent!important}
  html body footer .store-footer__inner{padding:10px 0 0!important}
  /* البطاقة */
  html body footer .store-footer__inner>.container{position:relative;display:block!important;max-width:none!important;width:auto!important;margin:6px 16px 0!important;padding:14px 0 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  html body footer .store-footer__inner>.container::before{display:none!important}
  html body footer .footer-middle{display:flex!important;flex-flow:row wrap!important;justify-content:center!important;align-items:center!important;gap:12px!important;padding:0!important}
  html body footer .footer-profile{display:contents!important}
  /* الشعار والوصف */
  html body footer .logo-footer{order:1;width:100%!important;justify-content:center!important;margin:0!important}
  html body footer .logo-footer img{height:68px!important;width:68px!important;object-fit:cover;border-radius:50%;padding:3px;background:#fff;box-shadow:0 0 0 2px #e3bd6a,0 10px 22px rgba(60,40,20,.18)}
  html body footer .footer-profile p{order:2;width:100%;max-width:310px;margin:0 auto!important;font-size:12.5px!important;line-height:1.95!important;color:#8a8279!important;text-align:center;overflow:visible}
  /* الأيقونات: سوشال + تواصل بصف واحد */
  html body footer .footer-social{order:3;width:auto!important;margin:6px 0 0!important}
  html body footer .footer-middle>div:has(salla-contacts){order:3;width:auto!important;margin:6px 0 0!important}
  html body footer .s-social-list,
  html body footer .s-contacts-list-horizontal{display:flex!important;gap:10px!important;justify-content:center!important}
  html body footer .s-social-link a,
  html body footer .s-contacts-item{width:44px!important;height:44px!important;border-radius:50%!important;background:#fff!important;display:flex!important;align-items:center;justify-content:center;color:#75000e!important;border:1px solid rgba(184,137,62,.40)!important;box-shadow:0 6px 14px rgba(117,0,14,.08)!important;margin:0!important;transition:transform .15s ease,background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}
  html body footer .s-social-link a:active,
  html body footer .s-contacts-item:active{transform:scale(.9);background:#fff!important;color:#75000e!important}
  html body footer .s-social-link a svg,
  html body footer .s-contacts-item svg{width:19px!important;height:19px!important;fill:currentColor}
  html body footer .s-contacts-item .s-contacts-icon{width:auto!important;height:auto!important}
  /* الروابط */
  html body footer .footer-middle>div:has(.menu-list){order:4;width:100%!important;margin-top:14px}
  html body footer .footer-title{display:block!important;position:relative;text-align:center;font-size:15px!important;font-weight:800!important;color:#75000e!important;margin:0 0 14px!important;padding-bottom:9px}
  html body footer .footer-title::after{content:"";position:absolute;left:50%;bottom:0;width:34px;height:3px;border-radius:2px;background:#c99a3e;transform:translateX(-50%)}
  html body footer .footer-list{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;width:100%}
  html body footer .footer-list a{display:flex!important;align-items:center;justify-content:center;gap:6px;margin:0!important;padding:0 10px!important;min-height:50px;height:auto!important;text-align:center;border:1.5px solid #75000e!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 16px rgba(117,0,14,.10)!important;color:#75000e!important;font-size:13px!important;font-weight:800;line-height:1.5;text-decoration:none!important;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,background .15s ease,color .15s ease}
  html body footer .footer-list a::before{content:"";width:6px;height:6px;border-radius:50%;background:#c99a3e;flex:none}
  html body footer .footer-list a:active{transform:scale(.97);background:#fff!important;color:#75000e!important}
  /* التوثيق */
  html body footer .footer-middle>div:has(salla-apps-icons){order:5;width:100%!important}
  html body footer .footer-vat{width:100%;justify-content:center;padding:0!important;border:0!important;background:transparent!important}
  html body footer .footer-vat salla-trust-badges{width:auto;justify-content:center}
  html body footer .footer-bottom{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:center!important;padding:10px 0 14px!important}
  html body footer .sbc-certificate{justify-content:center!important;width:100%;padding:0!important;font-size:12px}
  html body footer .sbc-link{width:28px!important;height:28px!important}
  html body footer .s-payments-list{gap:6px!important;justify-content:center!important;flex-wrap:wrap}
  html body footer .s-payments-list-item{width:40px!important;height:28px!important}
  html body footer .copyrights{text-align:center;width:100%;font-size:11px!important;opacity:.7}

  /* --- 9) تقييمات صفحة المنتج: ذهبي بدل الأحمر الغامق، بطاقات بيضاء --- */
  .s-reviews-summary-wrapper .s-progress-bar-progress{background:linear-gradient(90deg,#c99a3e,#e3bd6a)!important}
  .s-reviews-summary-wrapper .s-progress-bar-wrapper{background:#f1ece4!important}
  .s-rating-stars-btn-star.s-rating-stars-selected{color:#c99a3e!important}
  .s-comments-item-inner{background:#fff!important;border:1px solid #efe7da!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(60,40,20,.05)!important}
  .s-comments-item{margin-bottom:10px!important}
  .s-comments-item-has-order-check-icon{background:#2e9e5b!important}
  .s-rating-stars-btn-star svg,.s-rating-stars-btn-star svg path{fill:#c99a3e!important}
}


/* =========================================================
   33) السلة الفارغة (جوال): بطاقة مرتبة بدل النص الصغير
   ========================================================= */
@media (max-width:768px){
  body.cart .no-content-placeholder{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:16px!important;width:100%;padding:36px 20px 32px!important;margin:6px 0 0!important;min-height:0!important;background:#fff!important;border:1px solid rgba(184,137,62,.26)!important;border-radius:22px!important;box-shadow:0 10px 30px rgba(60,40,20,.06)!important}
  body.cart .no-content-placeholder .icon{width:92px!important;height:92px!important;margin:0!important;border-radius:50%!important;background:linear-gradient(145deg,#fbf5e8,#f1e3c5)!important;color:#75000e!important;display:flex!important;align-items:center;justify-content:center;font-size:40px!important;box-shadow:inset 0 0 0 1px rgba(184,137,62,.35),0 8px 20px rgba(184,137,62,.18)}
  body.cart .no-content-placeholder>.flex-col{align-items:center!important;width:100%;gap:14px!important}
  body.cart .no-content-placeholder p{font-size:0!important;margin:0!important;text-align:center}
  body.cart .no-content-placeholder p::before{content:"سلتك فاضية";display:block;font-size:21px;font-weight:800;color:#2a1f1a;margin-bottom:6px}
  body.cart .no-content-placeholder p::after{content:"اختار باقتك وخلّك على بعد ثواني من التفعيل";display:block;font-size:13px;font-weight:500;line-height:1.8;color:#8a8279}
  body.cart .no-content-placeholder .flex.gap-2{justify-content:center;width:100%}
  body.cart .no-content-placeholder .btn{height:50px!important;min-width:200px;padding:0 30px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#75000e,#9b2634 78%,#b8893e)!important;color:#fff!important;font-size:0!important;box-shadow:0 8px 20px rgba(117,0,14,.28)!important}
  body.cart .no-content-placeholder .btn::before{content:"تصفّح الباقات";font-size:15px;font-weight:800;color:#fff}
}

// حل صفحة حسابي 
@media(max-width:767px){
  .s-user-menu-dropdown{
    position:fixed!important;top:62px!important;bottom:auto!important;
    left:12px!important;right:12px!important;width:auto!important;
    max-height:calc(100vh - 80px)!important;overflow-y:auto!important;
    border-radius:16px!important;background:#fff!important;
    border:1px solid rgba(184,137,62,.28)!important;
    padding:6px 8px 10px!important;
    box-shadow:0 14px 40px rgba(0,0,0,.18)!important;
  }
  .s-user-menu-dropdown-list{padding:0!important;margin:0!important}
  .s-user-menu-dropdown-list li{margin:0!important;list-style:none!important;border-bottom:1px solid rgba(184,137,62,.14)}
  .s-user-menu-dropdown-list li:last-child{border-bottom:0;margin-top:8px!important}
  .s-user-menu-dropdown-list li a{padding:0 12px!important;height:50px;border-radius:12px;font-size:14px!important;font-weight:700!important;color:#2a1f1a!important;display:flex!important;align-items:center;gap:10px}
  .s-user-menu-dropdown-list li a:active{background:#fbf7f0!important}
  .s-user-menu-dropdown-list li a i,.s-user-menu-dropdown-list li a svg{color:#75000e!important;fill:#75000e!important}
  .s-user-menu-dropdown-list li:last-child a{background:#fff3f4;color:#75000e!important;justify-content:center;border:1px solid rgba(117,0,14,.18)}
  .s-user-menu-trigger-name{color:#75000e!important;font-weight:800!important}
}

// صفحة تحميل 
#preloader{
  background:#fff!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  transition:opacity .4s ease,visibility 0s linear .4s;
}
#preloader::before{
  content:"";position:absolute;width:112px;height:112px;border-radius:50%;
  border:2px solid rgba(184,137,62,.22);border-top-color:#b8893e;
  animation:pigspin 1s linear infinite;
}
#preloader img.is-animated{
  animation:pigpulse 1.2s ease-in-out infinite!important;position:relative;
}
@keyframes pigspin{to{transform:rotate(360deg)}}
@keyframes pigpulse{0%,100%{transform:scale(.92);opacity:.85}50%{transform:scale(1.06);opacity:1}}
#preloader.pig-hide{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
#preloader .preloader-skip{opacity:.6}

/* أداء: لا يظهر الفوتر قبل جاهزية الصفحة (يمنع ظهوره أول شي وقفزة المحتوى) */
body:not(.pig-ft-ok) .store-footer { display: none !important; }

/* أداء: شريط الأيقونات يتنقل من الهيرو لبعد الباقات بالجافاسكربت؛ نخفيه داخل الهيرو من أول لحظة عشان ما يظهر ثم يختفي (قفزة/وميض) */
.bph .bph-rows-w { display: none; }
#pig3r-rows .bph-rows-w { display: block; }
/* أداء: إزالة طبقات الضبابية الفارغة وإيقاف تخطي العرض لمنع الوميض أثناء السكرول */
.s-design-before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.bpp,.bpo,.bp-combined-section,.bp-reviews,.bpf{content-visibility:visible!important}
/* شاشة تحميل ذكية: شعار ينبض + شريط تقدم، أول دخول للجلسة على الرئيسية فقط */
#pig-splash{position:fixed;inset:0;z-index:2147483000;background:radial-gradient(circle at 50% 42%,rgba(117,0,14,.08),transparent 60%),rgba(255,255,255,.72);pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;direction:rtl;transition:opacity .35s ease}
#pig-splash.out{opacity:0;pointer-events:none}
#pig-splash img{width:84px;height:84px;border-radius:50%;animation:pigPulse 1.2s ease-in-out infinite}
#pig-splash i{display:block;width:120px;height:3px;border-radius:3px;background:rgba(117,0,14,.12);overflow:hidden}
#pig-splash i::before{content:'';display:block;height:100%;background:linear-gradient(90deg,#ffbd0c,#75000e);transform-origin:right center;animation:pigBar 2.4s cubic-bezier(.2,.7,.2,1) forwards}
#pig-splash.done i::before{animation:none;transform:scaleX(1);transition:transform .2s ease}
@keyframes pigPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}
@keyframes pigBar{from{transform:scaleX(.05)}to{transform:scaleX(.9)}}
/* ===== شاشات التابلت والكمبيوتر (الجوال بدون تغيير) ===== */
@media (min-width:768px){
  html body .bpp{max-width:560px}
  html body .bpp .bpp-dtabs{max-width:420px;margin-left:auto;margin-right:auto}
  html body .bpo{max-width:720px}
  html body .bpf{max-width:720px}
}
@media (min-width:1100px){
  html body .bpo{max-width:1040px}
  html body .bpo .bpo-wrap{display:grid;grid-template-columns:1.1fr 1fr;column-gap:48px;align-items:center}
  html body .bpo .bpo-head,html body .bpo .bpo-chips{grid-column:1/-1}
  html body .bpo .bpo-chips{justify-content:center}
  html body .bpf{max-width:1000px}
  html body .bpf .bpf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
}
/* ===== صفحات الحساب على التابلت والكمبيوتر: عمود وسط بنفس تصميم الجوال ===== */
@media (min-width:768px){
  body.pig-acc-page .container>.flex.items-start{flex-direction:column!important;align-items:stretch!important;max-width:760px;margin-left:auto;margin-right:auto}
  body.pig-acc-page nav.shrink-0:not(.pig-acc-nav){display:none!important}
  body.pig-acc-page nav.pig-acc-nav{width:100%!important;position:static!important;margin-top:0!important}
  body.pig-acc-page .main-content{width:100%!important;max-width:100%!important}
  body.pig-acc-page .s-orders-table-head{display:none!important}
} @media (min-width:768px) and (max-width:1023px){html body .store-header .mburger+p,html body .store-header p.da-tm.hidden{display:none!important}}

/* ===== الفوتر والهيدر: نفس تصميم الجوال على الآيباد والكمبيوتر ===== */
@media (min-width:769px){
/* --- 7 + 8) الفوتر: بطاقة واحدة نظيفة --- */
  html body footer .to-top,
  html body footer .s-contacts-title,
  html body footer .footer-profile p:empty,
  html body footer .footer-images:empty{display:none!important}
  html body footer .store-footer__inner,
  html body footer .footer-middle,
  html body footer .footer-bottom,
  html body footer .sbc-certificate{border:0!important;box-shadow:none!important;background:transparent!important}
  html body footer .store-footer__inner{padding:10px 0 0!important}
  /* البطاقة */
  html body footer .store-footer__inner>.container{position:relative;display:block!important;max-width:720px!important;width:calc(100% - 32px)!important;margin:6px auto 0!important;padding:14px 0 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  html body footer .store-footer__inner>.container::before{display:none!important}
  html body footer .footer-middle{display:flex!important;flex-flow:row wrap!important;justify-content:center!important;align-items:center!important;gap:12px!important;padding:0!important}
  html body footer .footer-profile{display:contents!important}
  /* الشعار والوصف */
  html body footer .logo-footer{order:1;width:100%!important;justify-content:center!important;margin:0!important}
  html body footer .logo-footer img{height:68px!important;width:68px!important;object-fit:cover;border-radius:50%;padding:3px;background:#fff;box-shadow:0 0 0 2px #e3bd6a,0 10px 22px rgba(60,40,20,.18)}
  html body footer .footer-profile p{order:2;width:100%;max-width:520px;margin:0 auto!important;font-size:12.5px!important;line-height:1.95!important;color:#8a8279!important;text-align:center;overflow:visible}
  /* الأيقونات: سوشال + تواصل بصف واحد */
  html body footer .footer-social{order:3;width:auto!important;margin:6px 0 0!important}
  html body footer .footer-middle>div:has(salla-contacts){order:3;width:auto!important;margin:6px 0 0!important}
  html body footer .s-social-list,
  html body footer .s-contacts-list-horizontal{display:flex!important;gap:10px!important;justify-content:center!important}
  html body footer .s-social-link a,
  html body footer .s-contacts-item{width:44px!important;height:44px!important;border-radius:50%!important;background:#fff!important;display:flex!important;align-items:center;justify-content:center;color:#75000e!important;border:1px solid rgba(184,137,62,.40)!important;box-shadow:0 6px 14px rgba(117,0,14,.08)!important;margin:0!important;transition:transform .15s ease,background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}
  html body footer .s-social-link a:active,
  html body footer .s-contacts-item:active{transform:scale(.9);background:#fff!important;color:#75000e!important}
  html body footer .s-social-link a svg,
  html body footer .s-contacts-item svg{width:19px!important;height:19px!important;fill:currentColor}
  html body footer .s-contacts-item .s-contacts-icon{width:auto!important;height:auto!important}
  /* الروابط */
  html body footer .footer-middle>div:has(.menu-list){order:4;width:100%!important;margin-top:14px}
  html body footer .footer-title{display:block!important;position:relative;text-align:center;font-size:15px!important;font-weight:800!important;color:#75000e!important;margin:0 0 14px!important;padding-bottom:9px}
  html body footer .footer-title::after{content:"";position:absolute;left:50%;bottom:0;width:34px;height:3px;border-radius:2px;background:#c99a3e;transform:translateX(-50%)}
  html body footer .footer-list{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;width:100%}
  html body footer .footer-list a{display:flex!important;align-items:center;justify-content:center;gap:6px;margin:0!important;padding:0 10px!important;min-height:50px;height:auto!important;text-align:center;border:1.5px solid #75000e!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 16px rgba(117,0,14,.10)!important;color:#75000e!important;font-size:13px!important;font-weight:800;line-height:1.5;text-decoration:none!important;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,background .15s ease,color .15s ease}
  html body footer .footer-list a::before{content:"";width:6px;height:6px;border-radius:50%;background:#c99a3e;flex:none}
  html body footer .footer-list a:active{transform:scale(.97);background:#fff!important;color:#75000e!important}
  /* التوثيق */
  html body footer .footer-middle>div:has(salla-apps-icons){order:5;width:100%!important}
  html body footer .footer-vat{width:100%;justify-content:center;padding:0!important;border:0!important;background:transparent!important}
  html body footer .footer-vat salla-trust-badges{width:auto;justify-content:center}
  html body footer .footer-bottom{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:center!important;padding:10px 0 14px!important}
  html body footer .sbc-certificate{justify-content:center!important;width:100%;padding:0!important;font-size:12px}
  html body footer .sbc-link{width:28px!important;height:28px!important}
  html body footer .s-payments-list{gap:6px!important;justify-content:center!important;flex-wrap:wrap}
  html body footer .s-payments-list-item{width:40px!important;height:28px!important}
  html body footer .copyrights{text-align:center;width:100%;font-size:11px!important;opacity:.7}

  
  html body footer .footer-list{max-width:560px;margin-inline:auto}
  html body footer .footer-bottom{max-width:720px;margin-inline:auto}
  html body .store-header .header-buttons,html body .store-header .mburger+p{display:none!important}
}

/* ===== الفوتر: ثبات الألوان عند الضغط/اللمس + صف أيقونات واحد ===== */
html body footer .s-social-link a,html body footer .s-contacts-item,html body footer .s-social-link a:hover,html body footer .s-social-link a:focus,html body footer .s-contacts-item:hover,html body footer .s-contacts-item:focus{background:#fff!important;color:#75000e!important;border-color:rgba(184,137,62,.40)!important}
html body footer .s-social-link a svg,html body footer .s-social-link a svg *,html body footer .s-contacts-item svg,html body footer .s-contacts-item svg *,html body footer .s-social-icon,html body footer .s-social-icon *{fill:currentColor!important;color:#75000e!important}
html body footer .s-social-link a:active,html body footer .s-contacts-item:active{background:#fff!important;color:#75000e!important;transform:scale(.9)}
html body footer .footer-list a,html body footer .footer-list a *,html body footer .footer-list a:hover,html body footer .footer-list a:focus{background-color:#fff;color:#75000e!important}
html body footer .footer-list a:hover,html body footer .footer-list a:focus{background:#fff!important}
html body footer .footer-list a:active{background:#fff!important;border-color:#75000e!important}
html body footer .footer-list a:active,html body footer .footer-list a:active *{color:#75000e!important}
@media (min-width:769px){
  html body footer .footer-middle{justify-content:center!important}
  html body footer .footer-profile p{flex:0 0 100%!important;max-width:none!important;padding-inline:max(0px,calc(50% - 260px))!important;box-sizing:border-box}
}

/* الروابط: بدون تلوين عند الضغط، تصغير خفيف فقط */
html:root body footer .footer-list a,html:root body footer .footer-list a:hover,html:root body footer .footer-list a:focus,html:root body footer .footer-list a:active,html:root body footer .footer-list a:visited{background:#fff!important;color:#75000e!important;-webkit-tap-highlight-color:transparent}
html:root body footer .footer-list a *,html:root body footer .footer-list a:active *{color:#75000e!important}
html:root body footer .footer-list a:active{transform:scale(.97)}


/* ===== تحسينات الوصول: تباين نص الفوتر + مساحة لمس أكبر (بدون تغيير الشكل) ===== */
html body footer .footer-profile p,html body footer .footer-description{color:#6f675f!important}
html body footer .copyrights{opacity:.85!important}
html body footer .footer-bottom a,html body footer .footer-vat a,html body footer .sbc-link,html body footer .copyrights a{position:relative}
html body footer .footer-bottom a::after,html body footer .footer-vat a::after,html body footer .sbc-link::after,html body footer .copyrights a::after{content:"";position:absolute;inset:-9px}