/* =========================================================
   مودة | هيدر + بنر متصلين بتأثير زجاجي عند التمرير
   ضع هذا الكود في: تصميم المتجر ← إعدادات متقدمة ← أكواد مخصصة (CSS)
   ========================================================= */
:root{
  --hero-glass-bg: rgba(20, 14, 10, .55);
  --hero-glass-blur: 14px;
  --hero-cream: #f4ece1;
  
}

/* ---------- 0) منع أي تمرير أفقي غير مقصود بالموقع كامل (خصوصاً بالموبايل) ----------
   بعض عناصر الأنيميشن (حركة الدخول من اليمين/اليسار في قسم "عن مودة") تستخدم
   transform لإزاحة العنصر مؤقتاً خارج حدوده، وهذا ممكن يخلي المتصفح يفتح مساحة
   تمرير أفقي للصفحة كلها فيبين فراغ/قص من جهة — نمنعه بالكامل من جذر الصفحة */
html, body{
  max-width: 100%;
  overflow-x: hidden;
}

/* ---------- 1) الهيدر: يطفو شفافاً فوق البنر ---------- */
/* هذا السلوك مفعّل فقط في الصفحة الرئيسية (لوجود سلايدر البنر بها)
   عبر كلاس home-hero-header الذي يضيفه ملف الجافاسكربت على body */
body.home-hero-header .store-header{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  background: transparent;
  transition: background-color .35s ease, backdrop-filter .35s ease, box-shadow .35s ease;
}
body.home-hero-header .store-header .top-navbar{
  background: transparent !important;
  border-bottom: none !important;
}
body.home-hero-header .store-header #mainnav.main-nav-container{
  background: transparent !important;
  box-shadow: none !important;
}
/* الأيقونات والنصوص تتحول للأبيض فوق خلفية البنر الغامقة */
body.home-hero-header .store-header .main-menu > li > a,
body.home-hero-header .store-header .navbar-brand h1{
  color:#fff !important;
}
body.home-hero-header .store-header .sicon-menu,
body.home-hero-header .store-header .s-cart-summary-icon,
body.home-hero-header .store-header .s-user-menu-login-btn svg,
body.home-hero-header .store-header .s-search-icon svg,
body.home-hero-header .store-header .s-contacts-icon svg{
  fill:#fff !important;
  color:#fff !important;
}
body.home-hero-header .store-header .s-cart-summary-content{
  color:#fff !important;
}
body.home-hero-header .store-header .navbar-brand img{
  filter: brightness(0) invert(1);
}
body.home-hero-header .store-header .s-search-input{
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.35);
  color:#fff;
}
body.home-hero-header .store-header .s-search-input::placeholder{
  color: rgba(255,255,255,.75);
}
/* ---------- 2) تأثير الزجاج عند التمرير (glassmorphism) ---------- */
body.home-hero-header .store-header.is-scrolled{
  background: var(--hero-glass-bg);
  backdrop-filter: blur(var(--hero-glass-blur)) saturate(160%);
  -webkit-backdrop-filter: blur(var(--hero-glass-blur)) saturate(160%);
  box-shadow: 0 6px 30px rgba(0,0,0,.18);
}
body.home-hero-header .store-header.is-scrolled #mainnav.main-nav-container,
body.home-hero-header .store-header.is-scrolled .top-navbar{
  background: transparent !important;
}
/* شريط "المتجر قيد الإنشاء" يبقى فوق الهيدر إن وُجد */
.s-maintenance-alert-wrapper{ position: relative; z-index: 1001; }

/* ---------- 1.4) إخفاء شريط top-navbar بالكامل (البحث + تواصل معنا) بالصفحة الرئيسية فقط ---------- */
/* home-hero-header كلاس يُضاف على body بالرئيسية فقط (لوجود سلايدر البنر)
   نشيل الشريط كامل بدل إخفاء البحث بس، عشان ما يضل ياخذ مساحة فاضية فوق
   القائمة الرئيسية (mainnav) بدون فايدة */
body.home-hero-header .store-header .top-navbar{
  display: none !important;
}

/* ---------- 1.5) الهيدر في كل الصفحات (مو بس الرئيسية): الأيقونات والنصوص بيضاء ---------- */
/* سلة تلوّن بعض الأيقونات عبر متغيرات CSS (--color-primary / --color-text)
   بدل لون ثابت، فنعيد تعريف هذي المتغيرات محليًا داخل الهيدر عشان أي عنصر
   يعتمد عليها (زي كلاس text-primary) يطلع أبيض تلقائيًا */
.store-header{
  --color-primary:#fff !important;
  --color-primary-dark:#fff !important;
  --color-primary-light:#fff !important;
  --color-primary-reverse:#000 !important;
  --color-text:#fff !important;
}
.store-header .main-menu > li > a,
.store-header .navbar-brand h1{
  color:#fff !important;
}
.store-header .sicon-menu,
.store-header .s-cart-summary-icon,
.store-header .s-user-menu-login-btn svg,
.store-header .s-search-icon svg,
.store-header .s-contacts-icon svg{
  fill:#fff !important;
  color:#fff !important;
}
.store-header .s-cart-summary-content{
  color:#fff !important;
}
/* تغطية إضافية: أي أيقونة (كلاس sicon-* أو text-primary أو svg) داخل الهيدر،
   بما فيها زر القائمة بالموبايل (i.sicon-menu.text-primary) */
.store-header i[class*="sicon-"],
.store-header i.text-primary,
.store-header .text-primary,
.store-header [class*="text-primary"]{
  color:#fff !important;
}
.store-header i[class*="sicon-"]::before,
.store-header i.text-primary::before{
  color:#fff !important;
}
.store-header svg,
.store-header svg *{
  fill:#fff !important;
  color:#fff !important;
}

/* ---------- 1.5.1) خلفية الهيدر عنابية بكل الصفحات ما عدا الرئيسية ---------- */
/* الرئيسية (body.home-hero-header) خلفيتها شفافة/زجاجية بقصد — ما نلمسها هنا خالص.
   باقي الصفحات كانت تاخذ خلفية سلة الافتراضية (bg-white)، وبما إن نصوص/أيقونات
   الهيدر بيضاء بكل الصفحات (فوق)، لازم خلفية غامقة عشان تنعرض بوضوح، فخليناها
   عنابية بنفس لون الفوتر */
body:not(.home-hero-header) .store-header{
  background:#4a1a1e !important;
}
body:not(.home-hero-header) .store-header .top-navbar{
  background:#4a1a1e !important;
}
body:not(.home-hero-header) .store-header #mainnav.main-nav-container{
  background:#4a1a1e !important;
  box-shadow:none !important;
}

/* ---------- 1.6) شريط التنقل: إلغاء التثبيت (fixed) عند حالة fixed-pinned + توسيط العناصر عمودياً ---------- */
#mainnav.main-nav-container.fixed-pinned .inner{
  position: static !important;
}
.store-header .flex.items-stretch.justify-between{
  align-items: center !important;
}

/* ---------- 1.7) كل عناصر شريط التنقل (الشعار + القائمة + الأيقونات) بمستوى واحد عمودياً ---------- */
/* القائمة رجعت بمكانها الطبيعي جنب الشعار (مو معوّمة بالنص)، وهنا نتأكد إن
   كل مجموعات الصف (شعار+قائمة من جهة، أيقونات من جهة) بنفس الخط الأفقي
   بدون أي إزاحة لأعلى أو لأسفل بينها */
