:root{--g:#00A651;--gd:#00843F;--o:#F7901E;--bg:#F6F8F7;--card:#fff;--tx:#1d2420;--mut:#5b6660;--ln:#dfe6e2}
@media (prefers-color-scheme:dark){:root{--bg:#111614;--card:#1a201d;--tx:#e8eeea;--mut:#a3aea8;--ln:#2c3530}}
*{box-sizing:border-box}
body{margin:0;font-family:Cairo,system-ui,sans-serif;background:var(--bg);color:var(--tx);line-height:1.8}
header{background:var(--card);border-bottom:3px solid var(--g)}
.wrap{max-width:820px;margin:0 auto;padding:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:56px;height:56px}
.brand h1{margin:0;font-size:1.4rem;color:var(--gd)}
@media (prefers-color-scheme:dark){.brand h1{color:var(--g)}}
nav a{color:var(--mut);text-decoration:none;margin-inline-end:16px;font-weight:600}
nav a:hover{color:var(--g)}
.card{background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:18px 20px;margin:16px 0}
h2{color:var(--g);margin:0 0 8px;font-size:1.15rem}
.ltr{direction:ltr;unicode-bidi:embed}
.btn{display:inline-block;background:var(--g);color:#fff;padding:8px 16px;border-radius:10px;text-decoration:none;font-weight:700;margin:4px 0 4px 8px}
.btn.alt{background:transparent;color:var(--g);border:1.5px solid var(--g)}
table{border-collapse:collapse;width:100%}
td{padding:4px 0;border-bottom:1px solid var(--ln)}
footer{color:var(--mut);font-size:.85rem;text-align:center;padding:24px 16px}
a{color:var(--g)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.item{background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:4px}
.item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#eef5f0}
.item .name{font-weight:600;font-size:.95rem}
.old{color:#D32F2F;text-decoration:line-through;font-size:.85rem}
.new{color:var(--g);font-weight:700}
.badge{background:var(--o);color:#fff;border-radius:8px;padding:0 6px;font-size:.8rem;font-weight:700;align-self:flex-start}
.item .btn{text-align:center;margin:6px 0 0}
.banner img{width:100%;border-radius:14px;display:block}
.banner{margin:12px 0;text-decoration:none;color:inherit;display:block}