/* ============================================================
   style.css — WebStore_5
   الفروقات عن W4: swiper أفقي، cards مربعة على الموبايل،
   header glassmorphism، تصميم أكثر عصرية
   ============================================================ */

/* ── CSS Variables (colors + themes) ── */
[data-color="green"]  { --p:#1a7a3c; --pd:#125529; --pl:rgba(26,122,60,.10);  --plm:rgba(26,122,60,.22);  --psh:rgba(26,122,60,.35);  }
[data-color="red"]    { --p:#d42020; --pd:#a01818; --pl:rgba(212,32,32,.10);  --plm:rgba(212,32,32,.22);  --psh:rgba(212,32,32,.35);  }
[data-color="blue"]   { --p:#1565c0; --pd:#0d47a1; --pl:rgba(21,101,192,.10); --plm:rgba(21,101,192,.22); --psh:rgba(21,101,192,.35); }
[data-color="purple"] { --p:#6a4c93; --pd:#4e3570; --pl:rgba(106,76,147,.10); --plm:rgba(106,76,147,.22); --psh:rgba(106,76,147,.35); }
[data-color="orange"] { --p:#e76f51; --pd:#c45a3e; --pl:rgba(231,111,81,.10); --plm:rgba(231,111,81,.22); --psh:rgba(231,111,81,.35); }
[data-color="teal"]   { --p:#2a9d8f; --pd:#1d7a6e; --pl:rgba(42,157,143,.10); --plm:rgba(42,157,143,.22); --psh:rgba(42,157,143,.35); }
[data-color="navy"]   { --p:#264653; --pd:#1a303a; --pl:rgba(38,70,83,.10);   --plm:rgba(38,70,83,.22);   --psh:rgba(38,70,83,.35);   }
[data-color="gold"]   { --p:#c77a00; --pd:#9a5f00; --pl:rgba(199,122,0,.10);  --plm:rgba(199,122,0,.22);  --psh:rgba(199,122,0,.35);  }
[data-color="white"]  { --p:#1a1a1a; --pd:#000000; --pl:rgba(0,0,0,.05); --plm:rgba(0,0,0,.12); --psh:rgba(0,0,0,.15); }

[data-theme="light"] {
  --bg:#f0f2f5; --sur:#fff; --sur2:#f6f7fa; --sur3:#ecedf2;
  --txt:#0f1117; --txt2:#4a5068; --txt3:#9098b1; --brd:#e3e5ed;
  --red:#d42020; --ylw:#f5c800; --grn:#1a8040;
  --sh:0 1px 8px rgba(0,0,0,.06); --sh2:0 6px 24px rgba(0,0,0,.12);
  --nav:#111827;
  --hdr-txt:#ffffff; --hdr-txt-em:#ffe033;
  --hdr-ico-bg:rgba(255,255,255,.18); --hdr-ico-brd:rgba(255,255,255,.28);
  --hdr-btn-bg:#ffffff; --hdr-btn-txt:var(--pd);
}
[data-theme="dark"] {
  --bg:#1a1a1a; --sur:#242424; --sur2:#2c2c2c; --sur3:#323232;
  --txt:#f0f0f0; --txt2:#b0b0b0; --txt3:#707070; --brd:#3a3a3a;
  --red:#e05555; --ylw:#f5c800; --grn:#2ab55a;
  --sh:0 1px 8px rgba(0,0,0,.5); --sh2:0 6px 24px rgba(0,0,0,.7);
  --nav:#111111;
  --hdr-txt:#ffffff; --hdr-txt-em:#ffe033;
  --hdr-ico-bg:rgba(255,255,255,.15); --hdr-ico-brd:rgba(255,255,255,.22);
  --hdr-btn-bg:#ffffff; --hdr-btn-txt:var(--pd);
}
[data-color="white"] {
  --hdr-txt:#1a1a1a; --hdr-txt-em:#444;
  --hdr-ico-bg:rgba(0,0,0,.06); --hdr-ico-brd:rgba(0,0,0,.14);
  --hdr-btn-bg:#1a1a1a; --hdr-btn-txt:#fff;
}

/* ── Reset ── */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html,body{font-family:'Cairo',sans-serif;background:var(--bg);color:var(--txt);min-height:100vh;}
img{display:block;max-width:100%;}
button,a{cursor:pointer;font-family:'Cairo',sans-serif;text-decoration:none;}
.C{width:100%;max-width:1260px;margin:0 auto;padding:0 28px;}
@media(max-width:700px){.C{padding:0 12px;}}

/* ── Announcement Bar ── */
.ann{background:var(--pd);color:#fff;font-size:12.5px;font-weight:700;}
.ann .C{display:flex;align-items:center;justify-content:center;padding-top:9px;padding-bottom:9px;position:relative;}
.ann-hl{color:var(--ylw);font-weight:900;}
.ann-x{position:absolute;left:28px;background:none;border:none;color:rgba(255,255,255,.55);font-size:18px;padding:0;}
.ann-x:hover{color:#fff;}
@media(max-width:700px){.ann-x{left:16px;}}
[data-color="white"] .ann{background:#1a1a1a;color:#fff;}

/* ══════════════════════════════════════════
   HEADER — W5: شفاف → يتلون عند الـ scroll
   ══════════════════════════════════════════ */
.hdr{
  position:sticky;top:0;z-index:400;
  background:var(--p);
  transition:background .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
}
.hdr.scrolled{
  background:color-mix(in srgb, var(--p) 88%, transparent);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 2px 20px rgba(0,0,0,.18);
}
[data-color="white"] .hdr{background:#fff;border-bottom:1px solid rgba(0,0,0,.1);}
[data-color="white"] .hdr.scrolled{background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
[data-theme="dark"] .hdr.scrolled{background:color-mix(in srgb, var(--p) 75%, #111);}

@media(max-width:899px){.hdr.hide{transform:translateY(-100%);}}
.hdr .C{display:flex;align-items:center;height:62px;gap:12px;}
@media(max-width:700px){.hdr .C{height:56px;gap:8px;}}

.logo{display:flex;align-items:center;gap:10px;min-width:0;flex:1;}
.logo-img{width:42px;height:42px;border-radius:14px;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.25);}
.logo-img img{width:100%;height:100%;object-fit:cover;}
@media(max-width:700px){.logo-img{width:36px;height:36px;border-radius:10px;}}
[data-color="white"] .logo-img{border-color:rgba(0,0,0,.1);}
.logo-name{font-size:17px;font-weight:900;color:var(--hdr-txt);line-height:1.15;word-break:break-word;}
.logo-name em{color:var(--hdr-txt-em);font-style:normal;}
@media(max-width:700px){.logo-name{font-size:15px;}}

.hdr-acts{display:flex;align-items:center;gap:7px;margin-right:auto;}
.ico-btn{width:38px;height:38px;border-radius:12px;background:var(--hdr-ico-bg);border:1px solid var(--hdr-ico-brd);display:flex;align-items:center;justify-content:center;color:var(--hdr-txt);transition:all .2s;position:relative;flex-shrink:0;}
.ico-btn:hover{background:rgba(255,255,255,.30);border-color:rgba(255,255,255,.55);}
[data-color="white"] .ico-btn:hover{background:rgba(0,0,0,.08);}
@media(max-width:700px){.ico-btn{width:34px;height:34px;border-radius:10px;}}
.ico-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;border-radius:10px;min-width:18px;height:18px;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid var(--p);padding:0 3px;}
[data-color="white"] .ico-badge{border-color:#fff;}

.login-btn{display:flex;align-items:center;gap:5px;background:var(--hdr-btn-bg);color:var(--hdr-btn-txt);border-radius:22px;padding:7px 16px;font-size:12px;font-weight:700;transition:all .2s;white-space:nowrap;flex-shrink:0;border:none;}
.login-btn:hover{opacity:.85;transform:translateY(-1px);}
@media(max-width:700px){.login-btn{display:none;}}

.hdr-user{display:none;align-items:center;gap:7px;}
.hdr-user.on{display:flex;}
.u-avatar{width:34px;height:34px;border-radius:50%;background:var(--hdr-ico-bg);color:var(--hdr-txt);font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid var(--hdr-ico-brd);}
.u-name{font-size:12px;font-weight:700;color:var(--hdr-txt);}
@media(max-width:700px){.u-name{display:none;}}

/* ── Top Nav (desktop) ── */
.top-nav{background:var(--sur);border-bottom:1px solid var(--brd);display:none;}
@media(min-width:768px){.top-nav{display:block;}}
.top-nav .C{display:flex;align-items:center;height:52px;overflow-x:auto;scrollbar-width:none;gap:6px;padding-top:0;padding-bottom:0;}
.top-nav .C::-webkit-scrollbar{display:none;}
.nav-a{
  font-size:12px;font-weight:700;color:var(--txt2);
  padding:5px 12px;
  height:32px;
  display:flex;align-items:center;gap:6px;
  white-space:nowrap;
  flex-shrink:0;
  transition:all .2s;
  cursor:pointer;
  border-radius:20px;
  background:var(--sur2);
  border:1.5px solid var(--brd);
  text-decoration:none;
}
.nav-a:hover,.nav-a.on{
  color:#fff;
  background:var(--p);
  border-color:var(--p);
  transform:translateY(-1px);
  box-shadow:0 3px 10px var(--psh);
}
[data-color="white"] .nav-a:hover,[data-color="white"] .nav-a.on{background:#1a1a1a;border-color:#1a1a1a;box-shadow:0 3px 10px rgba(0,0,0,.2);}
.nav-a .nav-ico{font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;}
.nav-spc{flex:1;}

/* ── Hero / Cover ── */
.hero-outer{padding:20px 0 0;margin-bottom:20px;}
@media(max-width:700px){.hero-outer{padding:6px 0 0;margin-bottom:12px;}}
.hero-wrap{position:relative;overflow:hidden;background:var(--sur3);border-radius:20px;}
@media(max-width:700px){.hero-wrap{border-radius:8px;margin:0 -3px;}}
.hero-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);}
.h-slide{min-width:100%;flex-shrink:0;position:relative;overflow:hidden;}
.h-slide::before{content:'';display:block;padding-top:27.08%;}
@media(max-width:700px){.h-slide::before{padding-top:30%;}}
.h-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:5;}
.hero-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:all .25s;border:none;}
.hero-dot.on{background:#fff;width:24px;border-radius:4px;}

/* ── Category Bar ── */
.cat-bar-sticky{background:var(--sur);border-bottom:2px solid var(--plm);}
@media(max-width:899px){.cat-bar-sticky{position:sticky;top:0;z-index:200;}}
[data-theme="dark"] .cat-bar-sticky{background:#1e1e1e;}
.cat-bar-wrap{display:flex;align-items:center;gap:8px;padding:10px 0 8px;}
.cat-arr{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--sur);border:1.5px solid var(--brd);color:var(--txt2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;}
.cat-arr:hover{background:var(--p);border-color:var(--p);color:#fff;}
.cat-arr svg{width:14px;height:14px;}
@media(max-width:899px){.cat-arr{display:none;}}
.cat-swiper{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;}
.cat-swiper::-webkit-scrollbar{display:none;}
.c-tab{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;border:none;background:none;padding:2px 6px;width:76px;}
.c-tab-img{width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--sur3);border:3px solid var(--brd);transition:all .2s;flex-shrink:0;}
.c-tab-img img{width:100%;height:100%;object-fit:cover;}
.c-tab-lbl{font-size:10px;font-weight:700;color:var(--txt3);white-space:normal;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:72px;line-height:1.3;min-height:2.6em;}
.c-tab.on .c-tab-img{border-color:var(--p);box-shadow:0 0 0 3px var(--pl);transform:scale(1.06);}
.c-tab.on .c-tab-lbl{color:var(--p);font-weight:900;}
.c-tab:hover .c-tab-img{border-color:var(--p);}
@media(min-width:900px){.c-tab{width:84px;}.c-tab-img{width:62px;height:62px;}}

/* ══════════════════════════════════════════
   PRODUCT CARDS — W5
   على الموبايل: تبقى cards مربعة (مش row)
   ══════════════════════════════════════════ */
.main-outer{padding:20px 0;}
@media(max-width:899px){.main-outer{padding:0 0 80px;}}

/* W5 Swiper Container */
/* perf: تخطّي رسم القسم بالكامل لما يكون خارج الشاشة عمودياً */
.w5-swiper-section{padding:0 0 28px;content-visibility:auto;contain-intrinsic-size:auto 380px;}
@media(max-width:899px){
  .w5-swiper-section{
    padding:0 0 8px;
    background:var(--sur);
    margin-bottom:8px;
    margin-left:-12px;
    margin-right:-12px;
  }
  .w5-sec-hdr{padding:14px 12px 12px;}
}

.w5-sec-hdr{display:flex;align-items:center;justify-content:space-between;padding:0 0 14px;border-bottom:2px solid var(--plm);margin-bottom:18px;}
@media(max-width:899px){.w5-sec-hdr{padding:14px 12px 12px;margin-bottom:0;border-bottom:none;}}
.w5-sec-left{display:flex;align-items:center;gap:12px;}
.w5-sec-ico{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.w5-sec-ttl{font-size:17px;font-weight:900;color:var(--txt);}
@media(max-width:700px){.w5-sec-ttl{font-size:15px;}}
.w5-sec-all{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--p);background:var(--pl);border:1.5px solid var(--plm);padding:6px 14px;border-radius:20px;transition:all .2s;white-space:nowrap;text-decoration:none;}
.w5-sec-all:hover{background:var(--p);color:#fff;border-color:var(--p);}
[data-color="white"] .w5-sec-all{color:#1a1a1a;}
[data-color="white"] .w5-sec-all:hover{background:#1a1a1a;color:#fff;}

/* W5 Swiper track */
.w5-swiper{overflow:visible;position:relative;}
.w5-track{
  display:flex;gap:14px;
  overflow-x:auto;
  overflow-y:visible;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  padding:6px 8px 18px;
  cursor:grab;
  touch-action:auto;
  user-select:none;
  -webkit-user-select:none;
}
.w5-track::-webkit-scrollbar{display:none;}
.w5-track.dragging{cursor:grabbing;}
.w5-track:active{will-change:scroll-position;}
@media(max-width:899px){.w5-track{gap:8px;padding:6px 12px 16px;}}

/* W5 Product Card */
.w5card{
  flex-shrink:0;
  width:196px;
  background:var(--sur);
  border-radius:16px;
  border:1px solid var(--brd);
  box-shadow:var(--sh);
  overflow:hidden;
  cursor:pointer;
  transition:transform .2s, box-shadow .2s;
  position:relative;
  display:flex;
  flex-direction:column;
  /* perf: تخطّي رسم الكروت خارج الشاشة + حجز مساحة لتفادي القفزات */
  content-visibility:auto;
  contain-intrinsic-size:196px 260px;
}
.w5card:hover{transform:translateY(-3px);box-shadow:var(--sh2);}
@media(max-width:899px){.w5card{width:calc((100vw - 24px) / 2.2);}}
@media(min-width:600px) and (max-width:899px){.w5card{width:calc((100vw - 40px) / 3.8);}}
@media(max-width:480px){.w5card{width:calc((100vw - 20px) / 2.2);}}

.w5card-img{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  background:var(--sur3);
  flex-shrink:0;
}
.w5card-img img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .35s;
  pointer-events:none;
  -webkit-user-drag:none;
  display:block;
}
.w5card:hover .w5card-img img{transform:scale(1.04);}

/* زر الكارت — دائري فوق الصورة */
.w5card-btn{
  position:absolute;
  bottom:8px;
  width:36px;height:36px;
  border-radius:50%;
  background:var(--p);
  color:#fff;
  border:2.5px solid var(--sur);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 10px var(--psh);
  transition:all .2s;
  z-index:6;
  cursor:pointer;
}
[dir="rtl"] .w5card-btn{right:8px;}
[dir="ltr"] .w5card-btn{left:8px;}
.w5card-btn:hover{background:var(--pd);transform:scale(1.1);}
.w5card-btn.disabled{pointer-events:none;opacity:.4;}
[data-color="white"] .w5card-btn{background:#1a1a1a;}
[data-color="white"] .w5card-btn:hover{background:#333;}
html.dark .w5card-btn,body.dark .w5card-btn,[data-theme="dark"] .w5card-btn{box-shadow:0 2px 6px rgba(0,0,0,.3);}

/* شارة الخصم */
.w5card-rib{
  position:absolute;top:8px;
  background:var(--red);color:#fff;
  font-size:10px;font-weight:900;
  padding:2px 7px;border-radius:8px;
  z-index:2;
}
[dir="rtl"] .w5card-rib{right:8px;}
[dir="ltr"] .w5card-rib{left:8px;}

/* نفد من المخزون — على الصورة فقط */
.w5card-out{
  position:absolute;inset:0;
  background:rgba(0,0,0,.42);
  display:flex;align-items:center;justify-content:center;
  z-index:3;pointer-events:none;
}
.w5card-out-lbl{
  background:#fff;color:var(--red);
  font-size:10px;font-weight:900;
  padding:4px 12px;border-radius:20px;
  border:1.5px solid var(--red);
}

/* كمية محدودة — على الصورة فقط */
.w5card-low{
  position:absolute;top:8px;
  background:rgba(245,120,0,.92);color:#fff;
  font-size:9px;font-weight:900;
  padding:2px 8px;border-radius:8px;
  z-index:2;
}
[dir="rtl"] .w5card-low{left:8px;}
[dir="ltr"] .w5card-low{right:8px;}

/* Body — مضغوط */
.w5card-body{padding:8px 10px 10px;flex:1;}
.w5card-name{
  font-size:12px;font-weight:700;color:var(--txt);
  line-height:1.35;margin-bottom:4px;
  overflow:hidden;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;
}
@media(min-width:900px){.w5card-name{font-size:12.5px;}}
.w5card-price{font-size:13px;font-weight:900;color:var(--p);}
[data-color="white"] .w5card-price{color:#1a1a1a;}
.w5card-old{font-size:10px;color:var(--txt3);text-decoration:line-through;display:block;line-height:1.3;font-weight:600;}
/* stock label في الـ body محذوف — بس على الصورة */

/* ── Deals Section (نفس W4 بتعديلات بسيطة) ── */
.sec-deals{margin:0 auto 32px;max-width:1260px;padding:0 28px;box-sizing:border-box;}
.sec-deals-inner{border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#7b1515 0%,#c0392b 40%,#e74c3c 100%);position:relative;box-shadow:0 8px 32px rgba(192,57,43,.35);}
@media(max-width:899px){.sec-deals{padding:0;max-width:none;margin-bottom:8px;}.sec-deals-inner{border-radius:0;}}
html.dark .sec-deals-inner,body.dark .sec-deals-inner,[data-theme="dark"] .sec-deals-inner{box-shadow:none;}
.sec-deals-inner{border-radius:22px;overflow:hidden;}
@media(max-width:899px){.sec-deals-inner{border-radius:0;}}
@media(max-width:899px){.sec-deals{border-radius:0;margin:0 0 8px;}.sec-deals-inner{border-radius:0;}}
.deals-hdr{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0;position:relative;z-index:1;cursor:pointer;}
@media(max-width:700px){.deals-hdr{padding:16px 16px 0;}}
.deals-ttl{font-size:22px;font-weight:900;color:#fff;}
@media(max-width:700px){.deals-ttl{font-size:18px;}}
.deals-sub{font-size:12px;color:rgba(255,255,255,.75);font-weight:600;margin-top:3px;}
.deals-swiper{padding:0 24px !important;overflow:hidden;}
@media(max-width:700px){.deals-swiper{padding:0 12px !important;}}
.deal-card{flex-shrink:0;width:160px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:18px;overflow:visible;cursor:pointer;transition:transform .2s,background .2s;position:relative;}
.deal-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.2);}
@media(max-width:700px){.deal-card{width:140px;}}
.deal-img{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:rgba(0,0,0,.15);border-radius:16px 16px 0 0;}
.deal-img img{width:100%;height:100%;object-fit:cover;}
.deal-disc-badge{position:absolute;top:8px;right:8px;background:#fff;color:var(--red);font-size:10px;font-weight:900;padding:3px 8px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.2);}
.deal-body{padding:10px 12px 12px;}
.deal-name{font-size:11.5px;font-weight:700;color:#fff;line-height:1.35;margin-bottom:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.deal-new-price{font-size:14px;font-weight:900;color:#fff;}
.deal-old-price{font-size:10px;color:rgba(255,255,255,.55);text-decoration:line-through;display:block;}
.deal-price-wrap{display:flex;flex-direction:column;gap:2px;}
.deal-add{position:absolute;bottom:8px;right:9px;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--red);border:2.5px solid rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.25);z-index:5;transition:all .2s;}
.deal-add:hover{background:var(--ylw);transform:scale(1.1);}
.deal-card-more{background:rgba(0,0,0,.25) !important;border:2px dashed rgba(255,255,255,.35) !important;cursor:pointer;transition:all .22s !important;}
.deal-card-more:hover{background:rgba(0,0,0,.4) !important;border-color:rgba(255,255,255,.7) !important;transform:translateY(-3px) !important;}
.deal-more-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;}
.deal-more-ring{width:52px;height:52px;border-radius:50%;border:2.5px solid rgba(255,255,255,.7);color:#fff;display:flex;align-items:center;justify-content:center;transition:all .22s;}
.deal-card-more:hover .deal-more-ring{background:rgba(255,255,255,.15);border-color:#fff;transform:scale(1.08);}
.deal-more-lbl{font-size:12px;font-weight:900;color:#fff;}

/* ── Search Modal ── */
.mwrap{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:600;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s;}
.mwrap.on{opacity:1;pointer-events:all;}
@media(min-width:600px){.mwrap{align-items:center;}}
.mbox{background:var(--sur);border-radius:24px 24px 0 0;width:100%;max-height:92vh;overflow-y:auto;transform:translateY(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);}
.mwrap.on .mbox{transform:translateY(0);}
@media(min-width:600px){.mbox{border-radius:20px;max-width:490px;transform:scale(.96);}.mwrap.on .mbox{transform:scale(1);}}
.m-drag{width:38px;height:4px;background:var(--brd);border-radius:2px;margin:12px auto 0;}
@media(min-width:600px){.m-drag{display:none;}}
.m-hdr{display:flex;align-items:center;justify-content:space-between;padding:13px 20px 11px;border-bottom:1px solid var(--brd);}
.m-ttl{font-size:17px;font-weight:900;}
.m-x{width:29px;height:29px;border-radius:50%;background:var(--sur2);border:none;cursor:pointer;color:var(--txt2);font-size:14px;display:flex;align-items:center;justify-content:center;}
.s-inp-w{padding:13px 20px;}
.s-inp{width:100%;background:var(--sur2);border:1.5px solid var(--brd);border-radius:14px;padding:11px 16px;font-family:'Cairo',sans-serif;font-size:14px;color:var(--txt);outline:none;transition:border-color .2s;}
.s-inp:focus{border-color:var(--p);}
.s-empty-hint{padding:24px 20px 30px;text-align:center;color:var(--txt3);font-size:13px;font-weight:600;line-height:2;}
.s-res{padding:0 20px 20px;}
.s-res-lbl{font-size:10px;font-weight:700;color:var(--txt3);margin-bottom:8px;letter-spacing:.5px;}
.s-item{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--brd);cursor:pointer;}
.s-item:last-child{border:none;}
.s-img{width:46px;height:46px;border-radius:12px;object-fit:cover;flex-shrink:0;background:var(--sur3);}
.s-name{font-size:13px;font-weight:700;color:var(--txt);}
.s-price{font-size:12px;color:var(--p);font-weight:700;margin-top:1px;}
.s-add{width:28px;height:28px;border-radius:50%;background:var(--p);border:none;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}

/* ── Cart Drawer ── */
.ov{position:fixed;inset:0;background:rgba(0,0,0,.46);z-index:500;opacity:0;pointer-events:none;transition:opacity .25s;}
.ov.on{opacity:1;pointer-events:all;}
.drawer{position:fixed;bottom:0;left:0;right:0;background:var(--sur);border-radius:24px 24px 0 0;max-height:88vh;overflow-y:auto;z-index:501;transform:translateY(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);}
.drawer.on{transform:translateY(0);}
@media(min-width:768px){.drawer{left:auto;right:0;top:0;bottom:0;max-height:unset;width:390px;border-radius:0;transform:translateX(100%);height:100vh;}.drawer.on{transform:translateX(0);}}
.dw-hdl{width:38px;height:4px;background:var(--brd);border-radius:2px;margin:13px auto 0;}
@media(min-width:768px){.dw-hdl{display:none;}}
.dw-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 11px;border-bottom:1px solid var(--brd);}
.dw-ttl{font-size:18px;font-weight:900;}
.dw-x{width:30px;height:30px;border-radius:50%;background:var(--sur2);border:none;cursor:pointer;color:var(--txt2);font-size:15px;display:flex;align-items:center;justify-content:center;}
.dw-empty{padding:48px 20px;text-align:center;color:var(--txt3);font-size:14px;font-weight:600;line-height:2.4;}
.dw-item{display:flex;align-items:center;gap:13px;padding:12px 20px;border-bottom:1px solid var(--brd);}
.dw-img{width:56px;height:56px;border-radius:14px;object-fit:cover;flex-shrink:0;background:var(--sur3);}
.dw-info{flex:1;min-width:0;}
.dw-name{font-size:13px;font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dw-price{font-size:12px;color:var(--p);font-weight:700;margin-top:2px;}
[data-color="white"] .dw-price{color:#1a1a1a;}
.dw-qty{display:flex;align-items:center;gap:7px;flex-shrink:0;}
.dqb{width:27px;height:27px;border-radius:50%;border:none;cursor:pointer;font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .18s;}
.dqb.p{background:var(--p);color:#fff;}
[data-color="white"] .dqb.p{background:#1a1a1a;}
.dqb.m{background:var(--sur3);color:var(--txt);}
.dqb.m:hover{background:var(--red);color:#fff;}
.dqn{font-size:13px;font-weight:900;min-width:18px;text-align:center;color:var(--txt);}
.dw-foot{padding:16px 20px 28px;}
.dw-rows{border:1px solid var(--brd);border-radius:16px;overflow:hidden;margin-bottom:14px;}
.dw-row{display:flex;justify-content:space-between;padding:10px 14px;font-size:13px;border-bottom:1px solid var(--brd);}
.dw-row:last-child{border:none;font-weight:900;font-size:14.5px;}
.dw-rl{color:var(--txt2);}
.dw-ckout{width:100%;background:var(--p);color:#fff;border:none;border-radius:16px;padding:14px;font-family:'Cairo',sans-serif;font-size:14px;font-weight:900;cursor:pointer;transition:background .2s;margin-bottom:9px;}
.dw-ckout:hover{background:var(--pd);}
[data-color="white"] .dw-ckout{background:#1a1a1a;}
.dw-clr{width:100%;background:transparent;border:1.5px solid var(--brd);border-radius:14px;padding:10px;font-family:'Cairo',sans-serif;font-size:12px;font-weight:700;cursor:pointer;color:var(--txt2);transition:all .2s;}
.dw-clr:hover{border-color:var(--red);color:var(--red);}

/* ── Auth Modal ── */
.auth-tabs{display:flex;border-bottom:1px solid var(--brd);}
.auth-tab{flex:1;padding:12px;text-align:center;font-size:13px;font-weight:700;color:var(--txt3);cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1px;transition:all .2s;}
.auth-tab.on{color:var(--p);border-bottom-color:var(--p);}
[data-color="white"] .auth-tab.on{color:#1a1a1a;border-bottom-color:#1a1a1a;}
.auth-body{padding:18px;}
.auth-sec{display:none;}.auth-sec.on{display:block;}
.a-field{margin-bottom:13px;}
.a-lbl{font-size:12px;font-weight:700;color:var(--txt2);margin-bottom:5px;display:block;}
.a-inp{width:100%;background:var(--sur2);border:1.5px solid var(--brd);border-radius:14px;padding:11px 14px;font-family:'Cairo',sans-serif;font-size:13.5px;color:var(--txt);outline:none;transition:border-color .2s;}
.a-inp:focus{border-color:var(--p);}
[data-color="white"] .a-inp:focus{border-color:#1a1a1a;}
.a-btn{width:100%;background:var(--p);color:#fff;border:none;border-radius:14px;padding:13px;font-family:'Cairo',sans-serif;font-size:14px;font-weight:900;cursor:pointer;margin-top:2px;}
.a-btn:hover{background:var(--pd);}
[data-color="white"] .a-btn{background:#1a1a1a;}
.a-note{font-size:11.5px;color:var(--txt3);text-align:center;margin-top:13px;line-height:1.7;}
.a-note a{color:var(--p);font-weight:700;cursor:pointer;}

/* ── Notifications ── */
.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid var(--brd);cursor:pointer;transition:background .18s;}
.notif-item:hover{background:var(--sur2);}
.notif-item.unread{background:var(--pl);}
.n-ico{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.ni-o{background:#e8f8ee;}.ni-p{background:#fff8e1;}
.n-body{flex:1;min-width:0;}
.n-ttl{font-size:13px;font-weight:700;color:var(--txt);}
.n-desc{font-size:11.5px;color:var(--txt2);margin-top:3px;line-height:1.5;}
.n-time{font-size:10.5px;color:var(--txt3);margin-top:4px;font-weight:600;}
.n-dot{width:8px;height:8px;border-radius:50%;background:var(--p);flex-shrink:0;margin-top:5px;}

/* ── Footer ── */
.footer{background:var(--nav);margin-top:12px;}
@media(max-width:899px){.footer{padding-bottom:80px;}}
.footer .C{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;color:rgba(255,255,255,.5);font-size:12px;padding-top:22px;padding-bottom:22px;}
.foot-brand{color:#fff;font-size:14px;font-weight:900;}
.foot-links{display:flex;gap:16px;}
.foot-link{cursor:pointer;transition:color .2s;}
.foot-link:hover{color:#fff;}

/* ══════════════════════════════════════════
   BOTTOM NAV — W5: تصميم مختلف عن W4
   ══════════════════════════════════════════ */
.bot-nav{
  display:none;
  position:fixed;bottom:0;left:0;right:0;z-index:300;
  background:var(--sur);
  border-top:1px solid var(--brd);
  box-shadow:0 -4px 24px rgba(0,0,0,.10);
  padding-bottom:env(safe-area-inset-bottom,0px);
  height:68px;
}
@media(max-width:899px){.bot-nav{display:flex;}}
.bn{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:0 4px;gap:3px;font-size:9px;font-weight:700;color:var(--txt3);
  cursor:pointer;transition:color .2s;border:none;background:none;
}
.bn:hover,.bn.on{color:var(--p);}
[data-color="white"] .bn:hover,[data-color="white"] .bn.on{color:#1a1a1a;}
.bn-ico{
  width:28px;height:28px;
  display:flex;align-items:center;justify-content:center;
  border-radius:10px;
  transition:background .2s;
}
.bn.on .bn-ico,.bn:hover .bn-ico{background:var(--pl);}
[data-color="white"] .bn.on .bn-ico,[data-color="white"] .bn:hover .bn-ico{background:rgba(0,0,0,.06);}
.bn-lbl{font-size:9px;font-weight:700;line-height:1;}

/* زر الكارت في bot-nav — W5: دائري كبير بارز زي W4 */
.bn-cart-wrap{flex:1.4;display:flex;align-items:center;justify-content:center;position:relative;}
.bn-cart-btn{
  width:54px;height:54px;
  border-radius:50%;
  background:var(--p);color:#fff;
  border:3px solid var(--sur);
  cursor:pointer;
  box-shadow:0 4px 16px var(--psh);
  position:relative;
  transition:all .2s;
  display:flex;align-items:center;justify-content:center;
  margin-top:-16px;
}
.bn-cart-btn:hover{background:var(--pd);transform:scale(1.06);}
html.dark .bn-cart-btn,body.dark .bn-cart-btn,[data-theme="dark"] .bn-cart-btn{box-shadow:0 2px 8px rgba(0,0,0,.4);border-color:var(--sur);}
[data-color="white"] .bn-cart-btn{background:#1a1a1a;box-shadow:0 4px 16px rgba(0,0,0,.25);}
.bn-cart-badge{
  position:absolute;top:-5px;right:-5px;
  min-width:19px;height:19px;border-radius:10px;
  background:var(--red);color:#fff;
  font-size:9px;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  padding:0 3px;border:2px solid var(--sur);
}

/* ── More Sheet ── */
.more-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--sur);border-radius:24px 24px 0 0;z-index:502;transform:translateY(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);padding-bottom:env(safe-area-inset-bottom,12px);max-height:85vh;overflow-y:auto;}
.more-sheet.on{transform:translateY(0);}
.more-hdl{width:38px;height:4px;background:var(--brd);border-radius:2px;margin:13px auto 8px;}
.more-ttl{font-size:16px;font-weight:900;color:var(--txt);padding:4px 20px 12px;border-bottom:1px solid var(--brd);}
.more-links{padding:8px 0;}
.more-a{display:flex;align-items:center;gap:14px;padding:13px 20px;cursor:pointer;font-size:14px;font-weight:700;color:var(--txt);transition:background .15s;border:none;background:none;width:100%;text-align:right;}
.more-a:hover{background:var(--sur2);}
.more-a-ico{width:38px;height:38px;border-radius:12px;background:var(--sur2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.more-a-lbl{flex:1;}
.more-sep{height:1px;background:var(--brd);margin:4px 20px;}
.more-user-row{display:none;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--brd);margin-bottom:4px;}
.more-user-row.on{display:flex;}
.more-avatar{width:44px;height:44px;border-radius:50%;background:var(--p);color:#fff;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;}
[data-color="white"] .more-avatar{background:#1a1a1a;}
.more-uname{font-size:15px;font-weight:900;color:var(--txt);}
.more-uemail{font-size:11.5px;color:var(--txt3);margin-top:2px;}

/* ── RTL / LTR ── */
[dir="ltr"]{font-family:'Inter','Segoe UI',sans-serif;}
[dir="ltr"] .ann-x{left:auto;right:28px;}
@media(max-width:700px){[dir="ltr"] .ann-x{right:16px;left:auto;}}
[dir="ltr"] .hdr-acts{margin-right:0;margin-left:auto;}
[dir="ltr"] .cat-bar-wrap{flex-direction:row-reverse;}
[dir="ltr"] .cat-swiper{direction:ltr;}
[dir="ltr"] .top-nav .C{flex-direction:row;direction:ltr;justify-content:flex-start;}
[dir="ltr"] .nav-spc{display:none;}
[dir="ltr"] .w5-sec-all svg{transform:rotate(180deg);}
[dir="ltr"] .deal-add{right:auto;left:9px;}
[dir="ltr"] .deal-disc-badge{right:auto;left:8px;}
[dir="ltr"] .more-a{text-align:left;flex-direction:row;}
[dir="ltr"] .more-a-lbl{text-align:left;}
[dir="ltr"] .more-ttl{text-align:left;}
[dir="ltr"] .dw-hdr{flex-direction:row;}
[dir="ltr"] .dw-item{flex-direction:row;}
[dir="ltr"] .dw-info{text-align:left;}
[dir="ltr"] .dw-row{flex-direction:row;}
[dir="ltr"] .dw-rl{text-align:left;}
@media(min-width:768px){[dir="ltr"] .drawer{right:auto;left:0;transform:translateX(-100%);}[dir="ltr"] .drawer.on{transform:translateX(0);}}
[dir="ltr"] .bot-nav{flex-direction:row;}
[dir="ltr"] .s-inp{text-align:left;direction:ltr;}
[dir="ltr"] .s-item{flex-direction:row;}
[dir="ltr"] .m-hdr{flex-direction:row;}
[dir="ltr"] .footer .C{flex-direction:row;}
[dir="ltr"] .ico-badge{right:auto;left:-4px;}

@media(max-width:899px){
  .footer-lang-switcher{position:relative;}
  .lang-menu{position:absolute !important;bottom:100% !important;top:auto !important;left:0 !important;right:auto !important;margin-bottom:6px;z-index:999;}
}
@media(max-width:899px){[dir="ltr"] .lang-menu{left:auto !important;right:0 !important;}}
#bn-search .bn-lbl,#bn-more .bn-lbl{display:block !important;}

/* ── b3h2 sections (home_sections) — نفس W4 ── */
.b3h2__sec{padding:0 0 32px;}
@media(max-width:899px){.b3h2__sec{padding:0;background:var(--sur);margin-bottom:8px;margin-left:-12px;margin-right:-12px;}}
.b3h2__hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px;}
@media(max-width:899px){.b3h2__hdr{padding:14px 12px 12px;margin-bottom:0;}}
.b3h2__hdr-left{display:flex;align-items:center;gap:14px;}
.b3h2__icon-wrap{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0;}
.b3h2__ico-fire{background:linear-gradient(135deg,#e85d04,#f48c06);box-shadow:0 4px 14px rgba(232,93,4,.3);}
.b3h2__ico-new{background:linear-gradient(135deg,var(--p),var(--pd));box-shadow:0 4px 14px var(--psh);}
[data-color="white"] .b3h2__ico-new{background:linear-gradient(135deg,#555,#1a1a1a);box-shadow:0 4px 14px rgba(0,0,0,.2);}
.b3h2__ico-star{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 14px rgba(79,70,229,.28);}
.b3h2__title{font-size:19px;font-weight:900;color:var(--txt);line-height:1.2;}
@media(max-width:700px){.b3h2__title{font-size:16px;}}
.b3h2__nav{display:flex;gap:6px;}
.b3h2__btn{width:34px;height:34px;border-radius:50%;background:var(--sur);border:1.5px solid var(--brd);cursor:pointer;color:var(--txt2);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;}
.b3h2__btn:hover{background:var(--p);border-color:var(--p);color:#fff;}
[data-color="white"] .b3h2__btn:hover{background:#1a1a1a;border-color:#1a1a1a;color:#fff;}
.b3h2__btn svg{width:14px;height:14px;}
@media(max-width:700px){.b3h2__nav{display:none;}}
.b3h2__engine{touch-action:pan-y;user-select:none;}
.b3h2__slide{display:none;}
.b3h2__slide.b3h2__curr{display:block;animation:b3h2_in .3s ease;}
@keyframes b3h2_in{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:translateY(0);}}
.b3h2__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(min-width:900px){.b3h2__grid{max-width:1123px;margin:0 auto;}}
@media(max-width:899px){.b3h2__grid{grid-template-columns:repeat(2,1fr);padding:8px 12px 12px;gap:8px;}.b3h2__grid .b3h2__card:nth-child(3){display:none;}}
.b3h2__card{border-radius:16px;overflow:hidden;position:relative;cursor:pointer;aspect-ratio:1/1;box-shadow:var(--sh);transition:transform .22s,box-shadow .22s;background:var(--sur3);}
.b3h2__card:hover{transform:translateY(-4px);box-shadow:var(--sh2);}
.b3h2__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s;display:block;}
.b3h2__card:hover img{transform:scale(1.06);}
.b3h2__card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.80) 0%,rgba(0,0,0,.35) 48%,transparent 100%);z-index:1;}
.b3h2__ov{position:absolute;bottom:0;left:0;right:0;padding:14px 13px 13px;z-index:2;direction:rtl;}
.b3h2__ov-name{font-size:13px;font-weight:700;color:#fff;line-height:1.35;margin-bottom:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 1px 4px rgba(0,0,0,.4);text-align:right;}
@media(max-width:480px){.b3h2__ov-name{font-size:11.5px;margin-bottom:4px;}}
.b3h2__ov-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;}
.b3h2__ov-price{font-size:14px;font-weight:900;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4);}
.b3h2__ov-old{font-size:10px;color:rgba(255,255,255,.6);text-decoration:line-through;}
.b3h2__ov-chip{font-size:11px;font-weight:900;background:var(--red);color:#fff;padding:2px 7px;border-radius:9px;}
.b3h2__out-ov{position:absolute;inset:0;z-index:3;background:rgba(0,0,0,.52);display:flex;align-items:center;justify-content:center;}
.b3h2__out-lbl{background:#fff;color:var(--red);font-size:10px;font-weight:900;padding:5px 14px;border-radius:20px;border:2px solid var(--red);}
.b3h2__low-strip{position:absolute;top:10px;left:10px;z-index:3;}
.b3h2__low-lbl{background:rgba(245,120,0,.9);color:#fff;font-size:8.5px;font-weight:900;padding:3px 9px;border-radius:10px;display:flex;align-items:center;gap:4px;}
.b3h2__dots{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:20px;margin-bottom:8px;padding-bottom:4px;flex-direction:row;}
.b3h2__dot{width:9px;height:9px;border-radius:50%;background:var(--brd);cursor:pointer;border:none;transition:all .3s;flex-shrink:0;}
.b3h2__dot.on{background:var(--p);width:24px;border-radius:5px;}
[data-color="white"] .b3h2__dot.on{background:#1a1a1a;}
@media(max-width:899px){.b3h2__dots{margin-top:6px;margin-bottom:13px;padding-bottom:13px;}}

/* ── discover-banner ── */
.discover-banner{display:flex;align-items:center;background:var(--p);border-radius:20px;margin-bottom:28px;min-height:126px;cursor:pointer;overflow:hidden;position:relative;transition:transform .22s,box-shadow .22s;box-shadow:0 8px 32px var(--psh);}
.discover-banner:hover{transform:translateY(-3px);box-shadow:0 14px 40px var(--psh);}
.discover-banner::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:0;}
.discover-text{flex:1;padding:20px 24px;text-align:right;position:relative;z-index:1;min-width:0;order:1;}
.discover-ttl{font-size:21px;font-weight:900;color:#fff;line-height:1.2;margin-bottom:6px;}
.discover-sub{font-size:13px;color:rgba(255,255,255,.75);font-weight:600;}
.discover-divider{width:1px;height:72px;background:rgba(255,255,255,.2);flex-shrink:0;margin:0 8px;order:2;align-self:center;}
.discover-imgs{display:flex;align-items:center;gap:10px;padding:16px 20px;flex-shrink:0;position:relative;z-index:1;order:3;}
.discover-img-card{width:84px;height:84px;border-radius:12px;overflow:hidden;border:2.5px solid rgba(255,255,255,.28);flex-shrink:0;box-shadow:0 4px 16px rgba(0,0,0,.35);transition:transform .22s,border-color .22s;position:relative;}
.discover-img-card:hover{transform:translateY(-3px) scale(1.04);border-color:rgba(255,255,255,.55);}
.discover-img-card img{width:100%;height:100%;object-fit:cover;display:block;}
.discover-btn-wrap{padding:16px 20px;flex-shrink:0;position:relative;z-index:1;order:4;}
.discover-btn{background:#fff;color:var(--pd);font-family:'Cairo',sans-serif;font-size:13px;font-weight:900;padding:11px 22px;border-radius:50px;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.22);transition:all .2s;}
.discover-btn:hover{background:var(--ylw);color:var(--pd);}
.discover-btn-arrow{width:22px;height:22px;border-radius:50%;background:var(--pd);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s;}
.discover-btn:hover .discover-btn-arrow{transform:translateX(-3px);}
@media(max-width:899px){
  .discover-banner{border-radius:0;margin:0 0 8px;flex-direction:column !important;align-items:stretch !important;min-height:auto !important;padding:16px 14px 14px !important;gap:12px !important;}
  .discover-divider{display:none !important;}
  .discover-text{padding:0 !important;order:1 !important;}
  .discover-ttl{font-size:18px !important;margin-bottom:5px !important;}
  .discover-sub{font-size:12px !important;}
  .discover-imgs{display:flex !important;order:2 !important;padding:0 !important;gap:5px !important;}
  .discover-img-card{width:60px !important;height:60px !important;border-radius:8px !important;}
  .discover-btn-wrap{padding:0 !important;order:3 !important;display:flex !important;}
  .discover-btn{width:100% !important;justify-content:center !important;padding:12px 20px !important;border-radius:14px !important;}
}
[dir="ltr"] .discover-text{text-align:left;}
[dir="ltr"] .discover-btn:hover .discover-btn-arrow{transform:translateX(3px);}
[dir="ltr"] .b3h2__ov{direction:ltr;}
[dir="ltr"] .b3h2__ov-name{text-align:left;}
[dir="ltr"] .b3h2__ov-row{justify-content:flex-start;}
[dir="ltr"] .b3h2__dots{flex-direction:row;}
[dir="ltr"] .b3h2__hdr{flex-direction:row;}
[dir="ltr"] .b3h2__nav{flex-direction:row-reverse;}
[dir="ltr"] .b3h2__hdr-left{flex-direction:row;}

/* ── W5 Card Multi-Image ── */
.w5card-img{position:relative;overflow:hidden;}
.w5card-dots{
  position:absolute;bottom:6px;left:50%;transform:translateX(-50%);
  display:flex;gap:4px;align-items:center;z-index:4;
  padding:3px 7px;background:rgba(0,0,0,.38);border-radius:20px;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  pointer-events:none;
}
.w5card-dot{
  width:5px;height:5px;border-radius:50%;
  background:rgba(255,255,255,.5);transition:all .22s;flex-shrink:0;
}
.w5card-dot.on{background:#fff;transform:scale(1.35);}
.w5card-arr{
  position:absolute;top:50%;transform:translateY(-50%);
  width:24px;height:24px;border-radius:50%;
  background:rgba(255,255,255,.88);border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .2s;z-index:5;
  box-shadow:0 2px 6px rgba(0,0,0,.2);
}
.w5card:hover .w5card-arr{opacity:1;}
.w5card-arr svg{width:12px;height:12px;stroke:#333;fill:none;stroke-width:2.5;}
.w5card-arr.prev{left:5px;}
.w5card-arr.next{right:5px;}
@media(max-width:899px){.w5card-arr{display:none!important;}}

/* ── b3h2 card multi-image dots ── */
.b3h2__img-dots{
  position:absolute;bottom:52px;left:50%;transform:translateX(-50%);
  display:flex;gap:4px;align-items:center;z-index:4;
  padding:3px 7px;background:rgba(0,0,0,.38);border-radius:20px;
  backdrop-filter:blur(4px);pointer-events:none;
}
.b3h2__img-dot{
  width:5px;height:5px;border-radius:50%;
  background:rgba(255,255,255,.45);transition:all .22s;
}
.b3h2__img-dot.on{background:#fff;transform:scale(1.3);}


/* ════════════════════════════════════════════════
   W5 — إصلاح تباين السعر في الـ Dark Mode
   بعض ألوان الثيم (--p) غامقة فتبهت على خلفية dark.
   نستخدم نسخة أفتح من اللون للسعر في الـ dark فقط.
   ════════════════════════════════════════════════ */

/* نسخة فاتحة من لون كل ثيم — تُستخدم للسعر في الـ dark */
[data-theme="dark"][data-color="green"]  { --price-clr:#3fc46b; }
[data-theme="dark"][data-color="red"]    { --price-clr:#ff6b6b; }
[data-theme="dark"][data-color="blue"]   { --price-clr:#5b9be8; }
[data-theme="dark"][data-color="purple"] { --price-clr:#a98fd6; }
[data-theme="dark"][data-color="orange"] { --price-clr:#f0916f; }
[data-theme="dark"][data-color="teal"]   { --price-clr:#48c9b8; }
[data-theme="dark"][data-color="navy"]   { --price-clr:#7da6bd; }
[data-theme="dark"][data-color="gold"]   { --price-clr:#e8a93d; }
[data-theme="dark"][data-color="white"]  { --price-clr:#f0f0f0; }

/* الجديدة (47-80) */
[data-theme="dark"][data-color="pink"]     { --price-clr:#f06bb0; }
[data-theme="dark"][data-color="crimson"]  { --price-clr:#ef6b6b; }
[data-theme="dark"][data-color="indigo"]   { --price-clr:#8c9eff; }
[data-theme="dark"][data-color="cyan"]     { --price-clr:#4dd0e1; }
[data-theme="dark"][data-color="lime"]     { --price-clr:#aed581; }
[data-theme="dark"][data-color="brown"]    { --price-clr:#bcaaa4; }
[data-theme="dark"][data-color="slate"]    { --price-clr:#b0bec5; }
[data-theme="dark"][data-color="violet"]   { --price-clr:#ce93d8; }
[data-theme="dark"][data-color="amber"]    { --price-clr:#ffb74d; }
[data-theme="dark"][data-color="emerald"]  { --price-clr:#4db6ac; }
[data-theme="dark"][data-color="rosegold"] { --price-clr:#d8a7af; }
[data-theme="dark"][data-color="midnight"] { --price-clr:#9fa8da; }
[data-theme="dark"][data-color="coral"]    { --price-clr:#ff8a65; }
[data-theme="dark"][data-color="forest"]   { --price-clr:#81c784; }
[data-theme="dark"][data-color="steel"]    { --price-clr:#b0bec5; }
[data-theme="dark"][data-color="magenta"]  { --price-clr:#f06292; }

/* احتياطي: أي ثيم آخر في الـ dark */
[data-theme="dark"] { --price-clr:#5b9be8; }

/* ── تطبيق على السعر في الكروت ── */
[data-theme="dark"] .w5card-price{ color:var(--price-clr) !important; }
[data-theme="dark"] .p-price{ color:var(--price-clr) !important; }
[data-theme="dark"] .s-price{ color:var(--price-clr) !important; }
[data-theme="dark"] .dw-price{ color:var(--price-clr) !important; }

/* ── تطبيق على السعر في صفحة التفاصيل ── */
[data-theme="dark"] #priceTotal{ color:var(--price-clr) !important; }
[data-theme="dark"] .pd-price-main #priceTotal{ color:var(--price-clr) !important; }
[data-theme="dark"] .pd-mob-price,
[data-theme="dark"] #pd-mob-price{ color:var(--price-clr) !important; }

/* السعر القديم (المشطوب) يبقى باهت عمداً */
[data-theme="dark"] .w5card-old,
[data-theme="dark"] #priceTotalnotOffer{ color:var(--txt3) !important; }