.store-header #mainnav .flex.items-stretch.justify-between{
  align-items: center !important;
}
.store-header #mainnav .flex.items-stretch.justify-between > div{
  align-items: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.store-header #mainnav .navbar-brand,
.store-header #mainnav salla-user-menu,
.store-header #mainnav salla-cart-summary{
  display: flex !important;
  align-items: center !important;
}
/* توسيط داخلي لروابط القائمة نفسها — ديسكتوب فقط عشان ما يأثر على
   سلوك القائمة المنسدلة (الأوف-كانفاس) بالموبايل */
@media (min-width:1024px){
  .store-header #mainnav custom-main-menu,
  .store-header #mainnav .main-menu{
    display: flex !important;
    align-items: center !important;
  }
  .store-header #mainnav .main-menu > li > a{
    display: flex !important;
    align-items: center !important;
  }
}

/* ---------- 3) البنر: ارتفاع كامل + تعتيم + محتوى يمين ---------- */
body.home-hero-header .s-block--hero-slider{
  position: relative;
}
body.home-hero-header .s-block--hero-slider .swiper-slide{
  min-height: 100vh !important;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px){
  body.home-hero-header .s-block--hero-slider .swiper-slide{
    min-height: 640px !important;
  }
}
body.home-hero-header .s-block--hero-slider .overlay-bg{
  filter: saturate(1.05) brightness(.62) blur(1px);
  transform: scale(1.02);
}
/* تدرج غامق خلف النص لضمان وضوح القراءة (الأغمق على اليمين) */
body.home-hero-header .s-block--hero-slider .swiper-slide::before{
  content:'';
  position:absolute;
  inset:0;
  background: linear-gradient(to left,
    rgba(8,6,5,.80) 0%,
    rgba(8,6,5,.40) 45%,
    rgba(8,6,5,.05) 75%
  );
  pointer-events:none;
}
/* تعتيم إضافي أسفل الصورة لإبراز مؤشر "مرر للأسفل" */
body.home-hero-header .s-block--hero-slider .swiper-slide::after{
  content:'';
  position:absolute;
  inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.45), rgba(0,0,0,0) 28%);
  pointer-events:none;
}
body.home-hero-header .home-slider__content{
  justify-content:flex-start !important;
  align-items:center !important;
  padding-top: 130px;
  position: relative;
  z-index: 2;
}
/* كل العناصر (السطر التعريفي + العنوان + الوصف + الزر) داخل كونتينر واحد
   بعمود عمودي، مرتبة تحت بعضها بمسافة ثابتة بينها */
body.home-hero-header .home-slider__content > div{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap: 16px;
  width:auto !important;
  max-width: 620px;
  text-align:right !important;
  margin:0 !important;
}
body.home-hero-header .home-slider__content h2{
  font-size: clamp(28px, 4vw, 46px);
  line-height:1.28;
  margin:0;
}
body.home-hero-header .home-slider__content .description{
  -webkit-line-clamp: unset !important;
  display:block !important;
  color: rgba(255,255,255,.85);
  font-size:16px;
  line-height:1.9;
  max-width: 520px;
  margin:0;
}
@media (max-width: 640px){
  body.home-hero-header .home-slider__content > div{
    max-width: 100%;
  }
}
/* ---------- 4) عناصر إضافية تُحقن عبر الجافاسكربت ---------- */
/* السطر التعريفي أعلى العنوان */
.hero-eyebrow{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  color: rgba(255,255,255,.75);
  font-size:14px;
}
.hero-eyebrow img.hero-eyebrow-dot{
  display:inline-block;
  height:14px;
  width:auto;
  flex-shrink:0;
}
/* زر تسوّق المحاصيل */
.hero-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:8px;
  padding: 14px 34px;
  border-radius: 999px;
  background: var(--hero-cream);
  color:#241a12;
  font-weight:600;
  font-size:15px;
  text-decoration:none;
  transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.hero-cta:hover{
  background:#fff;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
}
/* مؤشر "مرر للأسفل" */
.hero-scroll-indicator{
  position:absolute;
  bottom: 28px;
  left:50%;
  transform: translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  color: rgba(255,255,255,.85);
  font-size:13px;
  cursor:pointer;
  z-index:5;
}
.hero-scroll-arrow{
  width:12px;
  height:12px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform: rotate(45deg);
  animation: heroArrowBounce 1.6s ease-in-out infinite;
}
@keyframes heroArrowBounce{
  0%,100%{ transform: rotate(45deg) translate(0,0); }
  50%{ transform: rotate(45deg) translate(4px,4px); }
}

/* =========================================================
   قسم "أقسام المتجر" — دوائر التصنيفات (يستبدل سلايدر الروابط الرئيسية)
   ========================================================= */
.mwdh-categories{
  background:#f8ede0;
  padding: 90px 0 70px;
  overflow: hidden;
}
.mwdh-wrap{
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 24px;
}
.mwdh-section-head{
  text-align: right;
  margin-bottom: 70px;
}
.mwdh-section-title{
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 800;
  color: #4a1a1e;
  margin: 0 0 14px;
}
.mwdh-section-sub{
  font-size: 16px;
  line-height: 1.9;
  color: #7a635a;
  max-width: 460px;
  margin: 0 0 0 auto;
}

.mwdh-cat-row{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  flex-wrap: wrap;
  gap: 56px;
  position: relative;
  /* احتياط: تخفي أي سكرول أفقي لو ظهر بدل ما يبين شريط رمادي واضح */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mwdh-cat-row::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
  background:transparent;
}
.mwdh-cat-row::before{
  content:'';
  position:absolute;
  top: 65px;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(74,26,30,.15);
  z-index:0;
}

.mwdh-cat-circle{
  position: relative;
  z-index: 1;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  text-decoration:none;
  width: 140px;
  flex-shrink:0;
  transition: transform .3s ease;
}
.mwdh-cat-circle:hover{
  transform: translateY(-6px);
}

.mwdh-ring-wrap{
  width: 130px;
  height: 130px;
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom: 18px;
  box-shadow: 0 12px 24px rgba(74,26,30,.25);
  transition: box-shadow .3s ease;
}
.mwdh-cat-circle:hover .mwdh-ring-wrap{
  box-shadow: 0 16px 30px rgba(74,26,30,.35);
}

