@font-face{font-family:"Noto Kufi Arabic";src:url(/fonts/NotoKufiArabic.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/fonts/DMSans.woff2) format("woff2");font-weight:400 800;font-display:swap}
:root{--gold:#E8A825;--gold2:#F5C842;--maroon:#3D1A2E;--maroon2:#5C2D45;--brown:#2C1810;--cream:#F5F0E1;--red:#C0392B;--card:#fff;--txt:#2C1810;--muted:#7a6a5a;--radius:12px}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;background:var(--cream);color:var(--txt);font-family:"Noto Kufi Arabic","DM Sans",system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%}
body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
b,strong{font-weight:800}
.hdr{display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;background:linear-gradient(135deg,var(--maroon),var(--maroon2));color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.hdr-logo{width:52px;height:52px;border-radius:50%;background:#fff;object-fit:contain;flex:none}
.hdr-txt{flex:1;min-width:0}
.hdr h1{margin:0;font-size:1.15rem;color:var(--gold2)}
.hdr p{margin:0;font-size:.75rem;opacity:.85}
.hdr-call{width:42px;height:42px;border-radius:50%;background:var(--gold);color:var(--brown);display:grid;place-items:center;text-decoration:none;font-size:1.2rem;flex:none}
.table-banner{background:var(--gold);color:var(--brown);text-align:center;padding:8px;font-weight:700}
.cats{display:flex;gap:8px;overflow-x:auto;padding:10px 16px;scrollbar-width:none;position:sticky;top:72px;background:var(--cream);z-index:10}
.cats::-webkit-scrollbar{display:none}
.cats a{flex:none;padding:6px 14px;border-radius:999px;background:#fff;border:1.5px solid #e6dcc6;color:var(--txt);text-decoration:none;font-size:.85rem;font-weight:700;white-space:nowrap}
.cats a.on{background:var(--maroon);color:var(--gold2);border-color:var(--maroon)}
.menu{padding:0 16px 16px;max-width:640px;margin:0 auto}
.loading{text-align:center;color:var(--muted);padding:40px 0}
.cat{margin-top:18px;scroll-margin-top:130px}
.cat h2{font-size:1.05rem;margin:0 0 8px;color:var(--maroon)}
.item{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:var(--radius);padding:10px 12px;margin-bottom:8px;box-shadow:0 1px 4px rgba(44,24,16,.06)}
.item-img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:none}
.item-txt{flex:1;min-width:0}
.item-name{font-weight:700;display:block}
.item-desc{font-size:.75rem;color:var(--muted);display:block;margin-top:2px}
.item-price{font-family:"DM Sans",sans-serif;font-weight:700;color:var(--maroon);white-space:nowrap;font-size:.95rem}
.qty{display:flex;align-items:center;gap:0;flex:none}
.qty button{width:34px;height:34px;border:none;border-radius:10px;background:var(--gold);color:var(--brown);font-size:1.25rem;font-weight:800;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.qty button:disabled{opacity:.35}
.qty .n{width:30px;text-align:center;font-family:"DM Sans",sans-serif;font-weight:700;font-size:1.05rem}
.qty .n:empty{display:none}
.item.in{outline:2px solid var(--gold);outline-offset:-2px}
.ftr{text-align:center;color:var(--muted);font-size:.8rem;padding:20px 16px 8px}
.ftr p{margin:2px 0}
.cart-bar{position:fixed;bottom:0;left:0;right:0;background:var(--maroon);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));z-index:30;box-shadow:0 -4px 16px rgba(0,0,0,.25)}
.cart-info{font-size:.95rem}.cart-info b{font-family:"DM Sans",sans-serif;font-size:1.1rem;color:var(--gold2)}
.btn-gold{background:var(--gold);color:var(--brown);border:none;border-radius:var(--radius);padding:12px 20px;font:inherit;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 4px 14px rgba(232,168,37,.35);-webkit-tap-highlight-color:transparent}
.btn-gold.big{width:100%;padding:14px;font-size:1.05rem;margin-top:6px}
.btn-gold:disabled{opacity:.6}
.btn-maroon{display:inline-block;background:var(--maroon);color:var(--gold2);border-radius:var(--radius);padding:12px 22px;font-weight:800;text-decoration:none;font-size:1.05rem;margin:8px 0}
.sheet{position:fixed;inset:0;background:rgba(44,24,16,.55);z-index:40;display:flex;align-items:flex-end;justify-content:center}
.sheet-card{background:var(--cream);width:100%;max-width:640px;max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px))}
.sheet-card.center{text-align:center;padding-top:32px}
.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.sheet-head h2{margin:0;font-size:1.1rem;color:var(--maroon)}
.x{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--muted)}
.cart-list{background:#fff;border-radius:var(--radius);padding:4px 12px;margin-bottom:12px}
.cart-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f0e8d8;font-size:.9rem}
.cart-row:last-child{border-bottom:none}
.cart-row .nm{flex:1}.cart-row .pr{font-family:"DM Sans",sans-serif;font-weight:700;white-space:nowrap}
.cart-total{display:flex;justify-content:space-between;padding:10px 0 6px;font-weight:800;border-top:2px solid var(--gold)}
form label{display:block;margin-bottom:10px;font-weight:700;font-size:.9rem}
form input:not([type=radio]),form select,form textarea{display:block;width:100%;margin-top:4px;padding:11px 12px;border:1.5px solid #e6dcc6;border-radius:var(--radius);background:#fff;font:inherit;font-weight:400;color:var(--txt)}
form input:focus,form select:focus,form textarea:focus{outline:none;border-color:var(--gold)}
.hp{position:absolute;left:-9999px;opacity:0;height:0}
.type{display:flex;gap:8px;margin-bottom:12px}
.chip{flex:1;margin:0}
.chip input{position:absolute;opacity:0}
.chip span{display:block;text-align:center;padding:11px 8px;border-radius:var(--radius);border:1.5px solid #e6dcc6;background:#fff;font-weight:700}
.chip input:checked+span{background:var(--maroon);color:var(--gold2);border-color:var(--maroon)}
.hint{font-size:.8rem;color:var(--muted);margin:4px 0 10px}
.err{color:var(--red);font-size:.8rem;font-weight:700;margin:6px 0 0;display:block}
.big-emoji{font-size:3rem}
.code{font-size:1.1rem}.code b{font-family:"DM Sans",sans-serif;font-size:1.5rem;color:var(--maroon);letter-spacing:1px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.order-text{text-align:right;direction:rtl;white-space:pre-wrap;background:#fff;border-radius:var(--radius);padding:12px;font:inherit;font-size:.85rem}
.link{background:none;border:none;color:var(--muted);text-decoration:underline;font:inherit;margin-top:16px;cursor:pointer}