/* ============================================================
   style.css — النسخة النهائية
   ============================================================ */

[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); --hdr-txt:#1a1a1a; --hdr-txt-em:#444444; --hdr-ico-bg:rgba(0,0,0,.06); --hdr-ico-brd:rgba(0,0,0,.14); --hdr-btn-bg:#1a1a1a; --hdr-btn-txt:#ffffff; }
[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); }

*{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 8px;}}

.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;}

.hdr{background:var(--p);position:sticky;top:0;z-index:400;box-shadow:0 2px 16px var(--psh);transition:transform .3s ease;}
@media(max-width:899px){.hdr.hide{transform:translateY(-100%);}}
@media(max-width:899px){.cat-bar-sticky{position:sticky;top:0;z-index:200;transition:top .3s ease;}}
[data-color="white"] .hdr{background:#f5f5f5 !important;border-bottom:1px solid rgba(0,0,0,.14) !important;box-shadow:0 2px 10px rgba(0,0,0,.10) !important;}
.hdr .C{display:flex;align-items:center;height:64px;gap:14px;}
@media(max-width:700px){.hdr .C{min-height:56px;height:auto;gap:8px;padding-top:8px;padding-bottom:8px;}}
.logo{display:flex;align-items:center;gap:10px;min-width:0;flex:1;}
.logo-img{width:44px;height:44px;border-radius:12px;overflow:hidden;flex-shrink:0;}
.logo-img img{width:100%;height:100%;object-fit:cover;}
@media(max-width:700px){.logo-img{width:38px;height:38px;border-radius:10px;}}
.logo-name{font-size:18px;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:16px;}}
.hdr-acts{display:flex;align-items:center;gap:7px;margin-right:auto;}
.ico-btn{width:38px;height:38px;border-radius:50%;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,.60);}
[data-color="white"] .ico-btn:hover{background:rgba(0,0,0,.12);border-color:rgba(0,0,0,.22);}
@media(max-width:700px){.ico-btn{width:34px;height:34px;}}
.ico-badge{position:absolute;top:-3px;right:-3px;background:var(--red);color:#fff;border-radius:50%;min-width:17px;height:17px;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid var(--p);padding:0 2px;}
.login-btn{display:flex;align-items:center;gap:5px;background:var(--hdr-btn-bg);color:var(--hdr-btn-txt);border-radius:22px;padding:7px 14px;font-size:12px;font-weight:700;transition:background .2s;white-space:nowrap;flex-shrink:0;border:none;}
.login-btn:hover{background:var(--ylw);color:var(--pd);}
[data-color="white"] .login-btn:hover{background:#333;color:#fff;}
@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{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:62px;overflow-x:auto;scrollbar-width:none;gap:2px;}
.top-nav .C::-webkit-scrollbar{display:none;}
.nav-a{font-size:13.5px;font-weight:700;color:var(--txt2);padding:0 18px;height:62px;display:flex;align-items:center;gap:9px;white-space:nowrap;border-bottom:3px solid transparent;flex-shrink:0;transition:all .22s;cursor:pointer;border-radius:4px 4px 0 0;}
.nav-a:hover,.nav-a.on{color:var(--p);border-bottom-color:var(--p);background:var(--pl);}
[data-color="white"] .nav-a:hover,[data-color="white"] .nav-a.on{color:#1a1a1a;border-bottom-color:#1a1a1a;}
.nav-a .nav-ico{width:34px;height:34px;border-radius:10px;background:var(--sur2);display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .22s;box-shadow:0 1px 5px rgba(0,0,0,.07);}
.nav-a:hover .nav-ico,.nav-a.on .nav-ico{background:var(--plm);transform:scale(1.08);}
.nav-spc{flex:1;}

.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;}}
.hero-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);}
[dir="ltr"] .hero-track{flex-direction:row;}
.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:12px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:5;}
.hero-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:all .25s;border:none;}
.hero-dot.on{background:#fff;width:22px;border-radius:3px;}

.cat-bar-sticky{background:var(--sur);border-bottom:2px solid var(--plm);}
@media(min-width:900px){[data-theme="dark"] .cat-bar-sticky{background:#1a1a1a;border-bottom:2px solid var(--plm);box-shadow:0 2px 8px rgba(0,0,0,.25);}}

.cat-bar-wrap{display:flex;align-items:center;gap:8px;padding:12px 0 10px;}
.cat-arr{flex-shrink:0;width:34px;height:34px;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;box-shadow:var(--sh);}
.cat-arr:hover{background:var(--p);border-color:var(--p);color:#fff;}
[data-color="white"] .cat-arr:hover{background:#1a1a1a;border-color:#1a1a1a;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;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;}
.cat-swiper::-webkit-scrollbar{display:none;}
.cat-swiper .swiper-wrapper{display:flex;align-items:flex-start;flex-wrap:nowrap;width:max-content;}
@media(max-width:899px){.cat-bar-wrap{padding:10px 0 8px;}}
.c-tab{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;border:none;background:none;padding:2px 4px;width:80px;}
.c-tab-img{width:60px;height:60px;border-radius:50%;overflow:hidden;background:var(--sur3);border:3px solid var(--brd);transition:border-color .2s,transform .2s,box-shadow .2s;flex-shrink:0;}
.c-tab-img img{width:100%;height:100%;object-fit:cover;display:block;}
.c-tab-lbl{font-size:10px;font-weight:700;color:var(--txt3);white-space:normal;text-align:center;transition:color .2s;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:76px;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);}
[data-color="white"] .c-tab.on .c-tab-img{border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(0,0,0,.08);}
[data-color="white"] .c-tab.on .c-tab-lbl{color:#1a1a1a;}
[data-color="white"] .c-tab:hover .c-tab-img{border-color:#888;}
@media(min-width:900px){.c-tab{width:88px;}.c-tab-img{width:66px;height:66px;}.c-tab-lbl{font-size:10.5px;max-width:84px;}}

.main-outer{padding:20px 0;}
@media(max-width:899px){.main-outer{padding:0 0 70px;}}
.main-wrap{display:flex;gap:24px;}
.content{flex:1;min-width:0;}
@media(max-width:899px){.content{margin:0 -8px;}}
.sec{padding:0 0 28px;}
@media(max-width:899px){.sec{padding:0 0 8px;background:var(--sur);margin-bottom:8px;}.sec:last-child{margin-bottom:0;}}
.sec-hdr{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--p);}
[data-color="white"] .sec-hdr{border-bottom-color:#1a1a1a;}
@media(max-width:899px){.sec-hdr{padding:12px 8px 10px;margin-bottom:0;border-bottom:1px solid var(--plm);}}
.sec-ttl{font-size:17px;font-weight:900;color:var(--p);}
[data-color="white"] .sec-ttl{color:#1a1a1a;}
.sec-all{display:none;align-items:center;gap:6px;margin-right:auto;font-size:12px;font-weight:700;color:var(--p);cursor:pointer;background:var(--pl);border:1.5px solid var(--plm);padding:5px 12px 5px 10px;border-radius:20px;transition:all .2s;white-space:nowrap;}
.sec-all:hover{background:var(--p);color:#fff;border-color:var(--p);}
[data-color="white"] .sec-all{color:#1a1a1a;}
[data-color="white"] .sec-all:hover{background:#1a1a1a;color:#fff;border-color:#1a1a1a;}
.sec-all.show{display:flex;}

.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 12px;align-items:stretch;}
@media(max-width:899px){.pgrid{padding:0 8px;gap:28px 8px;}}
@media(min-width:900px){.pgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:32px 18px;align-items:stretch;}}

.pcard{border-radius:14px;background:var(--sur);border:1px solid var(--brd);border-top:3px solid var(--plm);box-shadow:var(--sh);overflow:visible;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-top-color .2s;cursor:pointer;height:100%;}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-top-color:var(--p);}
[data-color="white"] .pcard:hover{border-top-color:#1a1a1a;}
.p-img{position:relative;overflow:hidden;background:var(--sur3);flex-shrink:0;aspect-ratio:1/1;border-radius:12px 12px 0 0;}
.p-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.pcard:hover .p-img img{transform:scale(1);}
.p-cart-wrap{position:absolute;bottom:8px;z-index:6;}
[dir="rtl"] .p-cart-wrap{right:8px;left:auto;}
[dir="ltr"] .p-cart-wrap{left:8px;right:auto;}
.pcard.out-of-stock .p-cart-wrap{pointer-events:none;}
.p-cart-btn{width:40px;height:40px;border-radius:50%;border:2.5px solid rgba(255,255,255,.7);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.30);transition:all .2s;}
.p-cart-btn.add{background:var(--p);color:#fff;}
.p-cart-btn.add:hover{background:var(--pd);transform:scale(1.1);}
[data-color="white"] .p-cart-btn.add{background:#1a1a1a;color:#fff;}
[data-color="white"] .p-cart-btn.add:hover{background:#333;}
.pcard.out-of-stock .p-cart-btn{pointer-events:none;opacity:.35;}
.p-rib{position:absolute;top:8px;right:0;background:var(--red);color:#fff;font-size:11px;font-weight:900;padding:3px 6px 3px 9px;border-radius:8px 0 0 8px;z-index:2;}
[data-color="white"] .p-rib{background:#1a1a1a;}
.p-body{padding:10px 12px 12px;flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.p-name{font-size:12px;font-weight:700;color:var(--txt);line-height:1.38;margin-bottom:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:calc(1.38em * 2);}
.p-price{font-size:13px;font-weight:900;color:var(--p);}
[data-color="white"] .p-price{color:#1a1a1a;}
.p-old{font-size:11px;color:var(--txt3);text-decoration:line-through;display:block;line-height:1.3;font-weight:600;}
.p-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px;}
.p-price-wrap{display:flex;flex-direction:column;align-items:flex-end;}
.p-mob-btn{display:none;flex-shrink:0;margin-right:auto;}
@media(min-width:900px){.p-name{font-size:14px;}.p-price{font-size:15px;}.p-body{padding:12px 14px 14px;}}

.p-stock-mob{font-size:8px;font-weight:900;padding:1px 5px;border-radius:6px;display:none;align-items:center;gap:2px;margin-top:2px;width:fit-content;}
.p-stock-mob.out{background:rgba(212,32,32,.08);color:var(--red);}
.p-stock-mob.low{background:rgba(245,120,0,.08);color:#c14f00;}

@media(max-width:899px){
  .p-cart-wrap{display:none !important;}
  .p-stock-mob{display:inline-flex;}
  .stock-out,.stock-low{display:none !important;}
  .p-mob-btn{display:flex;align-items:center;margin-right:auto;}
  .p-mob-btn .p-cart-btn{position:relative !important;top:auto !important;left:10px;width:32px;height:32px;border:none !important;box-shadow:var(--sh);}
  .pgrid{display:flex !important;flex-direction:column;gap:0;}
  .pcard{border-radius:0;border:none;border-bottom:1px solid var(--brd);border-top:none;box-shadow:none;flex-direction:row;align-items:center;padding:11px 0;gap:12px;overflow:hidden;transform:none !important;height:auto;}
  .pcard:last-child{border-bottom:none;}
  .p-img{width:88px;height:88px;min-width:88px;border-radius:10px;flex-shrink:0;aspect-ratio:unset;order:1;overflow:hidden;}
  .p-body{flex:1;padding:0;order:2;min-width:0;}
  .p-name{font-size:13px;margin-bottom:3px;min-height:auto;}
  .p-price{font-size:13.5px;}
  .p-foot{margin-top:5px;}
  .p-price-wrap{align-items:flex-end;}
}

.pcard-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,0.45);border-radius:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none;transition:opacity 0.3s;opacity:0;max-width:calc(100% - 12px);overflow:hidden;}
.pcard:hover .pcard-dots,.pcard.has-multi-img .pcard-dots{opacity:1;}
.pcard-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.55);transition:all 0.25s;flex-shrink:0;}
.pcard-dot.active{background:#fff;transform:scale(1.3);}
@media(max-width:767px){
  .pcard.has-multi-img .pcard-dots{opacity:1;bottom:4px;padding:2px 6px;gap:3px;}
  .pcard-dot{width:5px !important;height:5px !important;}
  .pcard-dot.active{width:5px !important;transform:scale(1.3) !important;}
}

.stock-out{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgb(35 35 35),transparent);z-index:3;padding:18px 8px 8px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;}
.stock-out-lbl{background:#fff;color:var(--red);font-size:9px;font-weight:900;padding:3px 9px;border-radius:20px;border:1.5px solid var(--red);display:flex;align-items:center;gap:4px;pointer-events:none;margin:14px;}
.stock-out-lbl::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red);animation:blink 1s infinite;}
.stock-low{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(245,120,0,.92),transparent);z-index:3;padding:18px 8px 8px;display:flex;align-items:flex-end;justify-content:center;}
.stock-low-lbl{background:#fff;color:#c14f00;font-size:9px;font-weight:900;padding:3px 9px;border-radius:20px;border:1.5px solid #f57800;display:flex;align-items:center;gap:4px;margin:13px;}
.stock-low-lbl::before{content:'';width:6px;height:6px;border-radius:50%;background:#f57800;animation:blink 1s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}

.pcard *,.b3h2__card *,.pcard-more *,.deal-card *,.discover-banner *{cursor:pointer;}

.pcard-more{border:2px dashed var(--plm) !important;background:var(--pl) !important;box-shadow:none !important;cursor:pointer;}
.pcard-more:hover{border-color:var(--p) !important;transform:translateY(-4px) !important;box-shadow:var(--sh2) !important;}
[data-color="white"] .pcard-more:hover{border-color:#1a1a1a !important;}
.pcard-more-img{background:linear-gradient(135deg,var(--pl) 0%,var(--plm) 100%) !important;display:flex !important;align-items:center;justify-content:center;}
.pcard-more-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;}
.pcard-more-ring{width:56px;height:56px;border-radius:50%;border:2.5px solid var(--p);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--p);transition:all .22s;}
[data-color="white"] .pcard-more-ring{border-color:#1a1a1a;color:#1a1a1a;}
.pcard-more:hover .pcard-more-ring{background:var(--p);color:#fff;transform:scale(1.08);}
[data-color="white"] .pcard-more:hover .pcard-more-ring{background:#1a1a1a;color:#fff;}
.pcard-more-lbl{font-size:12px;font-weight:900;color:var(--p);}
[data-color="white"] .pcard-more-lbl{color:#1a1a1a;}
@media(max-width:899px){
  .pcard-more{border:none !important;border-bottom:2px dashed var(--plm) !important;transform:none !important;box-shadow:none !important;}
  .pcard-more:hover{border-color:var(--p) !important;background:var(--pl) !important;}
  .pcard-more-img{width:88px !important;height:88px !important;min-width:88px !important;border-radius:10px !important;border:2px dashed var(--plm);}
  .pcard-more-ring{width:40px;height:40px;}
  .pcard-more-lbl{font-size:10px;}
}
.sec-deals{margin-bottom:40px;border-radius:20px;overflow:visible;background:linear-gradient(135deg,#7b1515 0%,#c0392b 40%,#e74c3c 100%);position:relative;box-shadow:0 8px 32px rgba(192,57,43,.35);}

html.dark .sec-deals,
body.dark .sec-deals,
[data-theme="dark"] .sec-deals{box-shadow:none;}

.sec-deals-inner{border-radius:20px;overflow:hidden;}
@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;}
@media(max-width:700px){.deals-hdr{padding:16px 16px 0;}}
.deals-ttl{font-size:22px;font-weight:900;color:#fff;display:flex;align-items:center;gap:10px;}
@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-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;}
.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;}
.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:16px;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:14px 14px 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);}

.b3h2__sec{padding:0 0 32px;}
@media(max-width:899px){.b3h2__sec{padding:0;background:var(--sur);margin-bottom:8px;}}
.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:14px 12px 12px;gap:10px;}.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;}
/* desktop RTL: نص يمين(order1) | فاصل(order2) | صور(order3) | زر يسار(order4) */
.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);}
[data-color="white"] .discover-btn{color:#1a1a1a;}
[data-color="white"] .discover-btn:hover{background:#ffe033;color:#1a1a1a;}
.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;}
[data-color="white"] .discover-btn-arrow{background:#1a1a1a;}
.discover-btn:hover .discover-btn-arrow{transform:translateX(-3px);}

/* موبايل: نص → شبكة 2x2 → زر كامل */
@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;white-space:normal !important;line-height:1.3 !important;}
  .discover-sub{font-size:12px !important;white-space:normal !important;}
  .discover-imgs{display:flex !important;order:2 !important;padding:0 !important;gap:5px !important;flex-direction:row !important;}
  .discover-img-card{width:60px !important;height:60px !important;flex-shrink:0 !important;border-radius:8px !important;aspect-ratio:1/1 !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;font-size:13px !important;gap:8px !important;border-radius:14px !important;}
  .discover-btn-arrow{width:18px !important;height:18px !important;}
}

[dir="ltr"] .discover-text{text-align:left;}
[dir="ltr"] .discover-ttl{text-align:left;}
[dir="ltr"] .discover-sub{text-align:left;}
[dir="ltr"] .discover-btn:hover .discover-btn-arrow{transform:translateX(3px);}

.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 20px rgba(0,0,0,.1);padding-bottom:env(safe-area-inset-bottom,0px);height:62px;}
@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:4px;font-size:9.5px;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:26px;height:26px;display:flex;align-items:center;justify-content:center;}
.bn-lbl{font-size:9px;font-weight:700;line-height:1;}
.bn-cart-wrap{flex:1.4;display:flex;align-items:center;justify-content:center;}

.bn-cart-btn{width:46px;height:46px;border-radius:50%;background:var(--p);color:#fff;border:none;cursor:pointer;box-shadow:0 3px 12px var(--psh);position:relative;transition:all .2s;display:flex;align-items:center;justify-content:center;}
.bn-cart-btn:hover{background:var(--pd);transform:scale(1.07);}

html.dark .bn-cart-btn,
body.dark .bn-cart-btn,
[data-theme="dark"] .bn-cart-btn{box-shadow:none;}

[data-color="white"] .bn-cart-btn{background:#1a1a1a;box-shadow:0 3px 12px rgba(0,0,0,.2);}
[data-color="white"] .bn-cart-btn:hover{background:#333;}
.bn-cart-badge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:9px;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{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:11px;background:var(--sur2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.more-a-lbl{flex:1;}
.more-a-sub{font-size:11px;color:var(--txt3);font-weight:600;margin-top:1px;}
.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;}
.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:12px;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:14px;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:14px;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;}
[data-color="white"] .dw-ckout:hover{background:#333;}
.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);}
.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:12px;padding:10px 14px;font-family:'Cairo',sans-serif;font-size:14px;color:var(--txt);outline:none;transition:border-color .2s;}
.s-inp:focus{border-color:var(--p);}
[data-color="white"] .s-inp:focus{border-color:#1a1a1a;}
.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:10px;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;}
[data-color="white"] .s-price{color:#1a1a1a;}
.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;}
[data-color="white"] .s-add{background:#1a1a1a;}
.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:12px;padding:10px 13px;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:12px;padding:12px;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;}
[data-color="white"] .a-btn:hover{background:#333;}
.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;}
[data-color="white"] .a-note a{color:#1a1a1a;}
.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;}
[data-color="white"] .n-dot{background:#1a1a1a;}
.footer{background:var(--nav);margin-top:12px;}
@media(max-width:899px){.footer{padding-bottom:120px;} footer{padding-bottom:90px !important;} .footer-container{padding-bottom:90px !important;}}
.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;}

[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"] .logo-name{direction:ltr;}
[dir="ltr"] .cat-bar-wrap{flex-direction:row-reverse;}
[dir="ltr"] .cat-swiper{direction:ltr;}
[dir="ltr"] .c-tab-lbl{direction:ltr;}
[dir="ltr"] .top-nav .C{flex-direction:row;direction:ltr;justify-content:flex-start;}
[dir="ltr"] .nav-spc{display:none;}
[dir="ltr"] .p-rib{left:auto;right:0;border-radius:7px 0 0 7px;padding:2px 5px 2px 7px;}
[dir="ltr"] .p-cart-btn{left:auto;right:10px;}
[dir="ltr"] .p-price-wrap{align-items:flex-start;}
[dir="ltr"] .p-mob-btn{margin-right:0;margin-left:auto;}
@media(max-width:899px){[dir="ltr"] .p-img{order:1;}[dir="ltr"] .p-body{order:2;}[dir="ltr"] .p-price-wrap{align-items:flex-start;}}
[dir="ltr"] .sec-all{margin-right:0;margin-left:auto;}
[dir="ltr"] .sec-all svg{transform:rotate(180deg);}
[dir="ltr"] .deals-hdr{flex-direction:row;}
[dir="ltr"] .deal-name{text-align:left;}
[dir="ltr"] .deal-add{right:auto;left:10px;}
[dir="ltr"] .deal-disc-badge{right:auto;left:8px;}
[dir="ltr"] .b3h2__hdr{flex-direction:row;}
[dir="ltr"] .b3h2__nav{flex-direction:row-reverse;}
[dir="ltr"] .b3h2__hdr-left{flex-direction:row;}
[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"] .more-a{text-align:left;flex-direction:row;}
[dir="ltr"] .more-a-lbl{text-align:left;}
[dir="ltr"] .more-user-row{flex-direction:row;}
[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-name{direction:ltr;}
[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"] .s-name{text-align:left;}
[dir="ltr"] .m-hdr{flex-direction:row;}
[dir="ltr"] .m-ttl{text-align:left;}
[dir="ltr"] .notif-item{flex-direction:row;}
[dir="ltr"] .n-body{text-align:left;}
[dir="ltr"] .footer .C{flex-direction:row;}
[dir="ltr"] .foot-links{flex-direction:row;}
[dir="ltr"] .ico-badge{right:auto;left:-3px;}
[dir="ltr"] .cat-arr:first-of-type svg{transform:rotate(180deg);}
[dir="ltr"] .cat-arr:last-of-type svg{transform:rotate(180deg);}
[dir="ltr"] .pcard-arrow.arrow-prev{left:auto;right:6px;}
[dir="ltr"] .pcard-arrow.arrow-next{right:auto;left:6px;}
[dir="ltr"] .pcard-arrow.arrow-prev svg{transform:rotate(180deg);}
[dir="ltr"] .pcard-arrow.arrow-next svg{transform:rotate(180deg);}
[dir="ltr"] .sec-hdr{flex-direction:row;}
[dir="ltr"] .sec-ttl{text-align:left;}
[dir="ltr"] .p-name{text-align:left;}
[dir="ltr"] .p-foot{flex-direction:row;}
[dir="ltr"] .p-old{text-align:left;}

@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;}