.mwdh-cat-circle.c1 .mwdh-ring-wrap{
  background: radial-gradient(circle at 32% 28%, #7c3238, #3a1013 78%);
}
.mwdh-cat-circle.c2 .mwdh-ring-wrap{
  background: radial-gradient(circle at 32% 28%, #8a3e3c, #47171a 78%);
}
.mwdh-cat-circle.c3 .mwdh-ring-wrap{
  background: radial-gradient(circle at 32% 28%, #a06356, #5c2723 78%);
}

/* لو القسم عنده صورة بدل الأيقونة — تُعرض الصورة كاملة داخل الدائرة */
.mwdh-ring-wrap.has-image{
  background:#fff;
  overflow:hidden;
  padding:0;
  border: 3px solid rgba(74,26,30,.12);
}
.mwdh-ring-wrap.has-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  display:block;
}

.mwdh-ring{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#f6e9df;
}
.mwdh-ring i{
  font-size: 30px;
  line-height:1;
  color: inherit;
}
.mwdh-ring svg{
  width: 30px;
  height: 30px;
}

.mwdh-kicker{
  display:block;
  font-style: italic;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 12px;
  letter-spacing: 2px;
  color:#a05a54;
  margin-bottom: 8px;
}
.mwdh-cat-circle h3{
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 800;
  color:#4a1a1e;
}
.mwdh-cat-circle p{
  margin:0;
  font-size:13px;
  color:#8a746a;
}

.mwdh-cat-swipe-hint{
  display:none;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top: 34px;
  font-size:13px;
  color:#a05a54;
}
.mwdh-cat-swipe-hint svg{ width:16px; height:16px; }

@media (max-width: 1024px){
  .mwdh-cat-row{
    justify-content:center;
    gap: 40px;
    row-gap: 36px;
  }
  .mwdh-cat-row::before{ display:none; }
  .mwdh-ring-wrap{ width:110px; height:110px; }
  .mwdh-ring i{ font-size:26px; }
}

@media (max-width: 768px){
  .mwdh-categories{ padding: 60px 0 50px; }
  .mwdh-section-head{ margin-bottom: 40px; }
  .mwdh-section-sub{ margin-inline-start: 0; margin-inline-end: auto; }

  /* موبايل فقط: سلايد أفقي بسكرول مخفي (بدون شريط تمرير ظاهر) */
  .mwdh-cat-row{
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 22px;
    padding: 4px 4px 10px;
  }
  .mwdh-cat-circle{
    width:110px;
    scroll-snap-align: start;
  }
  .mwdh-ring-wrap{ width:92px; height:92px; margin-bottom:14px; }
  .mwdh-ring i{ font-size:22px; }
}

/* =========================================================
   ألوان الهوية العامة للمتجر
   خلفية: f8ede0 | نصوص أساسية (عناوين): 4a1a1e | نصوص فرعية: 7a635a
   ========================================================= */
:root{
  --brand-bg: #f8ede0;
  --brand-primary-text: #4a1a1e;
  --brand-secondary-text: #7a635a;
}

body{
  background-color: var(--brand-bg) !important;
  color: var(--brand-secondary-text);
}

.store-footer,
.bg-white{
  background-color: var(--brand-bg) !important;
}

h1, h2, h3, h4, h5, h6{
  color: var(--brand-primary-text) !important;
}

p{
  color: var(--brand-secondary-text) !important;
}

.text-gray-400,
.text-gray-500,
.copyright-text{
  color: var(--brand-secondary-text) !important;
}

/* استثناءات: نصوص لازم تضل بيضاء فوق خلفيات غامقة (البنر + شريط التنبيه) */
body.home-hero-header .home-slider__content h2{
  color:#fff !important;
}
body.home-hero-header .home-slider__content .description{
  color: rgba(255,255,255,.85) !important;
}
.s-maintenance-alert-wrapper,
.s-maintenance-alert-wrapper *{
  color:#fff !important;
}

/* =========================================================
   شريط الإعلانات المتحرك (البانر الثابت الأول بنفس مكانه)
   خلفية عنابي #4a1a1e + نص كريمي #fdf3e8، بدون أي بادنق/مارجن خارجي
   ========================================================= */
#mwdh-announcement-bar{
  display:block;
  width:100%;
  margin:0 !important;
  padding:0 !important;
  background-color:#4a1a1e !important;
  overflow:hidden;
  direction:rtl;
  line-height:0;
}

#mwdh-announcement-bar .mwdh-marquee-track{
  display:flex;
  align-items:center;
  width:max-content;
  padding:14px 0;
  animation:mwdhMarqueeScroll 28s linear infinite;
  will-change:transform;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
}

/* كل مجموعة (نسختين متطابقتين) — نقيس عرض الأولى بالجافاسكربت ونحطه بمتغير
   CSS اسمه --mwdh-marquee-w عشان يصير اللف (loop) دقيق بالبكسل بدون أي قطعة
   أو قفزة عند إعادة البداية، بدل الاعتماد على نسبة 50% تقريبية */
#mwdh-announcement-bar .mwdh-marquee-group{
  display:flex;
  align-items:center;
  flex-shrink:0;
}

#mwdh-announcement-bar:hover .mwdh-marquee-track{
  animation-play-state:paused;
}

#mwdh-announcement-bar .mwdh-marquee-item{
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:0 22px;
  white-space:nowrap;
  flex-shrink:0;
}

#mwdh-announcement-bar .mwdh-marquee-item span{
  color:#fdf3e8 !important;
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  white-space:nowrap;
}

#mwdh-announcement-bar .mwdh-marquee-item img{
  height:18px;
  width:auto;
  flex-shrink:0;
  display:block;
}

@keyframes mwdhMarqueeScroll{
  from{ transform:translateX(0); }
  /* --mwdh-marquee-w يتحط بالجافاسكربت = عرض مجموعة وحدة بالبكسل بالضبط؛
     القيمة الاحتياطية 50% تشتغل قبل ما الجافاسكربت يقيس العرض */
  to{ transform:translateX(calc(-1 * var(--mwdh-marquee-w, 50%))); }
}

@media (prefers-reduced-motion: reduce){
  #mwdh-announcement-bar .mwdh-marquee-track{
    animation:none;
  }
}

@media (max-width:768px){
  #mwdh-announcement-bar .mwdh-marquee-track{
    padding:10px 0;
    animation-duration:20s;
  }
  #mwdh-announcement-bar .mwdh-marquee-item{
    gap:10px;
    padding:0 16px;
  }
  #mwdh-announcement-bar .mwdh-marquee-item span{
    font-size:12.5px;
  }
  #mwdh-announcement-bar .mwdh-marquee-item img{
    height:15px;
  }
}

/* =========================================================
   بنر "رحلة مودة" — يحل محل قسم البانر الثابت الثاني بنفس مكانه
   خلفية عنابية متدرجة + شارة علوية + عنوان كبير + 3 كروت
   ========================================================= */
#mwdh-journey-banner{
  position:relative;
  width:100%;
  padding:80px 24px;
  background:radial-gradient(120% 100% at 50% 0%, #63232b 0%, #3a1319 55%, #2a0f14 100%);
  overflow:hidden;
}

#mwdh-journey-banner .mwdh-journey-wrap{
  max-width:960px;
  margin:0 auto;
  text-align:center;
}

#mwdh-journey-banner .mwdh-journey-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 8px 8px 22px;
  border:1px solid rgba(253,243,232,.25);
  border-radius:999px;
  background:rgba(253,243,232,.04);
  color:rgba(253,243,232,.85) !important;
  font-size:14px;
  margin-bottom:26px;
}
#mwdh-journey-banner .mwdh-journey-badge span:first-child{
  color:rgba(253,243,232,.85) !important;
}

#mwdh-journey-banner .mwdh-journey-badge-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:50%;
  border:1px solid rgba(253,243,232,.35);
  color:rgba(253,243,232,.85) !important;
  font-size:14px;
  line-height:1;
}

#mwdh-journey-banner .mwdh-journey-title{
  margin:0 0 56px;
  color:#fdf3e8 !important;
  font-size:clamp(26px, 4vw, 44px);
  font-weight:800;
  line-height:1.4;
}

#mwdh-journey-banner .mwdh-journey-cards{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}

#mwdh-journey-banner .mwdh-journey-card{
  background:rgba(253,243,232,.035);
  border:1px solid rgba(253,243,232,.12);
  border-radius:18px;
  padding:38px 22px;
}

#mwdh-journey-banner .mwdh-journey-card-icon{
  display:block;
  height:26px;
  width:auto;
  margin:0 auto 18px;
  opacity:.9;
}

