:root{--m:#641C32;--bg:#F8F5EF;--cd:#FFFDF9;--tx:#292526;--mu:#6f6a68;--ln:#e8e0d3;--sh:0 6px 20px #29252614;--pe:#E9E0D3;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:root:not([data-theme="light"]){}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--m:#8a2c48;--bg:#1b1517;--cd:#251d20;--tx:#f1ebe3;--mu:#b5aaa6;--ln:#3a2f33;--sh:0 6px 20px #0006;--pe:#2f2428;color-scheme:dark}}
:root[data-theme="dark"]{--m:#8a2c48;--bg:#1b1517;--cd:#251d20;--tx:#f1ebe3;--mu:#b5aaa6;--ln:#3a2f33;--sh:0 6px 20px #0006;--pe:#2f2428;color-scheme:dark}
*,*:before,*:after{box-sizing:inherit}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--tx);font:400 15px/1.6 'IBM Plex Sans Arabic',system-ui,sans-serif;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.top{background:var(--m);color:#fff;text-align:center;font-size:12px;padding:5px 10px}
.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--ln);display:flex;align-items:center;justify-content:space-between;padding:8px 14px;height:52px}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:30}
.logo{font:700 24px/1 Amiri,serif;color:var(--m);display:flex;flex-direction:column;align-items:center}.logo small{font:500 8px 'IBM Plex Sans Arabic';letter-spacing:.4em;color:var(--tx);margin-top:2px}
.ics{display:flex;gap:4px}.ib{position:relative;background:none;border:0;padding:8px;border-radius:50%}.ib:hover{background:var(--pe)}
.bg{position:absolute;top:2px;left:2px;background:var(--m);color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;padding:0 3px}.bg:empty{display:none}
.cn{display:flex;gap:8px;overflow-x:auto;padding:10px 14px;scrollbar-width:none;background:var(--bg)}.cn::-webkit-scrollbar{display:none}
.chip{flex:none;border:1px solid var(--ln);background:var(--cd);border-radius:20px;padding:5px 16px;font-size:14px;display:flex;gap:6px;align-items:center}.chip.on,.chip:hover{background:var(--m);color:#fff;border-color:var(--m)}.chip .i{width:16px;height:16px}
.tk{overflow:hidden;background:var(--pe);border-block:1px solid var(--ln);font-size:13px;white-space:nowrap}.tk div{display:inline-block;padding:6px 0;animation:mq 28s linear infinite}.tk span{margin:0 26px}.tk span:before{content:"◆";color:var(--m);margin-inline-end:26px;font-size:8px}
@keyframes mq{to{transform:translateX(50%)}}
section{padding:26px 14px 6px;max-width:1200px;margin:0 auto}
.sh{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.sh h2{margin:0;font:700 24px/1.2 Amiri,serif;color:var(--m)}.sh a,.sh button{background:none;border:0;color:var(--m);font-size:13px;font-weight:600}
.fl{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}.fl select{border:1px solid var(--ln);background:var(--cd);color:var(--tx);border-radius:20px;padding:5px 12px;font:inherit;font-size:13px}
.gr{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:700px){.gr{grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:1000px){.gr{grid-template-columns:repeat(4,1fr)}}
.cd{position:relative;background:var(--cd);border-radius:14px;overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column;transition:transform .25s}.cd:hover{transform:translateY(-3px)}
.im{display:grid;place-items:center;aspect-ratio:1/1.05;background:linear-gradient(150deg,var(--pe),#d9c7b0 160%);color:var(--m);position:relative}.im .i{width:42%;height:42%;stroke-width:1;opacity:.45}
.ds{position:absolute;top:8px;right:8px;background:var(--m);color:#fff;font-size:11px;font-weight:600;border-radius:10px;padding:1px 8px}
.fv{position:absolute;top:6px;left:6px;background:#fffd;border:0;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--m)}.fv .i{width:18px;height:18px}.fv.on .i{fill:var(--m)}
.bd{padding:10px;display:flex;flex-direction:column;gap:3px;flex:1}.bd small{color:var(--mu);font-size:11px;letter-spacing:.08em}.bd b{font-weight:500;font-size:14px;line-height:1.4}
.pr{display:flex;gap:8px;align-items:baseline;margin-top:auto;padding-top:4px}.pr b{color:var(--m);font-weight:600}.pr s{color:var(--mu);font-size:12px}.rt{font-size:12px;color:var(--m);min-height:18px}
.ac{display:flex;gap:6px;margin-top:6px}.by{flex:1;background:var(--m);color:#fff;border:0;border-radius:9px;padding:7px 4px;font-size:13px;font-weight:500}.by:active{transform:scale(.97)}
.ic{width:36px;border:1px solid var(--ln);background:none;border-radius:9px;display:grid;place-items:center;color:var(--m)}.ic .i{width:18px;height:18px}
.bn{margin:22px 14px 0;max-width:1172px;border-radius:14px;background:linear-gradient(100deg,var(--m),#8a2c48);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;min-height:64px}@media(min-width:1200px){.bn{margin-inline:auto}}
.bn b{font:700 19px Amiri,serif}.bn span{font-size:12px;opacity:.85;display:block}.bn button{background:#fff;color:var(--m);border:0;border-radius:18px;padding:5px 16px;font-size:13px;font-weight:600;flex:none}
.of{background:var(--pe);margin-top:26px;padding-bottom:26px}.ofs{display:grid;gap:12px}@media(min-width:800px){.ofs{grid-template-columns:1fr 1fr}}
.ob{background:var(--cd);border-radius:16px;box-shadow:var(--sh);padding:14px}.ob h3{margin:0 0 8px;font:700 20px Amiri,serif;color:var(--m)}
.mi{display:flex;gap:6px;margin-bottom:10px}.mi div{flex:1;aspect-ratio:1;border-radius:10px;background:linear-gradient(150deg,var(--pe),#d9c7b0 160%);display:grid;place-items:center;color:var(--m)}.mi .i{width:50%;height:50%;opacity:.5;stroke-width:1.1}
.cdw{display:flex;gap:6px;margin:8px 0}.cdw div{background:var(--m);color:#fff;border-radius:8px;padding:3px 0;min-width:46px;text-align:center;font-weight:600;line-height:1.2}.cdw small{display:block;font-size:9px;font-weight:400;opacity:.8}
.rvs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.rc{background:var(--cd);border-radius:14px;padding:14px;box-shadow:var(--sh)}.rc.ex{border:1px dashed var(--ln);box-shadow:none;color:var(--mu)}.rc .st{color:var(--m)}
footer{margin-top:30px;background:var(--tx);color:#e9e0d3;padding:26px 14px calc(26px + env(safe-area-inset-bottom,0px))}footer .in{max-width:1200px;margin:auto;display:grid;gap:18px}@media(min-width:700px){footer .in{grid-template-columns:2fr 1fr 1fr}}footer .logo{color:#e9e0d3;align-items:flex-start}footer .logo small{color:#C5AC91}footer p{margin:4px 0;font-size:13px;opacity:.85}
.ov{position:fixed;inset:0;background:#0007;z-index:50;display:none;align-items:flex-end;justify-content:center}.ov.on{display:flex}@media(min-width:700px){.ov{align-items:center}}
.md{background:var(--bg);width:100%;max-width:480px;max-height:90vh;overflow:auto;border-radius:20px 20px 0 0;padding:18px;animation:up .25s}@media(min-width:700px){.md{border-radius:20px}}@keyframes up{from{transform:translateY(30px);opacity:0}}
.md h3{margin:0 0 10px;font:700 22px Amiri,serif;color:var(--m)}label{display:block;font-size:13px;margin:8px 0 2px;font-weight:500}input,textarea{width:100%;font:inherit;padding:9px 11px;border:1px solid var(--ln);border-radius:10px;background:var(--cd);color:var(--tx)}
.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn{background:var(--m);color:#fff;border:0;border-radius:10px;padding:10px 18px;font-weight:500;display:inline-block}.btn.l{background:var(--cd);color:var(--tx);border:1px solid var(--ln)}
.li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--ln);font-size:14px}.q{display:flex;gap:6px;align-items:center}.q button{width:26px;height:26px;border-radius:50%;border:1px solid var(--ln);background:var(--cd)}
.pg{display:grid;gap:18px;padding:14px;max-width:1200px;margin:auto}@media(min-width:800px){.pg{grid-template-columns:1.1fr 1fr}}
.gm{aspect-ratio:1;border-radius:16px;overflow:hidden;display:grid;place-items:center;color:var(--m);cursor:zoom-in;background:linear-gradient(150deg,var(--pe),#d9c7b0 160%)}.gm .i{width:40%;height:40%;stroke-width:.9;opacity:.5;transition:transform .3s}.gm.z{cursor:zoom-out}.gm.z .i{transform:scale(2.2)}
.th{display:flex;gap:8px;margin-top:8px}.th button{flex:1;aspect-ratio:1;border-radius:10px;border:2px solid transparent;background:linear-gradient(150deg,var(--pe),#d9c7b0 160%);color:var(--m)}.th button.on{border-color:var(--m)}.th .i{width:40%;height:40%;opacity:.5}
.sp{width:100%;border-collapse:collapse;font-size:14px}.sp td{padding:7px 0;border-bottom:1px solid var(--ln)}.sp td:first-child{color:var(--mu);width:38%}
.bk{display:inline-block;margin:10px 14px 0;color:var(--m);font-size:14px}.pp{font-size:26px;color:var(--m);font-weight:600}
.btn.on .i{fill:var(--m)}button.im{border:0;width:100%;padding:0}.wl{max-width:1172px;margin:12px 14px 0;background:var(--cd);border:1px solid var(--ln);border-inline-start:4px solid var(--m);border-radius:14px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;animation:fd .5s}@media(min-width:1200px){.wl{margin-inline:auto}}.wl b{font:700 18px Amiri,serif;color:var(--m);display:block;line-height:1.3}.wl span{font-size:12.5px;color:var(--mu)}.wl button{flex:none;background:none;border:1px solid var(--m);color:var(--m);border-radius:18px;padding:4px 14px;font-size:13px;font-weight:600}.sv{position:fixed;inset:0;z-index:40;background:color-mix(in srgb,var(--pe) 55%,var(--bg));overflow:auto;display:none;padding-top:env(safe-area-inset-top,0px)}.sv.on{display:block;animation:pop .3s cubic-bezier(.2,.9,.3,1.1)}.svh{position:sticky;top:0;z-index:2;background:var(--bg);display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--ln)}.svh b{flex:1;text-align:center;font:700 20px Amiri,serif;color:var(--m)}.svb{position:relative;overflow:hidden;background:linear-gradient(140deg,var(--m),color-mix(in srgb,var(--m) 62%,#000));color:#fff;padding:24px 18px 28px;border-radius:0 0 26px 26px}.svb h1{margin:0;font:700 34px Amiri,serif}.svb p{margin:2px 0 10px;opacity:.9}.svb .cnt{background:#fff3;border-radius:14px;padding:2px 12px;font-size:12px}.svi{position:absolute;left:-10px;bottom:-14px;opacity:.16}.svi .i{width:150px;height:150px;stroke-width:.8}.svc{max-width:1200px;margin:auto;padding:14px 14px 40px}.sv .im,.sv .tn,.sv .gm{background:linear-gradient(150deg,var(--pe),color-mix(in srgb,var(--m) 22%,var(--pe)))}.nm{background:none;border:0;padding:0;text-align:start;display:block}.tn{width:48px;height:48px;border-radius:10px;flex:none;display:grid;place-items:center;background:linear-gradient(150deg,var(--pe),#d9c7b0 160%);color:var(--m)}.tn .i{width:55%;height:55%;opacity:.5;stroke-width:1.2}.nm2{display:flex;gap:10px;align-items:center;flex:1;min-width:0}.cl{position:sticky;top:0;float:left;z-index:2;background:var(--cd);border:1px solid var(--ln);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;margin:0 0 6px 0}.md.wd{max-width:780px;max-height:92vh;animation:pop .34s cubic-bezier(.2,.9,.3,1.15)}@keyframes pop{from{transform:translateY(46px) scale(.95);opacity:0}}.ov{backdrop-filter:blur(3px)}.ov.on{animation:fd .2s}@keyframes fd{from{opacity:0}}body.lk{overflow:hidden}.gr.tr{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:-14px;padding:4px 14px 16px;scroll-padding-inline:14px;scrollbar-width:none;overscroll-behavior-x:contain}.gr.tr::-webkit-scrollbar{display:none}.gr.tr .cd{flex:0 0 46%;scroll-snap-align:start}@media(min-width:700px){.gr.tr .cd{flex-basis:31%;margin-inline:0}.gr.tr{gap:16px}}@media(min-width:1000px){.gr.tr .cd{flex-basis:23.5%}}.sa{display:flex;align-items:center;gap:10px}.arw{display:none;gap:6px}@media(hover:hover){.arw{display:inline-flex}}.arw button{border:1px solid var(--ln)!important;border-radius:50%;width:30px;height:30px;padding:0!important;display:grid;place-items:center;background:var(--cd)!important;color:var(--m)!important;font-size:15px}.ds{z-index:2}.rv{opacity:0}.rv.in{opacity:1;animation:rise .65s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:var(--d,0s)}@keyframes rise{from{opacity:0;transform:translateY(24px) scale(.97)}}.hd{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.hd.hide{transform:translateY(-110%)}.im .art{position:absolute;inset:0;width:100%;height:100%;transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1)}.im .a2{opacity:0}@media(hover:hover){.cd:hover .im .a2{opacity:1}.cd:hover .im .a1{opacity:0}.cd:hover .im .art{transform:scale(1.08)}}.sw{display:flex;gap:6px;margin:2px 0}.sd{width:16px;height:16px;border-radius:50%;border:2px solid var(--cd);box-shadow:0 0 0 1px var(--ln);padding:0;transition:transform .2s}.sd.on{box-shadow:0 0 0 2px var(--m)}.sd:active{transform:scale(.85)}.tn{overflow:hidden}.tn .art,.th .art,.mi .art{width:100%;height:100%;display:block}.th button{overflow:hidden;padding:0}.hs{position:relative;margin:12px 14px 0;max-width:1172px}@media(min-width:1200px){.hs{margin-inline:auto}}.hr{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:16px;scrollbar-width:none}.hr::-webkit-scrollbar{display:none}.hsl{flex:0 0 100%;scroll-snap-align:center;border:0;font:inherit;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;min-height:116px;text-align:start;background:linear-gradient(110deg,var(--m),color-mix(in srgb,var(--m) 60%,#000));position:relative;overflow:hidden}.hsl b{display:block;font:700 22px/1.25 Amiri,serif}.hsl span{font-size:12.5px;opacity:.88;display:block;margin:2px 0 8px}.hsl i{font-style:normal;font-size:12px;border:1px solid #fff8;border-radius:14px;padding:2px 12px}.hsl:after,.bn:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,#ffffff2e 50%,transparent 65%);transform:translateX(120%);animation:shn 5s infinite;pointer-events:none}@keyframes shn{60%,100%{transform:translateX(-120%)}}.hart{width:104px;height:104px;flex:none;animation:bob 3.4s ease-in-out infinite}.hart svg,.bart svg{width:100%;height:100%;filter:drop-shadow(0 8px 10px #0004)}@keyframes bob{50%{transform:translateY(-7px) rotate(-3deg)}}.hdots{position:absolute;bottom:7px;inset-inline:0;display:flex;gap:5px;justify-content:center;pointer-events:none}.hdots i{width:6px;height:6px;border-radius:3px;background:#fff6;transition:.3s}.hdots i.on{width:18px;background:#fff}.bn{position:relative;overflow:hidden}.bart{width:64px;height:64px;margin:-6px 0;flex:none;animation:bob 3.8s ease-in-out infinite}.fly{position:fixed;z-index:70;width:32px;height:32px;border-radius:50%;background:var(--m);color:#fff;display:grid;place-items:center;pointer-events:none}.fly .i{width:16px;height:16px}.ib.pop{animation:pp .45s}@keyframes pp{40%{transform:scale(1.3)}}.fv.on .i{animation:hp .4s}@keyframes hp{40%{transform:scale(1.4)}}.gm{position:relative}.gs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;width:100%;height:100%;scrollbar-width:none}.gs::-webkit-scrollbar{display:none}.sl{flex:0 0 100%;scroll-snap-align:center}.sl svg{width:100%;height:100%;display:block;transition:transform .4s cubic-bezier(.2,.8,.2,1);transform-origin:var(--ox,50%) var(--oy,50%)}.gm.z .gs{overflow:hidden}.gm.z .sl svg{transform:scale(2.4)}.sw.big{margin-top:10px}.sw.big .sd{width:24px;height:24px}.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);background:var(--tx);color:var(--bg);padding:8px 18px;border-radius:20px;font-size:13px;z-index:60;opacity:0;pointer-events:none;transition:opacity .25s}.toast.on{opacity:1}
:focus-visible{outline:2px solid var(--m);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.top{position:relative;padding-inline:60px}.lb{position:absolute;inset-inline-start:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:5px;background:#ffffff22;border:1px solid #ffffff55;border-radius:12px;padding:2px 8px;color:#fff;font-size:10px}.fg{width:22px;height:15px;border-radius:2px;box-shadow:0 0 0 1px #0003;display:block;flex:none}.lo{display:flex;align-items:center;gap:12px;width:100%;background:var(--cd);border:1px solid var(--ln);border-radius:12px;padding:10px 14px;margin-bottom:8px;font:inherit;color:var(--tx)}.lo.on{border-color:var(--m);box-shadow:0 0 0 1px var(--m)}.rc{padding:12px;font-size:13px}.rc p{margin:4px 0 0}
img.art{object-fit:cover}.sl img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s cubic-bezier(.2,.8,.2,1);transform-origin:var(--ox,50%) var(--oy,50%)}.gm.z .sl img{transform:scale(2.4)}.tn img,.th img{width:100%;height:100%;object-fit:cover;display:block}.th{overflow-x:auto}.th button{min-width:52px}
.adm{max-width:900px;margin:auto;padding:14px}.ah{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.ar2{display:flex;align-items:center;gap:8px;background:var(--cd);border:1px solid var(--ln);border-radius:10px;padding:5px 10px;margin-bottom:6px;min-height:52px}.ar2 .tn{width:40px;height:40px}.ar2 b{font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg{font-size:11px;background:var(--pe);border-radius:10px;padding:1px 8px;white-space:nowrap}@media(max-width:560px){.ar2 .tg:nth-of-type(n+2){display:none}}.ia{display:flex;gap:2px}.ia button{background:none;border:0;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--mu)}.ia button:hover{background:var(--pe);color:var(--m)}.ia .dl:hover{color:#b3261e}.ar2.hid{opacity:.5}.btn.dng{background:#b3261e}.am{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;margin:8px 0}.ai{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid var(--ln)}.ai img{width:100%;height:100%;object-fit:cover;cursor:pointer}.ai button{position:absolute;top:3px;inset-inline-end:3px;background:#000a;color:#fff;border:0;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;padding:0}.ai button .i{width:12px;height:12px}.ai em{position:absolute;bottom:0;inset-inline:0;background:var(--m);color:#fff;font:600 10px sans-serif;text-align:center}.fg2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.md select,.adm select{width:100%;font:inherit;padding:9px 11px;border:1px solid var(--ln);border-radius:10px;background:var(--cd);color:var(--tx)}

/* ===== إضافات للمتجر الفعلي (لا تغيّر مظهر التصميم المعتمد) ===== */
.cd.so{opacity:.68}.sold{flex:1;text-align:center;color:var(--mu);font-size:13px;padding:7px 4px;border:1px dashed var(--ln);border-radius:9px}
.cd.sel{outline:2px solid var(--m);outline-offset:-2px}
.gb{position:sticky;bottom:0;z-index:3;background:var(--bg);border-top:1px solid var(--ln);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;margin:0 -14px}
.gb b{color:var(--m);font-size:18px}.gb .btn{flex:none}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.bn button,.bn .btn{white-space:nowrap}
.lf .row{margin-top:10px}.msgx{font-size:13px;margin:8px 0 0}.msgx.er{color:#b3261e}.msgx.ok{color:#2e7d4f}
.pol{white-space:pre-line;line-height:1.9;font-size:14px}
.ar-list a,.ar-list button{display:block;width:100%;text-align:start;background:none;border:0;border-bottom:1px solid var(--ln);padding:10px 0;color:var(--tx)}
.tkn{opacity:.8}
.gnote{font-size:12.5px;color:var(--mu);margin:6px 0 12px;line-height:1.7}

.logo .lgi{height:42px;max-width:170px;object-fit:contain;display:block}footer .logo .lgi{height:46px}