@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@500;600;700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600&display=swap');
/* ═══════════════════════════════════════════════════════════════════
   DUSHA — ملف الستايل الكامل
   يتحط في: محرر الثيم ← تصميم متجرك باستخدام CSS
   امسح كل اللي في المحرر وحط ده مكانه.
   ⚠ سطر @import لازم يفضل أول سطر في الملف، قبل أي تعليق.

   المحتويات
   00 · الأساس (الخطوط والألوان)
   01 · الناف بار: الشكل العام (كل الصفحات)
   02 · بانر الهيرو
   03 · سكشن المنتجات
   03b · دواير الروائح
   04 · صفحات المحتوى (الشحن، الاسترجاع، …)
   05 · صفحة المنتج

   ستايل البانر والوعود وكيف يعمل والأسئلة الشائعة موجود جوه
   بلوكات الـHTML بتاعتهم، مش هنا.
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   DUSHA — منع التقطيع وقت فتح الصفحة
   سلة بتعرض بلوكات «محتوى HTML» بعد ما الجافاسكربت يشتغل، فكل سكشن
   بيظهر لوحده ويزق اللي تحته. الكود ده بيحجز مكان كل سكشن وهو لسه فاضي،
   وأول ما المحتوى يظهر الحجز بيتشال لوحده (:empty).
   ⚠ الأرقام مربوطة بـ component-id. لو مسحت سكشن وضفته تاني، الرقم بيتغير.
   ═══════════════════════════════════════════════════════════════ */
salla-custom-component[component-name="html-content"]:empty{display:block}
section[component-id="892408398"]  salla-custom-component:empty{min-height:600px;background:#E4EADB} /* الهيرو */
section[component-id="2030522238"] salla-custom-component:empty{min-height:48px}   /* الشريط */
section[component-id="523702940"]  salla-custom-component:empty{min-height:171px}  /* اختر باقتك */
section[component-id="1253094879"] salla-custom-component:empty{min-height:439px}  /* المميزات */
section[component-id="1549609426"] salla-custom-component:empty{min-height:1035px} /* عرض الفلتر */
section[component-id="481948498"]  salla-custom-component:empty{min-height:694px}  /* اسحب وشوف الفرق */
section[component-id="1834725948"] salla-custom-component:empty{min-height:1074px} /* الشهادات */
section[component-id="286095424"]  salla-custom-component:empty{min-height:1262px} /* الأسئلة */
@media (min-width:768px){
  section[component-id="892408398"]  salla-custom-component:empty{min-height:720px}
  section[component-id="2030522238"] salla-custom-component:empty{min-height:60px}
  section[component-id="523702940"]  salla-custom-component:empty{min-height:179px}
  section[component-id="1253094879"] salla-custom-component:empty{min-height:314px}
  section[component-id="1549609426"] salla-custom-component:empty{min-height:855px}
  section[component-id="481948498"]  salla-custom-component:empty{min-height:894px}
  section[component-id="1834725948"] salla-custom-component:empty{min-height:837px}
  section[component-id="286095424"]  salla-custom-component:empty{min-height:1088px}
}
/* سلايدر المنتجات بيترسم متأخر هو كمان */
[data-testid="store-home-products-slider"] salla-products-slider:empty{display:block;min-height:440px}
/* ظهور ناعم بدل ما السكشن «ينط» */
@media (prefers-reduced-motion:no-preference){
  salla-custom-component[component-name="html-content"]>*{animation:dshFadeIn .4s ease-out both}
}
@keyframes dshFadeIn{from{opacity:0}to{opacity:1}}
/* ═══ 00 · الأساس ═══════════════════════════════════════════════════ */
:root{
  --dsh-ink:#3C3C24;        /* زيتوني غامق: النصوص والعناوين */
  --dsh-soft:#55553F;       /* نص ثانوي */
  --dsh-muted:#65644F;      /* نص صغير هادي (السعر القديم) */
  --dsh-olive:#485A28;      /* زيتوني: عناصر ثانوية */
  --dsh-sage:#6E7A54;       /* مريمية: أيقونات وحدود بس، مش نص صغير */
  --dsh-blue:#1A6E8E;       /* أزرق صيدلاني: الأزرار والروابط بس */
  --dsh-blue-dark:#145A75;
  --dsh-cream:#F1EBE0;      /* خلفية الصفحة */
  --dsh-paper:#FAF7F1;      /* الكروت */
  --dsh-line:rgba(60,60,36,.16);
  --dsh-line-soft:rgba(60,60,36,.08);

  --dsh-head:'Noto Naskh Arabic',serif;
  --dsh-ar:'IBM Plex Sans Arabic',-apple-system,'Segoe UI',sans-serif;

  --dsh-pad:clamp(20px,5vw,80px);
  --dsh-nav:84px;           /* ارتفاع الناف بار — غيّره لو غيّرت حجم اللوجو */
  --dsh-r:4px;              /* زوايا خفيفة */
}

body{background:var(--dsh-cream) !important;font-family:var(--dsh-ar)}

/* شيل مارجن الثيم من بلوكاتنا بس */
.s-block:has(.dsh-hero, .dsh-promise, .dsh-how, .dsh-faq){
  margin-block:0 !important;
}


/* ═══ 01 · الناف بار: الشكل العام (كل الصفحات) ═════════════════════ */

#mainnav{background:var(--dsh-cream) !important;box-shadow:none !important;border-bottom:1px solid var(--dsh-line-soft) !important}

/* شيل الدواير البيضا اللي حوالين الأيقونات */
#mainnav .s-user-menu-login-btn,
#mainnav #s-cart-icon{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  width:auto !important;
  height:auto !important;
}

