:root{--bg:#faf7f0;--card:#fff;--ink:#1c1a16;--mut:#6b655a;--line:#ece4d2;--gold:#b8892b;--gold2:#e2c071;--dark:#14120e;--sh:0 1px 2px rgba(40,30,10,.06),0 6px 20px rgba(40,30,10,.07);--up:#15803d;--dn:#b91c1c}
@media(prefers-color-scheme:dark){:root{--bg:#0f0e0b;--card:#1a1814;--ink:#f3eee3;--mut:#a39b8b;--line:#2c2820;--sh:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);--up:#4ade80;--dn:#f87171}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:"IBM Plex Sans Arabic",Tahoma,system-ui,sans-serif;font-size:16px;line-height:1.75;color:var(--ink);background:var(--bg)}
a{color:var(--gold)}.top{position:sticky;top:0;z-index:10;background:var(--dark);box-shadow:0 2px 12px rgba(0,0,0,.25)}
.bar{position:relative;max-width:960px;margin:auto;display:flex;align-items:center;gap:10px;padding:12px 16px}.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem}
.mark{width:36px;height:36px;display:block}.logo>span{color:var(--gold2)}
.logo small{display:block;font-weight:400;font-size:.72rem;color:#c9bfa8;line-height:1.2}
.mb:before{content:"☰";font-size:1.3rem}.mb[aria-expanded=true]:before{content:"✕"}.mb[aria-expanded=true]{border-color:var(--gold);color:var(--gold2)}.mb{display:none;margin-inline-start:auto;background:none;border:1px solid #3a342a;color:#f3e7c4;border-radius:10px;width:44px;height:44px;font-size:0;cursor:pointer}
#nav{display:flex;align-items:center;gap:6px;margin-inline-start:auto}#nav ul{list-style:none;margin:0;padding:0}#nav a{display:block;color:#e9e1cf;text-decoration:none;padding:9px 14px;border-radius:10px;font-size:.95rem}
#nav a:hover,#nav a:focus-visible{background:#2a251c;color:var(--gold2)}#nav a.on{color:var(--gold2);background:#2a251c;box-shadow:inset 0 -2px 0 var(--gold)}
.dd{position:relative}.dd>button{font:inherit;font-size:.95rem;color:#e9e1cf;background:none;border:0;padding:9px 14px;border-radius:10px;cursor:pointer}.dd>button:after{content:"▾";margin-inline-start:6px;font-size:.75em;color:var(--gold)}
.dd>button:hover,.dd>button[aria-expanded=true],.dd.on>button{background:#2a251c;color:var(--gold2)}.dd h3{display:none}
.dd ul{display:none;position:absolute;inset-inline-start:0;top:calc(100% + 6px);min-width:200px;background:#1d1a14;border:1px solid #3a342a;border-radius:14px;padding:6px!important;box-shadow:0 14px 34px rgba(0,0,0,.45)}.dd ul.open{display:block}
:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
@media(max-width:719px){.mb{display:grid;place-items:center}#nav{display:none;position:absolute;inset-inline:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#17140f;border-top:1px solid #2e2a22;padding:8px 16px 18px;box-shadow:0 18px 30px rgba(0,0,0,.45);max-height:calc(100vh - 64px);overflow:auto}
#nav.open{display:flex}.dd>button{display:none}.dd h3{display:block;color:var(--gold);font-size:.8rem;font-weight:600;margin:14px 4px 4px;letter-spacing:.02em}.dd ul{display:grid!important;grid-template-columns:1fr 1fr;gap:4px;position:static;background:none;border:0;box-shadow:none;padding:0!important;min-width:0}
#nav>a{border-bottom:1px solid #2a251c;border-radius:0;padding:12px 4px}#nav .dd a{background:#201c15;padding:11px 12px}#nav .dd a.on{background:#2a251c}}

main{max-width:960px;margin:auto;padding:20px 16px 8px}h1{font-size:1.6rem;line-height:1.35;margin:4px 0 6px}h2{font-size:1.25rem;margin:32px 0 12px}h3{font-size:1.02rem;margin:0 0 4px}
.upd{display:inline-flex;align-items:center;gap:6px;color:var(--mut);font-size:.88rem;margin:0 0 16px}.upd:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px color-mix(in srgb,var(--up) 25%,transparent)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:720px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--sh);text-decoration:none;color:inherit;display:block}
.card .k{display:flex;justify-content:space-between;align-items:center;color:var(--mut);font-size:.85rem}.card .k b{color:var(--gold);font-size:.95rem}
.price{font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin:6px 0 0;font-variant-numeric:tabular-nums;direction:ltr;text-align:right}.cur{font-size:.8rem;color:var(--mut)}
.chg{font-size:.8rem;font-weight:600;direction:ltr;display:inline-block}.chg.u{color:var(--up)}.chg.d{color:var(--dn)}
.hero{background:linear-gradient(135deg,#1b1812,#2a2216);color:#fff;border-radius:20px;padding:22px;box-shadow:var(--sh);margin-bottom:12px}.hero .cur,.hero .k{color:#cfc4ab}.hero .price{font-size:2.6rem;color:var(--gold2)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.note{font-size:.86rem;color:var(--mut);background:var(--card);border:1px dashed var(--line);border-inline-start:3px solid var(--gold);padding:10px 12px;border-radius:10px;margin:16px 0}
.stale{background:#fdecec;color:#8f1d1d;border:1px solid #f5c2c2;padding:14px;border-radius:12px;font-weight:600;margin-bottom:12px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--sh)}label{display:block;font-size:.9rem;color:var(--mut);margin-top:10px}
input,select{font:inherit;font-size:1.05rem;width:100%;margin-top:6px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink)}input:focus,select:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.out{margin-top:16px;padding:16px;border-radius:14px;background:linear-gradient(135deg,#1b1812,#2a2216);color:var(--gold2);font-size:1.35rem;font-weight:700;text-align:center;min-height:68px}
.faq h3{margin-top:14px}.faq p{margin:0;color:var(--mut)}footer{margin-top:40px;background:var(--dark);color:#bdb39d;font-size:.88rem}
.fin{max-width:960px;margin:auto;padding:28px 16px;display:grid;gap:14px}footer a{color:#e9e1cf;text-decoration:none;margin-inline-end:14px}footer .fine{color:#8a826f;font-size:.8rem}
.sec{display:flex;align-items:center;gap:10px;font-size:1.15rem;margin:28px 0 12px}.sec:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line))}
.hero.home{text-align:center;padding:26px 18px 18px;margin-top:4px}.hero.home h1{font-size:1.35rem;color:#fff;margin:0 0 14px}.hero.home .k{justify-content:center;gap:10px}.hero.home .price{text-align:center;font-size:3rem;margin:4px 0}.hero.home .upd{margin:12px 0 0;color:#cfc4ab}
.tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(min-width:720px){.tools{grid-template-columns:repeat(4,1fr)}}
.tool{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--sh);text-decoration:none;color:var(--ink);transition:transform .15s}.tool:hover{transform:translateY(-2px);border-color:var(--gold)}
.tool svg{width:40px;height:40px;padding:8px;border-radius:12px;background:color-mix(in srgb,var(--gold) 14%,transparent);stroke:var(--gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool b{display:block;font-size:.98rem}.tool small{color:var(--mut);font-size:.8rem}
.row2 .price{font-size:clamp(1.15rem,5.4vw,1.75rem)}.hero.home .upd{display:flex;justify-content:center;flex-wrap:wrap}.faq{border-top:1px solid var(--line);margin-top:32px}.card:hover{border-color:var(--gold)}.ad{display:none;min-height:280px;margin:20px 0;border-top:1px solid var(--line);padding-top:4px}.ad:before{content:"إعلان";display:block;font-size:.72rem;color:var(--mut)}/* ad slots reserved; set display:block when ad code is added */