#mwdh-journey-banner .mwdh-journey-card h3{
  margin:0 0 10px;
  color:#fdf3e8 !important;
  font-size:18px;
  font-weight:700;
}

#mwdh-journey-banner .mwdh-journey-card p{
  margin:0;
  color:rgba(253,243,232,.65) !important;
  font-size:13.5px;
  line-height:1.75;
}

@media (max-width:768px){
  #mwdh-journey-banner{
    padding:52px 18px;
  }
  #mwdh-journey-banner .mwdh-journey-title{
    margin-bottom:34px;
  }
  #mwdh-journey-banner .mwdh-journey-cards{
    grid-template-columns:1fr;
    gap:14px;
  }
  #mwdh-journey-banner .mwdh-journey-card{
    padding:28px 20px;
  }
}

/* =========================================================
   قسم "عن مودة" — يحل محل قسم البانر الثابت الثالث بنفس مكانه
   عمودين: لوحة عنابية بأيقونات وردة زخرفية + نص تعريفي بالعلامة
   ========================================================= */
#mwdh-about-banner{
  width:100%;
  padding:90px 24px;
}

#mwdh-about-banner .mwdh-about-wrap{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:64px;
}

/* ---------- اللوحة العنابية (يمين) ---------- */
#mwdh-about-banner .mwdh-about-media{
  position:relative;
  aspect-ratio:1 / 1.05;
  border-radius:24px;
  background:linear-gradient(160deg, #55232b 0%, #3a1319 100%);
  overflow:hidden;
}

#mwdh-about-banner .mwdh-about-media.has-photo{
  background:#3a1319;
}

#mwdh-about-banner .mwdh-about-media-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}

#mwdh-about-banner .mwdh-about-deco{
  position:absolute;
  z-index:1;
  height:34px;
  width:auto;
  opacity:.28;
}

#mwdh-about-banner .mwdh-about-media.has-photo .mwdh-about-deco{
  opacity:.85;
  filter:drop-shadow(0 1px 4px rgba(0,0,0,.45));
}
#mwdh-about-banner .mwdh-about-deco--tl{ top:38px; right:40px; }
#mwdh-about-banner .mwdh-about-deco--tr{ top:38px; left:40px; }
#mwdh-about-banner .mwdh-about-deco--ml{ top:50%; right:40px; transform:translateY(-50%); }
#mwdh-about-banner .mwdh-about-deco--mr{ top:50%; left:40px; transform:translateY(-50%); }
#mwdh-about-banner .mwdh-about-deco--bl{ bottom:38px; right:40px; }
#mwdh-about-banner .mwdh-about-deco--br{ bottom:38px; left:40px; }

#mwdh-about-banner .mwdh-about-main-icon{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  height:96px;
  width:auto;
  opacity:.96;
}

/* ---------- المحتوى النصي (يسار) ---------- */
#mwdh-about-banner .mwdh-about-content{
  text-align:center;
}

#mwdh-about-banner .mwdh-about-eyebrow{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  margin-bottom:18px;
  color:var(--brand-secondary-text) !important;
  font-size:14px;
}

#mwdh-about-banner .mwdh-about-eyebrow-line{
  display:inline-block;
  width:28px;
  height:1px;
  background:rgba(74,26,30,.35);
}

#mwdh-about-banner .mwdh-about-title{
  margin:0 0 24px;
  text-align:start;
  color:var(--brand-primary-text) !important;
  font-size:clamp(26px, 3.4vw, 40px);
  font-weight:800;
  line-height:1.4;
}

#mwdh-about-banner .mwdh-about-desc{
  max-width:460px;
  margin:0 auto 16px;
  text-align:right;
  color:var(--brand-secondary-text) !important;
  font-size:15px;
  line-height:1.85;
}
#mwdh-about-banner .mwdh-about-desc:last-child{
  margin-bottom:0;
}

@media (max-width:900px){
  #mwdh-about-banner{
    padding:52px 18px;
  }
  #mwdh-about-banner .mwdh-about-wrap{
    grid-template-columns:1fr;
    gap:32px;
  }
  #mwdh-about-banner .mwdh-about-media{
    aspect-ratio:1 / 0.75;
  }
  #mwdh-about-banner .mwdh-about-title{
    text-align:center;
  }
  #mwdh-about-banner .mwdh-about-eyebrow{
    justify-content:center;
  }
}

/* =========================================================
   قسم "المستلزمات" — أدوات تُكمل طقس القهوة (4 أعمدة بإطار)
   ========================================================= */
#mwdh-tools-banner{
  width:100%;
  padding:80px 24px;
  background:#4a1a1e;
}

#mwdh-tools-banner .mwdh-tools-wrap{
  max-width:1200px;
  margin:0 auto;
}

#mwdh-tools-banner .mwdh-tools-head{
  max-width:640px;
  margin:0 0 44px auto;
  text-align:right;
}

#mwdh-tools-banner .mwdh-tools-eyebrow{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  margin-bottom:14px;
  color:rgba(253,243,232,.65);
  font-size:14px;
}

#mwdh-tools-banner .mwdh-tools-eyebrow-line{
  display:inline-block;
  width:28px;
  height:1px;
  background:rgba(253,243,232,.35);
}

#mwdh-tools-banner .mwdh-tools-title{
  margin:0 0 16px;
  color:#fdf3e8 !important;
  font-size:clamp(24px, 3vw, 36px);
  font-weight:800;
  line-height:1.4;
}

#mwdh-tools-banner .mwdh-tools-subtitle{
  margin:0;
  color:rgba(253,243,232,.62);
  font-size:15px;
  line-height:1.85;
}

#mwdh-tools-banner .mwdh-tools-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  border:1px solid rgba(253,243,232,.16);
  border-radius:6px;
  overflow:hidden;
}

#mwdh-tools-banner .mwdh-tool-item{
  padding:40px 26px;
  text-align:right;
}

#mwdh-tools-banner .mwdh-tool-item + .mwdh-tool-item{
  border-right:1px solid rgba(253,243,232,.16);
}

#mwdh-tools-banner .mwdh-tool-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  margin:0 auto 26px;
  border:1px solid rgba(253,243,232,.4);
  border-radius:50%;
  color:#fdf3e8;
}

#mwdh-tools-banner .mwdh-tool-icon svg{
  width:22px;
  height:22px;
}

#mwdh-tools-banner .mwdh-tool-title{
  margin:0 0 10px;
  color:#fdf3e8 !important;
  font-size:17px;
  font-weight:700;
}

#mwdh-tools-banner .mwdh-tool-desc{
  margin:0 0 22px;
  color:rgba(253,243,232,.6);
  font-size:13.5px;
  line-height:1.8;
}

#mwdh-tools-banner .mwdh-tool-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding-bottom:3px;
  border-bottom:1px solid rgba(253,243,232,.4);
  color:#fdf3e8;
  font-size:13.5px;
  font-weight:600;
  text-decoration:none;
}

#mwdh-tools-banner .mwdh-tool-arrow{
  font-size:14px;
  line-height:1;
}

@media (max-width:900px){
  #mwdh-tools-banner{
    padding:52px 18px;
  }
  #mwdh-tools-banner .mwdh-tools-head{
    max-width:100%;
    margin:0 0 32px;
  }
  #mwdh-tools-banner .mwdh-tools-grid{
    grid-template-columns:repeat(2, 1fr);
  }
  #mwdh-tools-banner .mwdh-tool-item + .mwdh-tool-item{
    border-right:none;
  }
  #mwdh-tools-banner .mwdh-tool-item:nth-child(2n){
    border-right:1px solid rgba(253,243,232,.16);
  }
  #mwdh-tools-banner .mwdh-tool-item:nth-child(n+3){
    border-top:1px solid rgba(253,243,232,.16);
  }
}

