/* Arabic UI */
:root{--brand:#7B3F00;--bg:#fffaf4;--muted:#f1e6dd;--danger:#B3261E;}
*{box-sizing:border-box} body{margin:0;font-family:Tajawal,Segoe UI,Tahoma,Arial;background:var(--bg);color:#222}
a{color:var(--brand);text-decoration:none}
.top{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff1e6,#ffe6cc);padding:16px}
.top h1{margin:0;color:var(--brand)} .top nav a{margin-inline:8px;padding:6px 10px;border-radius:999px;background:#eee}
.wrap{max-width:1100px;margin:0 auto;padding:18px}
.tabs a{display:inline-block;margin:0 6px;padding:8px 12px;border-radius:999px;background:#eee}
.tabs a.active{background:var(--brand);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.card{background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:12px;margin-bottom:16px}
.card.narrow{max-width:560px;margin:16px auto}
.thumb{width:100%;height:180px;object-fit:cover;border-radius:12px}
.pill{display:inline-block;background:var(--muted);color:#62350a;padding:4px 10px;border-radius:999px;font-size:12px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.price{color:#0a7b37;font-weight:bold}
.btn{display:inline-block;background:var(--brand);color:#fff;border:0;padding:10px 14px;border-radius:10px;cursor:pointer}
.btn.outline{background:#fff;border:1px solid var(--brand);color:var(--brand)}
.btn.small{padding:6px 10px;font-size:14px}
.btn.danger{background:var(--danger);} .muted{color:#555}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid2 label{display:flex;flex-direction:column;gap:6px}
.grid2 input,.grid2 select,.grid2 textarea{padding:8px;border:1px solid #ddd;border-radius:10px}
.table .row{display:grid;grid-template-columns:70px 100px 1fr 120px 120px 90px 150px; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid #f0e9e1}
.table .row.head{font-weight:bold}
.table .thumb{width:90px;height:60px;object-fit:cover}
.error{color:#B3261E;margin-top:8px}
.cartbar{position:fixed;bottom:10px;right:10px;left:10px;display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 12px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.totals{display:flex;flex-direction:column;gap:6px}
@media (max-width:720px){.grid2{grid-template-columns:1fr}.table .row{grid-template-columns:50px 80px 1fr 90px 90px 70px 130px}}