:root{--surface:#f6f7f9;--surface-raised:#fff;--surface-sunken:#e9ecf1;--ink:#141a24;--ink-muted:#5a6472;--hairline:#d7dce3;--brand:#d6336c;--on-brand:#fff;--brand-tint:#fbe4ec;--ready:#15804b;--on-ready:#fff;--ready-tint:#def4e7;--preparing:#2458c7;--on-preparing:#fff;--preparing-tint:#e3ebfb;--danger:#a61e1e;--on-danger:#fff;--focus:#2458c7;--font-sans:"IBM Plex Sans Arabic", "Noto Kufi Arabic", system-ui, sans-serif;--fs-number-hall:176px;--lh-number:1;--fs-number-phone:96px;--fs-number-card:40px;--lh-number-card:1.1;--fs-display:40px;--lh-display:1.3;--fs-h1:28px;--lh-h1:1.3;--fs-h2:20px;--lh-h2:1.35;--fs-body:16px;--lh-body:1.6;--fs-button:17px;--lh-button:1.4;--fs-caption:13px;--lh-caption:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:999px;--border-hairline:1px;--border-focus:3px;--border-ring:6px;--button-h-phone:48px;--button-h-kitchen:64px;--pulse-scale:1.04;--hall-slide:.3s}[data-theme=dark]{--surface:#0f1419;--surface-raised:#1a2129;--surface-sunken:#0a0e12;--ink:#f2f4f7;--ink-muted:#9aa4b1;--hairline:#2a333e;--brand:#ff5c8a;--on-brand:#1a0a10;--brand-tint:#3a1a26;--ready:#3ecf8e;--on-ready:#06201a;--ready-tint:#123526;--preparing:#6ea8ff;--on-preparing:#06142e;--preparing-tint:#15243f;--danger:#ff8a80;--on-danger:#2b0806;--focus:#6ea8ff}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);letter-spacing:normal;-webkit-text-size-adjust:100%;direction:rtl}body{font-family:var(--font-sans);background:var(--surface);color:var(--ink);font-size:var(--fs-body);line-height:var(--lh-body);margin:0}h1,h2,h3,p{margin:0}h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:700}h2{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:600}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:normal}button{cursor:pointer}:focus-visible{outline:var(--border-focus) solid var(--focus);outline-offset:2px}[x-cloak]{display:none!important}.ltr{direction:ltr;unicode-bidi:isolate}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-weight:700}.muted{color:var(--ink-muted)}.caption{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--ink-muted)}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.card{background:var(--surface-raised);border:var(--border-hairline) solid var(--hairline);border-radius:var(--radius-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-h-phone);padding:0 var(--space-6);border-radius:var(--radius-md);border:var(--border-hairline) solid var(--hairline);background:var(--surface-raised);font-size:var(--fs-button);line-height:var(--lh-button);color:var(--ink);font-weight:600;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.btn-ink{background:var(--ink);color:var(--surface-raised);border-color:var(--ink)}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-ready{background:var(--ready);color:var(--on-ready);border-color:var(--ready);min-height:var(--button-h-kitchen);font-size:22px;font-weight:700}.btn-sm{min-height:40px;padding:0 var(--space-4);font-size:15px}.btn-block{width:100%}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;font-size:15px;font-weight:600;line-height:1.5;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.badge-preparing{background:var(--preparing);color:var(--on-preparing)}.badge-ready{background:var(--ready);color:var(--on-ready)}.badge-cancelled{background:var(--danger);color:var(--on-danger)}.badge-collected,.badge-overdue{background:var(--preparing-tint);color:var(--ink)}.badge-preparing:before,.badge-ready:before,.badge-cancelled:before{background:currentColor}.order-ring{aspect-ratio:1;border-radius:var(--radius-full);border:var(--border-ring) solid var(--preparing);background:var(--surface-raised);place-items:center;width:220px;margin-inline:auto;display:grid}.order-ring[data-status=ready]{border-color:var(--ready);background:var(--ready-tint)}.order-ring .num{font-size:var(--fs-number-phone);line-height:var(--lh-number)}.field{width:100%;min-height:var(--button-h-phone);padding:0 var(--space-4);background:var(--surface-raised);border:var(--border-hairline) solid var(--hairline);border-radius:var(--radius-md)}textarea.field{padding:var(--space-3) var(--space-4);resize:vertical;min-height:100px}.conn{align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:15px;display:inline-flex}.conn:before{content:"";background:var(--ready);border-radius:50%;width:8px;height:8px}.conn[data-online=false]:before{background:var(--danger)}.icon{flex:none;width:1.25em;height:1.25em}.ranna-mark{border:5px solid var(--brand);border-radius:50%;flex:none;width:44px;height:44px}.tenant-logo{border-radius:var(--radius-md);background:var(--brand);width:40px;height:40px;color:var(--on-brand);flex:none;place-items:center;font-size:18px;font-weight:700;display:grid;overflow:hidden}.tenant-logo img{object-fit:contain;width:100%;height:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.customer{min-height:100dvh}.customer-page{max-width:480px;min-height:100dvh;padding:var(--space-6) var(--space-4) var(--space-6);gap:var(--space-6);flex-direction:column;margin-inline:auto;display:flex}.customer-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.customer-brand{align-items:center;gap:var(--space-3);font-size:18px;display:flex}.order-card{align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;display:flex}.estimate{font-weight:600}.notice{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--preparing-tint);color:var(--ink);border-radius:var(--radius-md);text-align:start;line-height:var(--lh-body);border:0;display:flex}.notice[data-on=false]{outline:2px dashed var(--preparing);outline-offset:-2px;font-weight:600}.notice-icon{width:24px;height:24px;margin-top:2px}.loyalty{gap:var(--space-2);flex-direction:column;display:flex}.loyalty-row{gap:var(--space-2);display:flex}.loyalty-row .field{flex:1}.saved-note{color:var(--ready);font-weight:600}.form-error{color:var(--danger);font-size:14px;font-weight:600}.powered{text-align:center;margin-top:auto}.ready-screen{padding:var(--space-8) var(--space-6) var(--space-6);background:var(--ready);color:var(--on-ready);text-align:center;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}.ready-place{font-weight:600}.ready-body{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;flex:1;display:flex}.ready-number{font-size:clamp(120px,42vw,180px);line-height:var(--lh-number)}.ready-title{font-size:var(--fs-display);line-height:var(--lh-display)}.ready-silence{color:inherit;opacity:.85;margin-top:var(--space-4)}.ready-footer{gap:var(--space-4);flex-direction:column;width:100%;max-width:432px;display:flex}.ready-footer .caption{color:inherit;opacity:.85}.ready-collect{background:var(--surface-raised);color:var(--ready);border-color:#0000;min-height:56px}.is-pulsing{animation:1s ease-in-out infinite ranna-pulse}@keyframes ranna-pulse{0%,to{transform:scale(1)}50%{transform:scale(var(--pulse-scale))}}.collected-banner{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:var(--ready-tint);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.collected-icon{width:44px;height:44px;color:var(--ready)}.rating-card{padding:var(--space-6) var(--space-4)}.rating-card form{gap:var(--space-4);flex-direction:column;display:flex}.rating-card h2{text-align:center}.stars{justify-content:center;gap:var(--space-2);display:flex}.star{background:var(--surface-raised);width:54px;height:54px;color:var(--ink-muted);border:var(--border-hairline) solid var(--hairline);border-radius:var(--radius-md);place-items:center;display:grid}.star .icon{width:28px;height:28px}.star.is-on{color:var(--brand)}.star.is-on .icon{fill:currentColor}.rating-thanks{text-align:center;padding:var(--space-4) 0;font-weight:600}.state-card{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;display:flex}.menu-link{align-self:center}.menu-tabs{z-index:2;gap:var(--space-2);padding:var(--space-2) 0;background:var(--surface);scrollbar-width:none;display:flex;position:sticky;top:0;overflow-x:auto}.chip{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-full);border:var(--border-hairline) solid var(--hairline);background:var(--surface-raised);color:var(--ink);flex:none;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.menu-section{gap:var(--space-3);flex-direction:column;scroll-margin-top:64px;display:flex}.menu-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.menu-item{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);align-items:flex-start;display:flex}.menu-item.is-unavailable{opacity:.55}.menu-item-text{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.menu-price{color:var(--ink);font-weight:700}.menu-image{object-fit:cover;border-radius:var(--radius-md);flex:none;width:84px;height:84px}