:root{--saffron-50:#fef4e7;--saffron-100:#fce3c2;--saffron-300:#f6a847;--saffron-500:#ec6f0a;--saffron-600:#c85907;--saffron-700:#9c4708;--teal-50:#e3f0ef;--teal-100:#bcdad8;--teal-500:#0e5c58;--teal-600:#0a4844;--teal-700:#073330;--hibiscus:#d63b28;--sand-50:#fbf7f1;--sand-100:#f4ecdf;--sand-200:#e7dac6;--sand-300:#d2c0a4;--sand-400:#a2917a;--sand-500:#6f6354;--sand-700:#332c23;--sand-900:#211b14;--success:#2e9e5b;--warning:#f2a60c;--bg:#fff;--sunken:#f7f2ea;--fg-1:var(--sand-900);--fg-2:var(--sand-500);--fg-3:var(--sand-400);--border:#332c231f;--f-ar:"Cairo",system-ui,sans-serif;--f-ar-body:"Tajawal",system-ui,sans-serif;--f-head:"Sora",sans-serif;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-pill:9999px;--shadow-pop:0 6px 20px #332c231a,0 1px 3px #332c230f;--ease:cubic-bezier(.2,.7,.3,1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--f-ar);background:var(--sand-100);color:var(--fg-1);-webkit-font-smoothing:antialiased}::selection{background:var(--saffron-300)}a{color:inherit;text-decoration:none}button{font-family:var(--f-ar)}.shell{background:var(--bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 60px #332c231a}.shell__scroll{flex:1;overflow-y:auto}.shell--pad{padding-bottom:96px}.brand-lk{align-items:center;gap:10px;display:inline-flex}.brand-lk__mark{flex:none;width:38px;height:38px}.brand-lk__words{flex-direction:column;line-height:1;display:flex}.brand-lk__en{font-family:var(--f-head);letter-spacing:-.02em;direction:ltr;font-size:20px;font-weight:800}.brand-lk__en b{font-weight:800}.brand-lk__en i{color:var(--saffron-500);font-style:normal;font-weight:800}.brand-lk__ar{font-family:var(--f-ar);color:var(--sand-500);margin-top:4px;font-size:12px;font-weight:700}.brand-lk--white .brand-lk__en b,.brand-lk--white .brand-lk__en i,.brand-lk--white .brand-lk__ar{color:#fff}.card{border:1px solid var(--border);border-radius:var(--r-lg);background:#fff;padding:16px}.muted{color:var(--fg-2);font-family:var(--f-ar-body)}.center-msg{text-align:center;color:var(--fg-2);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 24px;display:flex}.btn{border-radius:var(--r-md);width:100%;min-height:50px;font-family:var(--f-ar);cursor:pointer;transition:filter .2s var(--ease),background .2s;border:none;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:800;display:inline-flex}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--saffron-500);color:#fff}.btn--primary:not(:disabled):hover{filter:brightness(1.07)}.btn--teal{background:var(--teal-500);color:#fff}.btn--teal:not(:disabled):hover{filter:brightness(1.1)}.btn--ghost{background:var(--sand-50);color:var(--fg-1);border:1px solid var(--border)}.btn--ghost:not(:disabled):hover{background:var(--sand-100)}.btn--success{background:var(--success);color:#fff}.btn--danger{background:var(--hibiscus);color:#fff}.btn--sm{width:auto;min-height:40px;padding:0 16px;font-size:14px}.field{border:1px solid var(--border);border-radius:var(--r-md);background:var(--sand-50);width:100%;min-height:52px;font-family:var(--f-ar-body);color:var(--fg-1);text-align:center;letter-spacing:.04em;padding:0 16px;font-size:17px;display:block}.field:focus{border-color:var(--saffron-300);background:#fff;outline:none}.field--phone{text-align:center;direction:ltr}.lbl{color:var(--fg-2);margin-bottom:8px;font-size:13.5px;font-weight:700;display:block}.pill{font-family:var(--f-ar);border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.pill--pending{background:var(--sand-100);color:var(--sand-700)}.pill--preparing{background:var(--saffron-50);color:var(--saffron-700)}.pill--ontheway{background:var(--teal-50);color:var(--teal-600)}.pill--delivered{color:var(--success);background:#e6f4ec}.pill--cancelled{color:var(--hibiscus);background:#fdecec}.ptag{font-family:var(--f-ar);border-radius:var(--r-pill);align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.ptag--cod{background:var(--saffron-50);color:var(--saffron-700)}.ptag--paid{color:var(--success);background:#e6f4ec}.fbadge{font-family:var(--f-ar);border-radius:var(--r-pill);vertical-align:middle;margin-inline-start:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.fbadge.src{background:var(--teal-50);color:var(--teal-600)}.fbadge.out{color:var(--hibiscus);background:#fdecec}.login{flex-direction:column;min-height:100vh;display:flex}.login__head{background:var(--saffron-500);padding:38px 24px 30px}.login__body{background:var(--sand-100);flex:1;padding:24px 20px}.login__card{flex-direction:column;display:flex}.login__title{margin:0 0 4px;font-size:21px;font-weight:800}.login__hint{margin:0 0 20px;font-size:14px}.login__btn{margin-top:18px}.login__otp{letter-spacing:.5em;text-align:center;direction:ltr;padding-inline-start:.5em;font-size:26px;font-weight:800}.login__err{color:var(--hibiscus);text-align:center;margin:12px 0 0;font-size:13.5px;font-weight:700}.login__back{color:var(--saffron-600);cursor:pointer;background:0 0;border:none;align-self:center;margin-top:14px;font-size:14px;font-weight:700}.orders__head{background:linear-gradient(135deg,var(--teal-500),var(--teal-600));color:#fff;border-radius:0 0 var(--r-lg) var(--r-lg);padding:22px 20px 20px}.orders__head-row{justify-content:space-between;align-items:flex-start;display:flex}.orders__hello{font-family:var(--f-ar-body);opacity:.85;font-size:13px}.orders__name{margin-top:2px;font-size:22px;font-weight:800}.orders__logout{color:#fff;font-family:var(--f-ar);border-radius:var(--r-pill);cursor:pointer;background:#ffffff29;border:none;padding:8px 14px;font-size:13px;font-weight:700}.orders__logout:hover{background:#ffffff42}.orders__stats{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.orders__rating{border-radius:var(--r-pill);background:#ffffff2e;padding:6px 12px;font-size:13.5px;font-weight:800}.orders__stat{border-radius:var(--r-pill);background:#ffffff1a;padding:6px 12px;font-size:13px;font-weight:600}.orders__stat b{font-weight:800}.orders__body{padding:18px 16px}.orders__bar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.orders__h2{margin:0;font-size:18px;font-weight:800}.orders__list{flex-direction:column;gap:12px;display:flex}.ocard{text-align:start;border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;width:100%;transition:transform .15s var(--ease),border-color .15s,box-shadow .15s;background:#fff;padding:14px 16px;display:block}.ocard:hover{border-color:var(--saffron-300);box-shadow:var(--shadow-pop);transform:translateY(-2px)}.ocard__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ocard__ref{color:var(--saffron-600);font-size:15px;font-weight:800}.ocard__store{margin-top:8px;font-size:15px;font-weight:700}.ocard__addr{font-family:var(--f-ar-body);color:var(--fg-2);margin-top:3px;font-size:13px;line-height:1.5}.ocard__foot{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.ocard__total{font-size:16px;font-weight:800}.od{background:var(--sand-100)}.od__head{border-bottom:1px solid var(--border);z-index:10;background:#fff;padding:14px 16px 16px;position:sticky;top:0}.od__back{color:var(--saffron-600);font-family:var(--f-ar);cursor:pointer;background:0 0;border:none;padding:0;font-size:15px;font-weight:800}.od__head-row{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.od__ref{font-size:19px;font-weight:800}.od__err{color:var(--hibiscus);text-align:center;margin:14px 16px 0;font-size:13.5px;font-weight:700}.od__sec{margin:14px 16px 0}.od__sec-h{color:var(--fg-2);margin:0 0 12px;font-size:14px;font-weight:800}.od__small{margin-top:4px;font-size:12px}.od__store{font-size:16px;font-weight:700}.od__cust{font-size:17px;font-weight:800}.od__phone{color:var(--teal-600);margin-top:8px;font-size:15px;font-weight:700;display:inline-block}.od__addr{font-family:var(--f-ar-body);color:var(--fg-1);margin-top:10px;font-size:14px;line-height:1.6}.od__maps{margin-top:14px}.od__items{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.od__item{justify-content:space-between;align-items:flex-start;gap:10px;font-size:14.5px;display:flex}.od__item-name{font-weight:600;line-height:1.5}.od__item-total{white-space:nowrap;font-weight:800}.od__item--dead{opacity:.45;text-decoration:line-through}.od__item--dead .fbadge{text-decoration:none}.od__totals{border-top:1px dashed var(--border);flex-direction:column;gap:10px;margin-top:16px;padding-top:14px;display:flex}.od__total-row{justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.od__total-row b{font-size:18px}.od__pay{font-weight:700}.od__collect{background:var(--saffron-50);color:var(--saffron-700);border-radius:var(--r-md);text-align:center;margin-top:6px;padding:12px 14px;font-size:15px;font-weight:800}.stepper{margin:0;padding:0;list-style:none;position:relative}.step{padding:8px 0;align-items:center;gap:12px;padding-inline-start:6px;display:flex;position:relative}.step__dot{background:var(--sand-200);border:2px solid var(--sand-300);z-index:1;border-radius:50%;flex:none;width:14px;height:14px;position:relative}.step:not(:last-child):before{content:"";inset-inline-start:12px;background:var(--sand-200);width:2px;position:absolute;top:24px;bottom:-8px}.step__label{color:var(--fg-3);font-size:14px;font-weight:600}.step--done .step__dot{background:var(--success);border-color:var(--success)}.step--done:not(:last-child):before{background:var(--success)}.step--done .step__label{color:var(--fg-1)}.step--active .step__dot{background:var(--saffron-500);border-color:var(--saffron-300);box-shadow:0 0 0 4px var(--saffron-50)}.step--active .step__label{color:var(--saffron-700);font-weight:800}.od__action{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:14px 16px;padding-bottom:max(14px,env(safe-area-inset-bottom));background:#fffffff5;position:sticky;bottom:0}.od__done{text-align:center;color:var(--success);border-radius:var(--r-md);background:#e6f4ec;padding:14px;font-size:16px;font-weight:800}.od__cancelled{text-align:center;color:var(--hibiscus);border-radius:var(--r-md);background:#fdecec;padding:14px;font-size:16px;font-weight:800}