/* موبايل: سلايد أفقي قابل للسحب (زي بقية الأقسام) بسكرول مخفي، بدل التكديس عمود واحد */
@media (max-width:640px){
  #mwdh-tools-banner .mwdh-tools-grid{
    display:flex;
    flex-wrap:nowrap;
    grid-template-columns:none;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
    border:none;
    border-radius:0;
    gap:12px;
    padding-bottom:2px;
  }
  #mwdh-tools-banner .mwdh-tools-grid::-webkit-scrollbar{
    display:none;
  }
  #mwdh-tools-banner .mwdh-tool-item{
    flex:0 0 72%;
    scroll-snap-align:start;
    border:1px solid rgba(253,243,232,.16) !important;
    border-radius:14px;
    padding:32px 22px;
  }
}

/* =========================================================
   قسم "لماذا مودة" — عنوان مركزي + 4 قيم بأيقونات (بدون روابط)
   ========================================================= */
#mwdh-values-banner{
  width:100%;
  padding:90px 24px;
  background:var(--brand-bg);
}

#mwdh-values-banner .mwdh-values-wrap{
  max-width:1180px;
  margin:0 auto;
}

#mwdh-values-banner .mwdh-values-head{
  max-width:600px;
  margin:0 auto 56px;
  text-align:center;
}

#mwdh-values-banner .mwdh-values-eyebrow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:16px;
  color:var(--brand-secondary-text) !important;
  font-size:14px;
}

#mwdh-values-banner .mwdh-values-eyebrow-line{
  display:inline-block;
  width:28px;
  height:1px;
  background:rgba(74,26,30,.35);
}

#mwdh-values-banner .mwdh-values-title{
  margin:0;
  color:var(--brand-primary-text) !important;
  font-size:clamp(26px, 3.6vw, 42px);
  font-weight:800;
  line-height:1.5;
}

#mwdh-values-banner .mwdh-values-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:32px;
}

#mwdh-values-banner .mwdh-value-item{
  text-align:center;
}

#mwdh-values-banner .mwdh-value-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  margin:0 auto 20px;
  border-radius:50%;
  background:rgba(74,26,30,.07);
  color:var(--brand-primary-text);
}

#mwdh-values-banner .mwdh-value-icon svg{
  width:24px;
  height:24px;
}

#mwdh-values-banner .mwdh-value-title{
  margin:0 0 10px;
  color:var(--brand-primary-text) !important;
  font-size:17px;
  font-weight:700;
}

#mwdh-values-banner .mwdh-value-desc{
  margin:0;
  color:var(--brand-secondary-text) !important;
  font-size:13.5px;
  line-height:1.8;
}

@media (max-width:900px){
  #mwdh-values-banner{
    padding:56px 18px;
  }
  #mwdh-values-banner .mwdh-values-head{
    margin-bottom:36px;
  }
  #mwdh-values-banner .mwdh-values-grid{
    grid-template-columns:repeat(2, 1fr);
    gap:36px 20px;
  }
}

/* موبايل: سلايد أفقي قابل للسحب (زي بقية الأقسام) بسكرول مخفي */
@media (max-width:640px){
  #mwdh-values-banner .mwdh-values-grid{
    display:flex;
    flex-wrap:nowrap;
    grid-template-columns:none;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
    gap:14px;
    padding-bottom:2px;
  }
  #mwdh-values-banner .mwdh-values-grid::-webkit-scrollbar{
    display:none;
  }
  #mwdh-values-banner .mwdh-value-item{
    flex:0 0 68%;
    scroll-snap-align:start;
    border:1px solid rgba(74,26,30,.12);
    border-radius:14px;
    padding:28px 18px;
  }
}

/* =========================================================
   قسم اقتباس "quote-band" — وردة صغيرة + جملة اقتباس + توقيع
   ========================================================= */
#mwdh-quote-banner{
  width:100%;
  padding:90px 24px;
  background:var(--brand-bg);
  text-align:center;
}

#mwdh-quote-banner .mwdh-quote-wrap{
  max-width:760px;
  margin:0 auto;
}

#mwdh-quote-banner .mwdh-quote-rose{
  display:inline-block;
  height:46px;
  width:auto;
  margin:0 auto 28px;
  opacity:.92;
}

#mwdh-quote-banner .mwdh-quote-text{
  margin:0 0 22px;
  color:var(--brand-primary-text) !important;
  font-size:clamp(20px, 2.6vw, 30px);
  font-weight:700;
  line-height:1.7;
  font-style:normal;
}

#mwdh-quote-banner .mwdh-quote-cite{
  display:block;
  color:var(--brand-secondary-text) !important;
  font-size:13px;
  letter-spacing:.5px;
  font-style:normal;
}

@media (max-width:640px){
  #mwdh-quote-banner{
    padding:56px 18px;
  }
  #mwdh-quote-banner .mwdh-quote-rose{
    height:38px;
    margin-bottom:20px;
  }
}

/* =========================================================
   قسم "محاصيل مُنتقاة بعناية" — شبكة منتجات بدل السلايدر الافتراضي
   كل البيانات (صورة/عنوان/سعر/زر السلة) حقيقية من سلة — بدون تلفيق
   ========================================================= */
:root{
  --mwdh-rose-mask: url("data:image/png;base64,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");
}

.mwdh-products-section{
  padding:56px 24px;
}
.mwdh-products-section .mwdh-wrap{
  max-width:1280px;
  margin:0 auto;
}
.mwdh-products-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:32px;
}
.mwdh-products-title{
  font-size:28px;
  font-weight:700;
  color:var(--brand-primary-text) !important;
  margin:0;
}
.mwdh-view-all-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 22px;
  border:1px solid rgba(74,26,30,.25);
  border-radius:999px;
  color:var(--brand-primary-text) !important;
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  transition:background-color .2s ease, color .2s ease;
}
.mwdh-view-all-btn:hover{
  background-color:var(--brand-primary-text);
  color:#fdf3e8 !important;
}

.mwdh-products-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:18px;
}
@media (max-width:1024px){
  .mwdh-products-grid{ grid-template-columns:repeat(2, 1fr); }
}

/* موبايل فقط: سلايد أفقي قابل للسحب (زي سلايدر سلة الأساسي) بسكرول مخفي */
@media (max-width:640px){
  .mwdh-products-grid{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
    gap:14px;
    padding-bottom:2px;
  }
  .mwdh-products-grid::-webkit-scrollbar{
    display:none;
  }
  .mwdh-products-grid .mwdh-product-card{
    flex:0 0 72%;
    scroll-snap-align:start;
  }

  .mwdh-products-section{
    padding:28px 16px;
  }
  .mwdh-products-head{
    margin-bottom:18px;
    gap:10px;
  }
  .mwdh-products-title{
    font-size:19px;
  }
  .mwdh-view-all-btn{
    padding:7px 16px;
    font-size:12.5px;
  }
}

.mwdh-product-card{
  display:flex;
  flex-direction:column;
  background:transparent;
  border-radius:16px;
  overflow:hidden;
  box-sizing:border-box;
  border:1.5px solid transparent;
  padding:6px;
  transition:border-color .2s ease;
}
.mwdh-product-card:hover{
  border-color:#4a1a1e;
}