/* لون الأيقونات والروابط */
#mainnav .sicon-menu,
#mainnav .sicon-shopping-bag,
#mainnav .s-user-menu-login-btn,
#mainnav .s-user-menu-login-btn svg{
  color:var(--dsh-ink) !important;
  fill:var(--dsh-ink) !important;
}
#mainnav custom-main-menu a{font-family:var(--dsh-ar);color:var(--dsh-ink) !important}
#mainnav custom-main-menu a:hover{color:var(--dsh-blue) !important}

/* بادج السلة: أحمر ← زيتوني البراند، وأصغر */
#mainnav .s-cart-summary-count{
  background:var(--dsh-olive) !important;
  color:#fff !important;
  width:16px !important; height:16px !important;
  font-size:9px !important; line-height:16px !important;
  inset-inline-start:-4px !important; top:-4px !important;
}

/* اخفي مجموع السلة "0 ﷼" */
#mainnav .s-cart-summary-content{display:none !important}

/* ─── الموبايل: اللوجو في النص ─── */
@media (max-width:1023px){
  #mainnav .container{padding-inline:18px !important}
  #mainnav .container > .flex{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
  }
  #mainnav .container > .flex > .flex.items-center:first-child{display:contents}
  #mainnav .mburger{grid-column:1; justify-self:start; margin:0 !important}
  #mainnav .navbar-brand{grid-column:2; justify-self:center}
  #mainnav .items-center.justify-end{grid-column:3; justify-self:end; margin:0 !important}
  #mainnav custom-main-menu{display:none}
  #mainnav .navbar-brand img{height:34px; width:auto; max-width:none}
}

/* الشريط العلوي الصغير فوق الناف بار — مخفي */
.top-navbar{display:none !important}


/* ═══ 02 · بانر الهيرو (الهوم بس) ════════════════════════════════
   البانر صور، فالناف بار بيفضل فوقه عادي (مش شفاف)،
   والبانر بيمتد بعرض الشاشة كلها. */

.s-block:has(.dsh-hero){
  margin-top:0 !important; margin-bottom:0 !important;
  padding-inline:0 !important;
  margin-inline:calc(50% - 50vw) !important;
  max-width:100vw !important;
}


/* ═══ 03 · سكشن المنتجات ════════════════════════════════════════════
   الاستهداف بـ data-testid — ثابت. */

[data-testid="store-home-fixed-products"]{
  background:var(--dsh-paper);
  margin-block:0 !important;
  margin-inline:calc(50% - 50vw) !important;
  max-width:100vw !important;
  padding:clamp(48px,6.5vw,96px) var(--dsh-pad) clamp(56px,8vw,110px) !important;
  box-sizing:border-box;
  overflow-x:clip;
  font-family:var(--dsh-ar);
}
[data-testid="store-home-fixed-products"] *{box-sizing:border-box}