.mwdh-product-media{
  position:relative;
  display:block;
  aspect-ratio: 1 / 0.92;
  background:#ecdfce;
  overflow:hidden;
  border-radius:16px;
  box-shadow:0 2px 12px rgba(74,26,30,.08);
}
.mwdh-products-grid .mwdh-product-card:nth-child(even) .mwdh-product-media{
  background:#ddc7b6;
}

.mwdh-product-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .3s ease;
}
.mwdh-product-card:hover .mwdh-product-photo{
  transform:scale(1.04);
}

.mwdh-product-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mwdh-product-placeholder::before,
.mwdh-product-placeholder::after{
  content:'';
  position:absolute;
  width:60px;
  height:104px;
  background-color:var(--brand-primary-text);
  opacity:.12;
  -webkit-mask-image:var(--mwdh-rose-mask);
  mask-image:var(--mwdh-rose-mask);
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
}
.mwdh-product-placeholder::before{ top:14px; right:10px; }
.mwdh-product-placeholder::after{ bottom:14px; left:10px; transform:rotate(180deg); }

.mwdh-product-emblem{
  position:relative;
  width:78px;
  height:102px;
  border-radius:50% / 58% 58% 42% 42%;
  border:1.5px solid rgba(74,26,30,.35);
  display:flex;
  align-items:center;
  justify-content:center;
}
.mwdh-product-emblem::before{
  content:'';
  display:block;
  width:36px;
  height:72px;
  background-color:var(--brand-primary-text);
  opacity:.6;
  -webkit-mask-image:var(--mwdh-rose-mask);
  mask-image:var(--mwdh-rose-mask);
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
}

.mwdh-product-placeholder-text{
  position:absolute;
  bottom:14px;
  right:16px;
  font-size:12px;
  color:rgba(74,26,30,.45);
}

.mwdh-roast-badge{
  position:absolute;
  top:14px;
  right:14px;
  padding:6px 14px;
  border-radius:999px;
  background:#4a1a1e;
  color:#fdf3e8 !important;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}

.mwdh-product-body{
  padding:14px 4px 4px;
  display:flex;
  flex-direction:column;
  gap:5px;
}

.mwdh-product-origin{
  margin:0;
  font-size:12.5px;
  color:var(--brand-secondary-text) !important;
}

.mwdh-product-title{
  margin:0;
  font-size:16.5px;
  font-weight:700;
  line-height:2;
}
.mwdh-product-title a{
  color:var(--brand-primary-text) !important;
}

.mwdh-product-desc{
  margin:2px 0 4px;
  font-size:13.5px;
  color:var(--brand-secondary-text) !important;
  line-height:1.6;
}

.mwdh-product-footer{
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.mwdh-product-price{
  margin:0;
  font-size:16px;
  font-weight:700;
  color:var(--brand-primary-text) !important;
  display:flex;
  align-items:center;
  gap:4px;
}

/* إعادة تنسيق زر "إضافة للسلة" الحقيقي (نفس مكوّن سلة الأصلي) ليصير أيقونة دائرية صغيرة */
/*.mwdh-product-cart{
  display:flex;
  align-items:center;
}
.mwdh-product-cart .w-full,
.mwdh-product-cart .s-button-wrap,
.mwdh-product-cart .s-button-outline,
.mwdh-product-cart .s-button-wide{
  width:34px !important;
}
.mwdh-product-cart .s-button-element{
  background:#4a1a1e !important;
  color:#f8ede0 !important;
  width:34px;
  height:34px;
  min-width:34px;
  padding:0 !important;
  border-radius:50% !important;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mwdh-product-cart .s-button-text{
  display:flex;
  align-items:center;
  justify-content:center;
}
.mwdh-product-cart .s-button-text span{
  display:none;
}
.mwdh-product-cart .s-button-text i{
  font-size:16px;
}
/* =========================================================
   فوتر الموقع الجديد — يستبدل فوتر سلة الافتراضي بالكامل
   ========================================================= */
#mwdh-footer{
  width:100%;
  background:#4a1a1e;
}

#mwdh-footer .mwdh-footer-wrap{
  max-width:1280px;
  margin:0 auto;
  padding:70px 24px 40px;
}

#mwdh-footer .mwdh-footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:40px;
}

#mwdh-footer .mwdh-footer-logo{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 18px;
  text-decoration:none;
}

#mwdh-footer .mwdh-footer-logo-img{
  height:38px;
  width:auto;
}

#mwdh-footer .mwdh-footer-rose{
  height:28px;
  width:auto;
}

#mwdh-footer .mwdh-footer-brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.35;
}

#mwdh-footer .mwdh-footer-ar{
  color:#fdf3e8 !important;
  font-size:19px;
  font-weight:800;
}

#mwdh-footer .mwdh-footer-en{
  color:rgba(253,243,232,.55) !important;
  font-size:10px;
  letter-spacing:2px;
}

#mwdh-footer .mwdh-footer-desc{
  max-width:320px;
  margin:0 0 22px;
  color:rgba(253,243,232,.62) !important;
  font-size:13.5px;
  line-height:1.9;
}

#mwdh-footer .mwdh-footer-social{
  display:flex;
  gap:10px;
}

#mwdh-footer .mwdh-footer-social a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border:1px solid rgba(253,243,232,.3);
  border-radius:50%;
  color:#fdf3e8;
  text-decoration:none;
}

#mwdh-footer .mwdh-footer-social svg{
  width:16px;
  height:16px;
}

#mwdh-footer .mwdh-footer-col h5{
  margin:0 0 18px;
  color:#fdf3e8 !important;
  font-size:15px;
  font-weight:700;
}

#mwdh-footer .mwdh-footer-col ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}

#mwdh-footer .mwdh-footer-col a{
  color:rgba(253,243,232,.65);
  font-size:13.5px;
  text-decoration:none;
}

#mwdh-footer .mwdh-footer-col a:hover{
  color:#fdf3e8;
}

#mwdh-footer .mwdh-footer-bottom{
  background:#4a1a1e !important;
  border-top:1px solid rgba(253,243,232,.14);
}

#mwdh-footer .mwdh-footer-bottom-inner{
  background:#4a1a1e !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:1280px;
  margin:0 auto;
  padding:22px 24px;
}

#mwdh-footer .mwdh-footer-bottom-left{
  display:flex;
  align-items:center;
  gap:10px;
}

#mwdh-footer .mwdh-footer-bottom-rose{
  height:16px;
  width:auto;
  opacity:.8;
}

#mwdh-footer .mwdh-footer-bottom-left span{
  color:rgba(253,243,232,.55);
  font-size:12.5px;
}

#mwdh-footer .mwdh-footer-crafted{
  color:rgba(253,243,232,.4);
  font-size:12px;
  font-style:italic;
}

@media (max-width:900px){
  #mwdh-footer .mwdh-footer-grid{
    grid-template-columns:1fr 1fr;
    gap:32px 20px;
  }
}

@media (max-width:640px){
  #mwdh-footer .mwdh-footer-wrap{
    padding:48px 18px 28px;
  }
  #mwdh-footer .mwdh-footer-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
  #mwdh-footer .mwdh-footer-bottom-inner{
    flex-direction:column;
    gap:12px;
    text-align:center;
    padding:20px 18px;
  }
}

/* =========================================================
   أنيميشن عند التمرير (Scroll Reveal) — تطبّق سيتّطبق على عناصر
   أقسام المتجر كلها: تظهر بحركة عند دخول الشاشة، وترجع تختفي
   وتعيد نفس الحركة لو رجعت العنصر تدخل الشاشة مرة ثانية
   (الجافاسكربت يضيف/يشيل الكلاس مع IntersectionObserver)
   ========================================================= */
@media (prefers-reduced-motion: no-preference){
  .mwdh-reveal{
    opacity:0;
    transform:translateY(34px);
    transition:opacity .75s cubic-bezier(.22,.61,.36,1), transform .75s cubic-bezier(.22,.61,.36,1);
    will-change:opacity, transform;
  }
  .mwdh-reveal--visible{
    opacity:1;
    transform:translateY(0) translateX(0) scale(1);
  }
  .mwdh-reveal--zoom{ transform:translateY(20px) scale(.9); }
  .mwdh-reveal--zoom.mwdh-reveal--visible{ transform:translateY(0) scale(1); }

  .mwdh-reveal--right{ transform:translateX(46px); }
  .mwdh-reveal--right.mwdh-reveal--visible{ transform:translateX(0); }

  .mwdh-reveal--left{ transform:translateX(-46px); }
  .mwdh-reveal--left.mwdh-reveal--visible{ transform:translateX(0); }

  /* تتابع (stagger) بسيط للعناصر داخل الشبكات عشان يبان فيه حياة */
  .mwdh-cat-row > .mwdh-reveal:nth-child(1),
  .mwdh-journey-cards > .mwdh-reveal:nth-child(1),
  .mwdh-tools-grid > .mwdh-reveal:nth-child(1),
  .mwdh-values-grid > .mwdh-reveal:nth-child(1),
  .mwdh-products-grid > .mwdh-reveal:nth-child(1),
  .mwdh-footer-grid > .mwdh-reveal:nth-child(1){ transition-delay:.04s; }

  .mwdh-cat-row > .mwdh-reveal:nth-child(2),
  .mwdh-journey-cards > .mwdh-reveal:nth-child(2),
  .mwdh-tools-grid > .mwdh-reveal:nth-child(2),
  .mwdh-values-grid > .mwdh-reveal:nth-child(2),
  .mwdh-products-grid > .mwdh-reveal:nth-child(2),
  .mwdh-footer-grid > .mwdh-reveal:nth-child(2){ transition-delay:.12s; }

  .mwdh-cat-row > .mwdh-reveal:nth-child(3),
  .mwdh-journey-cards > .mwdh-reveal:nth-child(3),
  .mwdh-tools-grid > .mwdh-reveal:nth-child(3),
  .mwdh-values-grid > .mwdh-reveal:nth-child(3),
  .mwdh-products-grid > .mwdh-reveal:nth-child(3),
  .mwdh-footer-grid > .mwdh-reveal:nth-child(3){ transition-delay:.2s; }

  .mwdh-cat-row > .mwdh-reveal:nth-child(4),
  .mwdh-tools-grid > .mwdh-reveal:nth-child(4),
  .mwdh-values-grid > .mwdh-reveal:nth-child(4),
  .mwdh-products-grid > .mwdh-reveal:nth-child(4){ transition-delay:.28s; }

  .mwdh-cat-row > .mwdh-reveal:nth-child(5),
  .mwdh-products-grid > .mwdh-reveal:nth-child(5){ transition-delay:.36s; }

  .mwdh-cat-row > .mwdh-reveal:nth-child(6),
  .mwdh-products-grid > .mwdh-reveal:nth-child(6){ transition-delay:.44s; }
}

/* بالموبايل: نلغي أي إزاحة جانبية (يمين/يسار) ونستبدلها بحركة عمودية فقط،
   عشان نتجنب أي احتمال قص/تمرير أفقي بسبب ضيق الشاشة */
@media (prefers-reduced-motion: no-preference) and (max-width:768px){
  .mwdh-reveal--right,
  .mwdh-reveal--left{
    transform:translateY(28px);
  }
  .mwdh-reveal--right.mwdh-reveal--visible,
  .mwdh-reveal--left.mwdh-reveal--visible{
    transform:translateY(0);
  }
}

/* لمن المستخدم يفضّل تقليل الحركة: تظهر العناصر فوراً بدون أنيميشن */
@media (prefers-reduced-motion: reduce){
  .mwdh-reveal,
  .mwdh-reveal--visible{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}

/* =========================================================
   تنسيق موحد لجميع البطاقات والأزرار (المحاصيل + المستلزمات)
   ========================================================= */

/* 1. إخفاء/تعديل الخلفية البيضاء الحادة وجعل الكروت انسيابية */
salla-product-card,
.s-product-card,
.product-card,
.mwdh-product-card {
    background-color: transparent !important; /* إزالة البيضاوية الفاقعة */
    box-shadow: none !important;              /* إزالة الظل غير المتناسق */
    border: none !important;
}

/* 2. تعديل زر السلة ليكون كاملاً ويتسع لنص "أضف إلى السلة" */
salla-product-card .s-button-element,
salla-add-product-button button,
.s-product-card .s-button,
.s-product-card .s-button-element,
.mwdh-product-cart .s-button-element,
.product-card .s-button {
    background-color: #532424 !important;   /* لون هويتك الغامق */
    color: #f8ede0 !important;               /* لون النص البيج الفاتح */
    border: none !important;
    border-radius: 25px !important;          /* حواف انسيابية مستديرة وليست دائرة ضيقة */
    width: 100% !important;                  /* جعل الزر بعرض مناسب */
    max-width: 160px !important;            /* حد أقصى للعرض ليتناسق مع البطاقة */
    height: 38px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;                     /* مسافة بين النص والأيقونة */
    font-size: 13px !important;
    font-weight: 600 !important;
    margin: 8px auto 3 !important;
}

/* 3. إظهار النص كاملاً مع الأيقونة داخل الزر دون أي قطع */
salla-product-card .s-button-text span,
salla-add-product-button span,
.s-product-card .s-button-text span,
.mwdh-product-cart .s-button-text span {
    /*display: inline-block !important;        /* إظهار النص "أضف إلى السلة" */
    visibility: visible !important;
    opacity: 1 !important;
    white-space: nowrap !important;
}

/* 4. الضمان التام لظهور الأسعار (السعر الحالي والسعر القديم) */
salla-product-card .s-product-card-price,
.s-product-card .s-product-card-price,
.mwdh-product-price,
salla-price {
    display: flex !important;
    visibility: visible !important;
    color: #4a1a1e !important;
    font-weight: bold !important;
}
/* =========================================================
   تفكيك وتعديل Shadow DOM لكروت المحاصيل
   ========================================================= */

/* 1. جعل خلفية العنصر والحاوي الداخلي شفافين تماماً */
salla-product-card,
.s-product-card,
.s-product-card-entry,
[class*="s-product-card"] {
    --card-background: transparent !important;
   background: transparent !important;
    background-color: transparent !important;
    border: none !important;
  box-shadow: none !important;
  /*  padding: 0 !important;
  /* تنسيق الشارة العلويّة (حصري! / مميز!) بشريط أحمر */
salla-product-card [slot="badge"],
salla-product-card .s-product-card-promotion-title,
salla-product-card .s-product-card-badge,
.s-product-card-promotion-title,
.s-product-card-badge {
    background-color: #532424 !important; /* لون الهوية العنابي/الأحمر الداكن */
    color: #fdf3e8 !important; /* لون النص كريمي فاتح */
    padding: 4px 12px !important;
    border-radius: 999px !important; /* حواف منحنية كشريط */
    font-size: 12px !important;
    font-weight: bold !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 5 !important;
}
  /* =========================================================
   تعديل لون وحجم خط أسماء المحاصيل ليطابق المستلزمات ويكبر
   ========================================================= */
salla-product-card .s-product-card-title,
salla-product-card .s-product-card-title a,
salla-product-card [slot="title"],
salla-product-card [slot="title"] a,
.s-product-card-title,
.s-product-card-title a,
.s-product-card-content h3,
.s-product-card-content h3 a {
    color: #4a1a1e !important;
    font-size: 16.5px !important; /* تكبير الخط لنفس حجم المستلزمات */
    font-weight: 700 !important; /* جعل الخط عريض وواضح */
    line-height: 1.8 !important;
}
}
/* 2. حصر الخلفية البيضاء على صورة المحصول فقط */
salla-product-card img,
.s-product-card-image,
.s-product-card-media {
    background-color: #ffffff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}

/* 3. إظهار العنوان في الأعلى بوضوح */
/*salla-product-card .s-product-card-title,
.s-product-card-title a {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #4a1a1e !important;
    margin: 8px 0 4px 0 !important;
    display: block !important;
}

/* 4. وضع السعر وزر "أضف إلى السلة" جنباً إلى جنب في الأسفل */
/*salla-product-card .s-product-card-footer,
.s-product-card-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: transparent !important;
    padding: 0 !important;
    margin-top: 6px !important;
}

/* 5. ضبط زر الشراء بنفس حجم ومظهر زر المستلزمات */
/*salla-product-card salla-add-product-button button,
salla-product-card .s-button-element {
    background-color: #4a1a1e !important;
    color: #f8ede0 !important;
    border-radius: 20px !important;
    height: 32px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    border: none !important;
    margin: 0 !important;
    width: auto !important;
}
/* =========================================================
   تغيير لون أرقام السلة في الهيدر إلى اللون الأبيض
   ========================================================= */
.s-header-cart-total,
.s-header-cart-total *,
salla-cart-summary,
salla-cart-summary *,
.cart-total,
.cart-total * {
    color: #ffffff !important;
}
/* =========================================================
   تنسيق الشريط الإضافي المطور (شريط أوسع + خط أكبر ودون ورود)
   ========================================================= */
#mwdh-sub-announcement-bar {
  width: 100% !important;
  background-color: #3b1418 !important; /* اللون العودي المعتمد */
  padding: 12px 20px !important; /* زيادة ارتفاع وسماكة الشريط */
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

#mwdh-sub-announcement-bar .mwdh-sub-banner-content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  color: #f8ede0 !important; /* لون النص الكريمي الفاخر */
  font-size: 15px !important; /* تكبير خط الكلام بدرجة مناسبة */
  font-weight: 600 !important; /* جعل الخط أوضح وأسمك */
  letter-spacing: 0.3px !important;
}

/* إخفاء أي ورود أو صور قد تظهر داخل الشريط */
#mwdh-sub-announcement-bar img {
  display: none !important;
}
/* =========================================================
   إخفاء المربع الأبيض المكسور (Fixed Banner) + تنسيق الشريط
   ========================================================= */