/* العنوان (احتياطي لو الجافاسكربت ما اشتغلش) */
[data-testid="store-home-fixed-products"]::before{
  content:"اختر باقتك";
  display:block;max-width:1180px;margin:0 auto;
  font-family:var(--dsh-head);font-weight:600;
  font-size:clamp(24px,3vw,34px);color:var(--dsh-ink);
  padding-bottom:13px;border-bottom:1px solid var(--dsh-line);
}
[data-testid="store-home-fixed-products"].dsh-js::before{display:none}

/* العنوان اللي الجافاسكربت بيحطه */
.dsh-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:18px;
  max-width:1180px;margin:0 auto;
  padding-bottom:13px;border-bottom:1px solid var(--dsh-line);
}
.dsh-head h2{
  font-family:var(--dsh-head);font-weight:600;margin:0;
  font-size:clamp(24px,3vw,34px);color:var(--dsh-ink);
}
.dsh-head span{
  font-family:var(--dsh-ar);font-weight:500;font-size:11px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--dsh-muted);
  direction:ltr;unicode-bidi:isolate;
}

/* ─── الشبكة: ٤ منتجات جنب بعض ─── */
[data-testid="store-home-fixed-products"] .s-products-list-wrapper{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:clamp(14px,2vw,28px) !important;
  padding:clamp(26px,3.6vw,42px) 0 0 !important;
  margin:0 auto !important;
  max-width:1180px;
}
@media (max-width:1023px){
  [data-testid="store-home-fixed-products"] .s-products-list-wrapper{grid-template-columns:repeat(2,1fr) !important}
}

/* ─── الكارت ─── */
[data-testid="store-home-fixed-products"] .s-product-card-entry{
  display:flex !important; flex-direction:column !important;
  background:transparent !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  padding:0 !important; overflow:visible !important;
}

/* ─── الصورة ─── */
[data-testid="store-home-fixed-products"] .s-product-card-image{
  position:relative;
  width:100% !important; max-width:none !important; flex:none !important;
  aspect-ratio:1/1; background:var(--dsh-cream); overflow:hidden;
  border-radius:var(--dsh-r) !important;
}
[data-testid="store-home-fixed-products"] .s-product-card-image a{display:block;height:100%}
[data-testid="store-home-fixed-products"] .s-product-card-image-cover{
  width:100% !important; height:100% !important;
  object-fit:cover !important; border-radius:0 !important;
  transition:transform 1.1s cubic-bezier(.2,.7,.3,1), opacity .25s;
}
[data-testid="store-home-fixed-products"] .s-product-card-entry:hover .s-product-card-image-cover{
  transform:scale(1.035);
}

/* ─── علامة النفاد ─── */
[data-testid="store-home-fixed-products"] .s-product-card-out-of-stock .s-product-card-image::after{
  content:"نفدت الكمية";
  position:absolute; top:10px; right:10px; z-index:2;
  background:var(--dsh-paper); color:var(--dsh-muted);
  font-family:var(--dsh-ar); font-size:11px; font-weight:500;
  padding:4px 10px; border-radius:var(--dsh-r);
}
[data-testid="store-home-fixed-products"] .s-product-card-out-of-stock .s-product-card-image-cover{opacity:.72}

/* ─── المحتوى ─── */
[data-testid="store-home-fixed-products"] .s-product-card-content{
  padding:14px 0 0 !important; text-align:start !important; gap:0 !important;
}
[data-testid="store-home-fixed-products"] .s-product-card-content-title{margin:0 !important}
[data-testid="store-home-fixed-products"] .s-product-card-content-title a{
  font-family:var(--dsh-head);font-weight:600;
  font-size:17px;line-height:1.5;color:var(--dsh-ink);
  text-decoration:none !important;
}

/* الوصف المختصر: ظاهر عندنا (فيه معلومة مفيدة)، بس أهدى */
[data-testid="store-home-fixed-products"] .s-product-card-content-subtitle{
  font-size:12.5px !important; line-height:1.7; color:var(--dsh-soft) !important;
  margin-top:4px !important;
  display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* ─── السعر ─── */
[data-testid="store-home-fixed-products"] .s-product-card-sale-price{
  display:flex !important; align-items:baseline; gap:10px; margin:8px 0 0 !important;
}
[data-testid="store-home-fixed-products"] .s-product-card-sale-price h4{
  font-family:var(--dsh-ar);font-weight:600;
  font-size:16px !important; color:var(--dsh-ink) !important;
  margin:0 !important;
}
[data-testid="store-home-fixed-products"] .s-product-card-sale-price span{
  display:inline !important;
  font-family:var(--dsh-ar);font-weight:400;
  font-size:12.5px !important;
  color:var(--dsh-muted) !important;
  text-decoration:line-through !important;
  text-decoration-thickness:1px;
}
/* السعر العادي (من غير خصم) */
[data-testid="store-home-fixed-products"] .s-product-card-price{
  font-family:var(--dsh-ar);font-weight:600;font-size:16px !important;color:var(--dsh-ink) !important;
}

/* ─── زرار القلب مخفي ─── */
[data-testid="store-home-fixed-products"] .s-product-card-wishlist-btn{display:none !important}

/* ─── زرار الشراء: أزرق بعرض الكارت ─── */
[data-testid="store-home-fixed-products"] .s-product-card-content-footer{
  display:block !important;
  width:100% !important; max-width:100% !important;
  margin-top:14px !important;
}
[data-testid="store-home-fixed-products"] salla-add-product-button{
  display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important;
}
[data-testid="store-home-fixed-products"] salla-add-product-button .w-full,
[data-testid="store-home-fixed-products"] salla-add-product-button .s-button-wrap{
  width:100% !important; max-width:100% !important; display:block; min-width:0;
}
[data-testid="store-home-fixed-products"] .s-button-element{
  width:100% !important; max-width:100% !important; box-sizing:border-box;
  border-radius:var(--dsh-r) !important; box-shadow:none !important;
  border:0 !important;
  background:var(--dsh-blue) !important; color:#fff !important;
  font-family:var(--dsh-ar); font-weight:500; font-size:13.5px !important;
  min-height:46px !important; opacity:1 !important;
  transition:background .2s;
}
[data-testid="store-home-fixed-products"] .s-button-element:not(:disabled):hover{
  background:var(--dsh-blue-dark) !important;
}
[data-testid="store-home-fixed-products"] .s-button-element:disabled{
  background:transparent !important;
  border:1px solid var(--dsh-line) !important; color:var(--dsh-muted) !important;
  cursor:not-allowed;
}

/* رسائل السكرول اللانهائي */
[data-testid="store-home-fixed-products"] .s-infinite-scroll-status{display:none !important}

/* ─── الموبايل ─── */
@media (max-width:600px){
  [data-testid="store-home-fixed-products"]{padding:34px 16px 48px !important}
  [data-testid="store-home-fixed-products"] .s-products-list-wrapper{
    grid-template-columns:repeat(2,1fr) !important;
    gap:22px 12px !important;
    padding-top:22px !important;
    width:100% !important; max-width:100% !important;
  }
  [data-testid="store-home-fixed-products"] .s-product-card-entry{width:100% !important; max-width:100% !important; min-width:0 !important}
  [data-testid="store-home-fixed-products"] .s-product-card-content-title a{font-size:15px}
  [data-testid="store-home-fixed-products"] .s-button-element{min-height:44px !important;font-size:12.5px !important}
  .dsh-head{flex-direction:column;align-items:flex-start;gap:4px}
}


/* ═══ 03b · دواير الروائح ══════════════════════════════════════════
   الجافاسكربت هو اللي بيبنيها تحت كارت الفلتر. */

[data-testid="store-home-fixed-products"] .dsh-swatches{display:flex; align-items:center; gap:12px; margin-top:10px}
[data-testid="store-home-fixed-products"] .dsh-swatches__row{display:flex; align-items:center; gap:10px}
[data-testid="store-home-fixed-products"] .dsh-swatch{
  -webkit-appearance:none; appearance:none;
  position:relative;
  width:16px; height:16px; min-width:0; min-height:0;
  padding:0; margin:0; border:0; border-radius:50%;
  background:var(--sw);
  box-shadow:inset 0 0 0 1px var(--dsh-line);
  cursor:pointer;
}
[data-testid="store-home-fixed-products"] .dsh-swatch::before{content:""; position:absolute; inset:-8px}
[data-testid="store-home-fixed-products"] .dsh-swatch::after{
  content:""; position:absolute; inset:-4px; border-radius:50%;
  border:1px solid transparent; transition:border-color .2s;
}
[data-testid="store-home-fixed-products"] .dsh-swatch:hover::after{border-color:var(--dsh-sage)}
[data-testid="store-home-fixed-products"] .dsh-swatch[aria-pressed="true"]::after{border-color:var(--dsh-ink)}
[data-testid="store-home-fixed-products"] .dsh-swatch:focus-visible{outline:none}
[data-testid="store-home-fixed-products"] .dsh-swatch:focus-visible::after{border-color:var(--dsh-blue); border-width:2px; inset:-5px}
[data-testid="store-home-fixed-products"] .dsh-swatch.is-out{opacity:.4}
[data-testid="store-home-fixed-products"] .dsh-swatches__name{
  font-family:var(--dsh-ar); font-weight:500; font-size:12px;
  color:var(--dsh-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
@media (max-width:600px){
  [data-testid="store-home-fixed-products"] .dsh-swatches{flex-direction:column;align-items:flex-start;gap:6px}
  [data-testid="store-home-fixed-products"] .dsh-swatch{width:18px; height:18px}
}


/* ═══ 04 · صفحات المحتوى (الشحن، الاسترجاع، الشروط، …) ══════════════
   صفحاتنا نص عادي، فمش هنخفي العنوان زي ما البراند التاني عامل.
   بنظبط الشكل بس بألوان البراند. */

.content--single-page{
  background:var(--dsh-paper) !important;
  border:1px solid var(--dsh-line-soft) !important;
  border-radius:var(--dsh-r) !important;
  box-shadow:none !important;
  max-width:820px !important; margin-inline:auto !important;
  padding:clamp(24px,4vw,48px) !important;
  font-family:var(--dsh-ar); color:var(--dsh-soft);
  font-size:15px; line-height:1.95;
}
.content--single-page > h1{
  font-family:var(--dsh-head) !important; font-weight:600 !important;
  font-size:clamp(24px,3vw,32px) !important; color:var(--dsh-ink) !important;
  padding-bottom:14px; margin-bottom:22px !important;
  border-bottom:1px solid var(--dsh-line);
}
.content--single-page a{color:var(--dsh-blue) !important}
.content--single-page salla-comments{display:none !important}

/* الفوتر ملزوق في السكشن اللي قبله */
.store-footer{margin-top:0 !important}


/* ═══ 05 · صفحة المنتج ══════════════════════════════════════════════
   كل حاجة متقيّدة بـ body:has([data-testid="store-product-form"]) */

body:has([data-testid="store-product-form"]){background:var(--dsh-cream)}
body:has([data-testid="store-product-form"]) #main-content{font-family:var(--dsh-ar)}

/* ─── المسار ─── */
body:has([data-testid="store-product-form"]) .breadcrumbs{font-size:12px;color:var(--dsh-muted)}

/* ─── شيل الكروت البيضا والظلال ─── */
body:has([data-testid="store-product-form"]) .bg-white,
body:has([data-testid="store-product-form"]) .sticky-product-bar,
body:has([data-testid="store-product-form"]) .details-slider{
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* ─── الصور ─── */
body:has([data-testid="store-product-form"]) .swiper-slide img,
body:has([data-testid="store-product-form"]) .s-slider-thumbs img{
  border-radius:var(--dsh-r) !important;
  background:var(--dsh-paper) !important;
}

/* ─── اسم المنتج ─── */
body:has([data-testid="store-product-form"]) [data-testid="store-product-title"]{
  font-family:var(--dsh-head) !important;
  font-weight:600 !important;
  font-size:clamp(24px,2.8vw,32px) !important;
  line-height:1.45 !important;
  color:var(--dsh-ink) !important;
  margin-bottom:8px !important;
}

/* العنوان الفرعي (الوصف المختصر): ظاهر عندنا */
body:has([data-testid="store-product-form"]) .product-entry__sub-title{
  font-size:14.5px !important; line-height:1.8; color:var(--dsh-soft) !important;
}

/* ─── السعر: شيل الأحمر ─── */
body:has([data-testid="store-product-form"]) .text-red-800,
body:has([data-testid="store-product-form"]) .total-price{
  font-family:var(--dsh-ar) !important;
  font-weight:600 !important;
  font-size:22px !important;
  color:var(--dsh-ink) !important;
}
body:has([data-testid="store-product-form"]) .line-through,
body:has([data-testid="store-product-form"]) .before-price{
  font-family:var(--dsh-ar) !important;
  font-size:15px !important;
  color:var(--dsh-muted) !important;
  text-decoration-thickness:1px;
}

/* "نفدت الكمية" الأحمر ← هادي */
body:has([data-testid="store-product-form"]) .out-of-stock{
  color:var(--dsh-muted) !important; font-weight:500 !important; opacity:1 !important;
}

/* ─── الوصف ─── */
body:has([data-testid="store-product-form"]) .product__description{
  font-size:15px;line-height:1.95;color:var(--dsh-soft);
  border-top:1px solid var(--dsh-line-soft);
  padding:18px 0 0 !important;
  margin-top:18px !important;
}
body:has([data-testid="store-product-form"]) .product__description strong,
body:has([data-testid="store-product-form"]) .product__description b{color:var(--dsh-ink)}

/* ─── رمز المنتج ─── */
body:has([data-testid="store-product-form"]) .product-sku{font-size:12px;color:var(--dsh-muted)}
body:has([data-testid="store-product-form"]) .sicon-barcode{display:none !important}

/* ─── الخيارات (الروائح) ─── */
body:has([data-testid="store-product-form"]) .s-product-options-option-label b{
  font-family:var(--dsh-ar);font-weight:600;font-size:13px;color:var(--dsh-ink);
}
body:has([data-testid="store-product-form"]) .s-form-control{
  border-radius:var(--dsh-r) !important;
  border:1px solid var(--dsh-line) !important;
  background:var(--dsh-paper) !important;
  font-family:var(--dsh-ar);font-size:14px;
  min-height:46px;color:var(--dsh-ink);
  box-shadow:none !important;
}
body:has([data-testid="store-product-form"]) .s-form-control:focus{border-color:var(--dsh-blue) !important}

/* ─── الأزرار: «أضف للسلة» أزرق، والباقي بإطار ─── */
body:has([data-testid="store-product-form"]) .s-button-element{
  border-radius:var(--dsh-r) !important;
  box-shadow:none !important;
  border:0 !important;
  background:var(--dsh-blue) !important;
  color:#fff !important;
  font-family:var(--dsh-ar);font-weight:500;font-size:14.5px !important;
  min-height:52px !important;
  opacity:1 !important;
  transition:background .2s;
}
body:has([data-testid="store-product-form"]) .s-button-element:not(:disabled):hover{background:var(--dsh-blue-dark) !important}
body:has([data-testid="store-product-form"]) .s-button-element:disabled{
  background:transparent !important;
  border:1px solid var(--dsh-line) !important; color:var(--dsh-muted) !important;
  cursor:not-allowed;
}
/* زرار «اشتري الآن» (لو ظاهر) يبقى بإطار عشان يفضل زرار أساسي واحد */
body:has([data-testid="store-product-form"]) .s-button-outline,
body:has([data-testid="store-product-form"]) .s-button-element.s-button-outline{
  background:transparent !important;
  border:1px solid var(--dsh-blue) !important;
  color:var(--dsh-blue) !important;
}

/* ─── زرار القلب مخفي ─── */
body:has([data-testid="store-product-form"]) .btn--wishlist{display:none !important}

/* ─── المشاركة: أهدى ─── */
body:has([data-testid="store-product-form"]) .s-social-share-btn{border:0 !important;min-height:0 !important}
body:has([data-testid="store-product-form"]) .s-social-share-icon svg{fill:var(--dsh-sage);width:15px;height:15px}

/* ─── عناوين السكاشن السفلية ─── */
body:has([data-testid="store-product-form"]) .s-slider-block__title h2{
  font-family:var(--dsh-head);font-weight:600;
  font-size:clamp(20px,2.4vw,28px);color:var(--dsh-ink);
}
body:has([data-testid="store-product-form"]) .s-slider-nav-arrow{
  border-radius:var(--dsh-r) !important;border:1px solid var(--dsh-line) !important;
  background:transparent !important;
}

/* ─── الموبايل ─── */
@media (max-width:767px){
  body:has([data-testid="store-product-form"]) [data-testid="store-product-title"]{font-size:22px !important}
  body:has([data-testid="store-product-form"]) .sticky-product-bar{padding-inline:0 !important}
}
/* ═══════════════════════════════════════════════════════════════
   DUSHA — سكشن «منتجات في سلايدر»
   يتحط في: محرر الثيم ← تصميم متجرك باستخدام CSS ← في آخر الملف.
   (امسح نسخة products-slider.css القديمة لو كنت حطيتها)

   شكل الكارت زي ما هو (أبيض ومدوّر وزرار بإطار)،
   التغيير في الألوان بس عشان يمشي مع سكشن «اختر باقتك» اللي فوقه.
   ═══════════════════════════════════════════════════════════════ */

[data-testid="store-home-products-slider"]{
  --ink:#3C3C24; --soft:#55553F; --muted:#65644F; --olive:#485A28;
  --blue:#1A6E8E; --blue-d:#145A75; --paper:#FAF7F1; --line:rgba(60,60,36,.10);
}

/* ─── الخلفية: نفس لون السكشن اللي فوقه، وملزوقة فيه ─── */
.s-block[data-testid="store-home-products-slider"]{
  margin-top:0 !important;
  background:var(--paper);
  box-shadow:0 0 0 100vmax var(--paper);   /* بيمد الخلفية لحد أطراف الشاشة */
  clip-path:inset(0 -100vmax);
  padding-top:28px !important;
  padding-bottom:clamp(48px,7vw,96px) !important;
}

/* ─── عنوان «منتجات مختاره» مخفي (عندنا «اختر باقتك» فوق)، والأسهم فاضلة ─── */
[data-testid="store-home-products-slider"] .s-slider-block__title-right{display:none !important}
[data-testid="store-home-products-slider"] .s-slider-block__title{justify-content:flex-end !important;margin-bottom:14px !important}
[data-testid="store-home-products-slider"] .s-slider-nav-arrow{
  background:#fff !important; border:1px solid var(--line) !important; box-shadow:none !important;
}
[data-testid="store-home-products-slider"] .s-slider-nav-arrow svg{fill:var(--ink) !important}
[data-testid="store-home-products-slider"] .s-slider-nav-arrow:disabled{opacity:.35}

/* ─── الكارت: نفس الشكل، بحد خفيف ─── */
[data-testid="store-home-products-slider"] .s-product-card-entry{
  border:1px solid var(--line) !important;
  box-shadow:none !important;
  transition:box-shadow .25s, transform .25s;
}
[data-testid="store-home-products-slider"] .s-product-card-entry:hover{
  box-shadow:0 10px 28px rgba(60,60,36,.08) !important;
}

/* ─── شارة العرض: أحمر ← زيتوني ─── */
[data-testid="store-home-products-slider"] .s-product-card-promotion-title{
  background:var(--olive) !important; color:#fff !important;
}

/* ─── القلب: أهدى ─── */
[data-testid="store-home-products-slider"] .s-product-card-wishlist-btn .sicon-heart{color:var(--ink) !important}

/* ─── الاسم والوصف ─── */
[data-testid="store-home-products-slider"] .s-product-card-content-title a{
  font-family:'Noto Naskh Arabic',serif !important; font-weight:600 !important;
  color:var(--ink) !important;
}
[data-testid="store-home-products-slider"] .s-product-card-content-subtitle{
  color:var(--soft) !important; opacity:1 !important;
}

/* ─── السعر: أحمر ← زيتوني غامق، والقديم مشطوب هادي ─── */
[data-testid="store-home-products-slider"] .s-product-card-sale-price h4,
[data-testid="store-home-products-slider"] .s-product-card-sale-price h4 i,
[data-testid="store-home-products-slider"] .s-product-card-price{
  color:var(--ink) !important; font-weight:600 !important;
}
[data-testid="store-home-products-slider"] .s-product-card-sale-price span,
[data-testid="store-home-products-slider"] .s-product-card-sale-price span i{
  color:var(--muted) !important;
}

/* ─── الزرار: نفس الإطار، بالأزرق بتاع البراند، ويتملي لما تقف عليه ─── */
[data-testid="store-home-products-slider"] .s-product-card-content-footer .s-button-element{
  border-color:var(--blue) !important;
  color:var(--blue) !important;
  background:transparent !important;
  transition:background .2s, color .2s;
}
[data-testid="store-home-products-slider"] .s-product-card-content-footer .s-button-element i{color:inherit !important}
[data-testid="store-home-products-slider"] .s-product-card-content-footer .s-button-element:not(:disabled):hover{
  background:var(--blue) !important; color:#fff !important;
}