/* إخفاء المربع الأبيض الخاص بسلة نهائياً */
[data-testid="store-home-fixed-banner"],
.s-block--fixed-banner,
img[alt="fixed banner"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* تنسيق الشريط المتحرك */
#mwdh-announcement-bar {
  width: 100% !important;
  background-color: #4a181e !important;
  color: #f8ede0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  padding: 6px 0 !important;
  height: 38px !important;
  box-sizing: border-box !important;
  direction: ltr !important;
  display: flex !important;
  align-items: center !important;
}

#mwdh-announcement-bar .mwdh-marquee-track {
  display: flex !important;
  width: max-content !important;
  will-change: transform !important;
  animation: mwdhInfiniteMarquee 30s linear infinite !important;
}

#mwdh-announcement-bar .mwdh-marquee-group {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

#mwdh-announcement-bar .mwdh-marquee-item {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  direction: rtl !important;
}

#mwdh-announcement-bar .mwdh-marquee-icon {
  width: 13px !important;
  height: 13px !important;
  /*margin: 0 16px !important;*/
  object-fit: contain !important;
}

@keyframes mwdhInfiniteMarquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
/* دفع الكلام يميناً / إبعاد الوردة يساراً */
#mwdh-announcement-bar img {
  /* زيادة هذه القيمة تدفع الكلام الموجود على يمين الوردة بعيداً عنها */
  margin-right: 30px !important; 

  /* هذه القيمة تتحكم بالمسافة من جهة اليسار */
  margin-left: 8px !important; 
}
/* =========================================================
   مودة | إلغاء المربع الأبيض لأيقونة الحساب نهائياً
   ========================================================= */

/* 1) جعل كافة عناصر زر الحساب شفافة تماماً */
header .header-btn,
header [class*="profile"],
header [class*="avatar"],
header [class*="user"],
.s-header-user-avatar {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* 2) استهداف المربع الأبيض المحيط بالصورة وإزالته */
header [class*="profile"] *,
header [class*="avatar"] *,
header [class*="user"] * {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 3) ضبط الصورة نفسها لتصبح دائرية وشفافة بدون أي خلفية بيضاء */
header img[src*="avatar"],
header img[class*="avatar"],
.s-header-user-avatar img {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
/* خلفية القائمة المنسدلة */
salla-user-menu .dropdown,
salla-user-menu .dropdown-menu,
salla-user-menu .s-user-menu,
salla-user-menu .s-user-menu-dropdown {
    background: #F4ECE1 !important;
    background-color: #F4ECE1 !important;
    background-image: none !important;
}
/* =========================================================
   إزالة الدائرة الخارجية المحيطة بأيقونة السلة فقط
   ========================================================= */

/* 1) إخفاء عنصر الدائرة الخارجية من داخل رسمة SVG السلة */
salla-cart-summary svg circle:not([fill*="red"]):not([class*="badge"]),
header a[href*="cart"] svg circle:first-child {
  display: none !important;
  stroke: transparent !important;
  stroke-width: 0 !important;
}

/* 2) إزالة أي حدود خارجية على زر السلة نفسه */
salla-cart-summary,
salla-cart-summary *,
header a[href*="cart"] {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
/* =========================================================
   إصلاح لون النص عند تمرير الفأرة على القائمة المنسدلة بالهيدر
   ========================================================= */

/* تثبيت لون النص العادي ولون التمرير داخل القوائم المنسدلة */
.store-header .sub-menu a,
.store-header .dropdown-menu a,
.store-header [class*="sub-menu"] a,
.store-header [class*="dropdown"] a {
    color: #4a1525 !important; /* اللون العنابي الداكن */
    transition: all 0.2s ease !important;
}

/* عند تمرير الفأرة: خلفية عنابية ناعمة أو خط داكن وواضح */
.store-header .sub-menu a:hover,
.store-header .dropdown-menu a:hover,
.store-header [class*="sub-menu"] a:hover,
.store-header [class*="dropdown"] a:hover,
.store-header .sub-menu li:hover > a,
.store-header .dropdown-menu li:hover > a {
    color: #4a1525 !important; /* يحافظ على قراءة النص بوضوح */
    background-color: #f7f4f0 !important; /* خلفية بيج ناعمة خلف العنصر المأشر عليه */
    font-weight: 600 !important;
}