:root{--ink:#2C2C2A;--coral:#D85A30;--coral-dark:#993C1D;--cream:#F6F4EE;--muted:#8a8680;--line:#e6e2d6;--ok:#3E7A3E;--bad:#B33A3A;--warn:#B7791F}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Tajawal,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6}.page{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:84px}.hdr{background:var(--ink);color:#fff;padding:16px 18px 18px;border-radius:0 0 22px 22px;display:flex;justify-content:space-between;align-items:center;gap:10px}.hdr h1{font-size:17px;font-weight:900}.hdr small{display:block;font-size:11.5px;color:#cfcdc6;font-weight:600}.hdr button{background:#ffffff24;color:#fff;border:none;border-radius:100px;padding:7px 12px;font-family:inherit;font-weight:800;font-size:12px;cursor:pointer}.wrap{padding:14px 16px}.nav{position:fixed;bottom:0;right:0;left:0;max-width:480px;margin:0 auto;background:#fff;border-top:1px solid var(--line);display:flex;z-index:20}.nav button{flex:1;border:none;background:none;padding:10px 4px 12px;font-family:inherit;font-weight:800;font-size:11.5px;color:var(--muted);cursor:pointer}.nav button b{display:block;font-size:19px}.nav button.on{color:var(--coral)}.nav .dot{display:inline-block;background:var(--coral);color:#fff;border-radius:100px;font-size:10px;padding:0 6px;margin-right:3px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 15px;margin-bottom:10px}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.t{font-size:14.5px;font-weight:900}.s{font-size:12px;color:var(--muted);font-weight:700}.price{font-weight:900;color:var(--coral-dark)}.btn{border:none;background:var(--coral);color:#fff;border-radius:12px;padding:10px 14px;font-family:inherit;font-weight:900;font-size:13.5px;cursor:pointer}.btn.full{width:100%;padding:13px;font-size:15px;margin-top:10px}.btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.btn.dark{background:var(--ink)}.btn.ok{background:var(--ok)}.btn.bad{background:var(--bad)}.btn:disabled{opacity:.45}.btn.sm{padding:6px 11px;font-size:12px;border-radius:10px}.chip{display:inline-block;font-size:11px;font-weight:900;border-radius:100px;padding:2px 9px;background:#eee;color:var(--ink)}.chip.ok{background:#e8f3e8;color:var(--ok)}.chip.bad{background:#fcebeb;color:var(--bad)}.chip.warn{background:#fbf1dc;color:var(--warn)}.chip.info{background:#fdeee8;color:var(--coral-dark)}input,select,textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font-family:inherit;font-size:14.5px;font-weight:700;background:#fff;color:var(--ink)}textarea{min-height:64px;resize:vertical}label.l{display:block;font-size:12px;font-weight:900;margin:11px 0 5px}h2.sec{font-size:13px;font-weight:900;margin:16px 2px 8px}.empty{text-align:center;padding:28px 10px;color:var(--muted);font-weight:700;font-size:13.5px;background:#fff;border:1px dashed var(--line);border-radius:16px}.qty{display:flex;align-items:center;gap:8px}.qty button{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font-weight:900;font-size:16px;cursor:pointer}.tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:10px}.tabs button{flex:none;border:1.5px solid var(--line);background:#fff;border-radius:100px;padding:6px 13px;font-family:inherit;font-weight:800;font-size:12.5px;cursor:pointer}.tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.toast{position:fixed;bottom:90px;right:50%;transform:translate(50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:100px;font-size:13px;font-weight:800;z-index:300;display:none;max-width:90%;text-align:center}.toast.bad{background:var(--bad)}.ov{position:fixed;inset:0;background:#00000073;z-index:100;display:none;align-items:flex-end;justify-content:center}.ov.on{display:flex}.sheet{background:var(--cream);width:100%;max-width:480px;max-height:90vh;overflow:auto;border-radius:22px 22px 0 0;padding:18px 16px 28px}.sheet h3{font-size:16px;font-weight:900;margin-bottom:10px}.tl{border-right:2px solid var(--line);padding-right:12px;margin:8px 4px}.tl div{font-size:12.5px;font-weight:700;margin-bottom:6px;position:relative}.tl div:before{content:"";position:absolute;right:-18px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--coral)}.code{font-size:30px;font-weight:900;letter-spacing:8px;text-align:center;background:#fff;border:2px dashed var(--coral);border-radius:14px;padding:8px;margin:8px 0;color:var(--coral-dark)}.kv{display:flex;justify-content:space-between;font-size:13px;font-weight:700;padding:3px 0}.late{border-color:var(--bad)!important}.cx{--amber:#EF9F27;--amber-dark:#854F0B;--white:#fff;background:var(--cream);min-height:100vh}.cx-page{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--cream);padding-bottom:78px}.cx-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;position:sticky;top:0;background:var(--cream);z-index:50}.cx-logo{font-weight:900;font-size:19px;direction:ltr;letter-spacing:.5px}.cx-ib{position:relative;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;font-family:inherit}.cx-ib i{position:absolute;top:-4px;left:-4px;background:var(--coral);color:#fff;font-style:normal;font-size:10px;font-weight:900;min-width:18px;height:18px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px}.cx-av{background:var(--coral);color:#fff;font-weight:900;font-size:15px;border:none}.cx-slider{padding:0 0 14px}.cx-vp{overflow:hidden;margin:0 18px;border-radius:18px}.cx-track{display:flex;transition:transform .45s ease}.cx-slide{flex:0 0 100%;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-weight:900;cursor:pointer;position:relative;overflow:hidden}.cx-slide:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:#ffffff1a;top:-60px;left:-40px}.cx-slide:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:#ffffff14;bottom:-40px;right:-20px}.cx-slide .e{font-size:36px;position:relative}.cx-slide .tt{font-size:15px;position:relative;padding:0 14px;text-align:center}.cx-slide .sub{font-size:11.5px;opacity:.85;font-weight:700;position:relative}.cx-s1{background:linear-gradient(135deg,#d85a30,#e8784f)}.cx-s2{background:linear-gradient(135deg,#2c2c2a,#4a4944)}.cx-s3{background:linear-gradient(135deg,#ef9f27,#f3b654);color:var(--amber-dark)}.cx-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.cx-dots span{width:6px;height:6px;border-radius:100px;background:var(--line);transition:all .2s}.cx-dots span.on{width:18px;background:var(--coral)}.cx-loc{margin:0 18px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:10px}.cx-loc .pin{font-size:18px}.cx-loc .in{flex:1;min-width:0}.cx-loc .lb{font-size:11px;color:var(--muted);font-weight:700}.cx-loc select{border:none;padding:0;font-size:14px;font-weight:900;background:transparent;border-radius:0;width:auto;max-width:100%}.cx-wal{margin:0 18px 18px;background:var(--ink);border-radius:16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.cx-wal:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#d85a3040;left:-30px;top:-50px}.cx-wal .lb{font-size:12px;color:#cfcdc6;font-weight:700}.cx-wal .v{font-size:21px;font-weight:900;position:relative}.cx-wal .ch{background:var(--amber);color:var(--amber-dark);font-size:12px;font-weight:900;padding:7px 14px;border-radius:100px;position:relative;border:none;font-family:inherit}.cx-sec{padding:0 18px 14px}.cx-sec h2{font-size:16px;font-weight:900;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.cx-sec h2 small{font-size:12px;color:var(--coral);font-weight:800;cursor:pointer}.cx-hub{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cx-hc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;text-align:right;font-family:inherit;color:inherit;transition:transform .12s}.cx-hc:active{transform:scale(.97)}.cx-hc .ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:25px}.cx-hc .ti{font-size:14.5px;font-weight:900}.cx-hc .de{font-size:11.5px;color:var(--muted);font-weight:700}.cx-hc.a .ic{background:#faece7}.cx-hc.b .ic{background:#faeeda}.cx-hc.c .ic{background:#f1efe8}.cx-hc.d .ic{background:#e8f3e8}.cx-offers{display:flex;gap:10px;overflow-x:auto;padding:0 18px 18px;scrollbar-width:none}.cx-offers::-webkit-scrollbar{display:none}.cx-of{flex:0 0 auto;min-width:160px;height:84px;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;font-weight:900;font-size:13px}.cx-of small{font-size:11px;opacity:.85;font-weight:700}.cx-o1{background:var(--coral)}.cx-o2{background:var(--amber);color:var(--amber-dark)}.cx-o3{background:var(--ink)}.cx-search{margin:0 18px 12px;position:relative}.cx-search input{padding:11px 40px 11px 12px;border-radius:14px;background:#fff}.cx-search span{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:15px}.cx-pills{display:flex;gap:7px;overflow-x:auto;padding:0 18px 12px;scrollbar-width:none}.cx-pills::-webkit-scrollbar{display:none}.cx-pills button{flex:none;border:1.5px solid var(--line);background:#fff;border-radius:100px;padding:6px 14px;font-family:inherit;font-weight:800;font-size:12.5px;cursor:pointer;color:var(--ink)}.cx-pills button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.cx-mc{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;margin:0 18px 10px;cursor:pointer;align-items:center}.cx-mc .lg{width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;flex:none}.cx-mc .in{flex:1;min-width:0}.cx-mc .n{font-size:15px;font-weight:900}.cx-mc .m{font-size:12px;color:var(--muted);font-weight:700;margin-top:2px}.cx-rt{display:inline-flex;align-items:center;gap:3px;background:#fbf1dc;color:var(--warn);font-weight:900;font-size:11.5px;border-radius:100px;padding:2px 8px}.cx-go{color:var(--muted);font-size:15px}.cx-cover{margin:0 18px 14px;border-radius:20px;padding:18px;color:#fff;position:relative;overflow:hidden;min-height:128px;display:flex;flex-direction:column;justify-content:flex-end}.cx-cover:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:#ffffff1a;top:-70px;left:-50px}.cx-cover .big{position:absolute;left:16px;top:10px;font-size:54px;opacity:.95}.cx-cover h2{font-size:20px;font-weight:900;position:relative}.cx-cover .m{font-size:12px;font-weight:700;opacity:.9;position:relative;display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.cx-back{margin:0 18px 10px;align-self:flex-start;border:none;background:#fff;border:1px solid var(--line);border-radius:100px;padding:6px 14px;font-family:inherit;font-weight:800;font-size:12.5px;cursor:pointer}.cx-pr{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;margin:0 18px 10px;align-items:center}.cx-pr .im{width:64px;height:64px;border-radius:14px;background:#f6efe6;display:flex;align-items:center;justify-content:center;font-size:30px;flex:none}.cx-pr .in{flex:1;min-width:0}.cx-pr .n{font-size:14.5px;font-weight:900}.cx-pr .u{font-size:11.5px;color:var(--muted);font-weight:700}.cx-pr .p{font-weight:900;color:var(--coral-dark);margin-top:2px}.cx-add{width:36px;height:36px;border-radius:12px;background:var(--coral);color:#fff;border:none;font-size:20px;font-weight:900;cursor:pointer;font-family:inherit;flex:none}.cx-q{display:flex;align-items:center;gap:8px;background:var(--cream);border-radius:100px;padding:3px}.cx-q button{width:30px;height:30px;border-radius:50%;border:none;background:#fff;font-weight:900;font-size:17px;cursor:pointer;box-shadow:0 1px 3px #0000001f;font-family:inherit}.cx-q button.pl{background:var(--coral);color:#fff}.cx-q b{min-width:18px;text-align:center;font-size:14px}.cx-bar{position:fixed;bottom:74px;right:0;left:0;max-width:480px;margin:0 auto;padding:0 18px;z-index:40}.cx-bar button{width:100%;background:var(--coral);color:#fff;border:none;border-radius:16px;padding:13px 16px;font-family:inherit;font-weight:900;font-size:14.5px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:0 6px 18px #d85a3066}.cx-bar .c{background:#ffffff40;border-radius:100px;padding:1px 10px}.cx-t{padding:4px 18px 8px;font-size:18px;font-weight:900}.cx-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 15px;margin:0 18px 12px}.cx-box .mh{font-size:12px;font-weight:900;color:var(--coral-dark);margin-bottom:6px}.cx-li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed var(--line)}.cx-li:last-child{border:none;padding-bottom:0}.cx-pay{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cx-pay button{border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:10px 4px;font-family:inherit;font-weight:800;font-size:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink)}.cx-pay button b{font-size:20px}.cx-pay button.on{border-color:var(--coral);background:#fdeee8;color:var(--coral-dark)}.cx-sum{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 15px;margin:0 18px 12px}.cx-sum .tot{display:flex;justify-content:space-between;font-size:17px;font-weight:900;border-top:1px dashed var(--line);margin-top:6px;padding-top:9px}.cx-cta{margin:0 18px;width:calc(100% - 36px);background:var(--coral);color:#fff;border:none;border-radius:16px;padding:15px;font-family:inherit;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 6px 18px #d85a3059}.cx-cta{display:flex;justify-content:space-between;align-items:center}.cx-hub .cx-hc:last-child:nth-child(odd){grid-column:span 2;flex-direction:row;align-items:center}.cx-cta:disabled{opacity:.45;box-shadow:none}.cx-lab{display:block;font-size:12px;font-weight:900;margin:0 0 6px}.cx-note{margin:0 18px 8px;font-size:12px;font-weight:800;color:var(--muted)}.cx-oc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin:0 18px 10px;cursor:pointer}.cx-oc .r{display:flex;justify-content:space-between;align-items:center;gap:8px}.cx-trk{display:flex;align-items:flex-start;margin:14px 0 4px}.cx-trk .st{flex:1;text-align:center;position:relative;font-size:10.5px;font-weight:800;color:var(--muted)}.cx-trk .st i{display:flex;width:24px;height:24px;border-radius:50%;background:var(--line);color:#fff;align-items:center;justify-content:center;margin:0 auto 4px;font-style:normal;font-size:12px;position:relative;z-index:1}.cx-trk .st:not(:last-child):before{content:"";position:absolute;top:11px;right:50%;width:100%;height:3px;background:var(--line)}.cx-trk .st.dn{color:var(--ink)}.cx-trk .st.dn i{background:var(--coral)}.cx-trk .st.dn:not(:last-child):before{background:var(--coral)}.cx-trk .st.now i{box-shadow:0 0 0 5px #d85a3033}.cx-me{margin:0 18px 14px;background:var(--ink);border-radius:18px;padding:18px;display:flex;align-items:center;gap:14px;color:#fff}.cx-me .a{width:54px;height:54px;border-radius:50%;background:var(--coral);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900}.cx-me .n{font-size:16px;font-weight:900}.cx-me .p{font-size:12px;color:#cfcdc6;margin-top:2px;direction:ltr;text-align:right}.cx-list{margin:0 18px 14px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.cx-it{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);font-weight:800;font-size:14px;width:100%;background:none;border-left:none;border-right:none;border-top:none;font-family:inherit;cursor:pointer;color:var(--ink);text-align:right}.cx-it:last-child{border-bottom:none}.cx-it span:first-child{font-size:18px;width:24px;text-align:center}.cx-it .g{flex:1}.cx-it.bad{color:var(--bad)}.cx-tb{position:fixed;bottom:0;right:0;left:0;max-width:480px;margin:0 auto;display:flex;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -4px 18px #00000012;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:60}.cx-tb button{flex:1;border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:1px;font-family:inherit;font-size:11px;font-weight:800;color:var(--muted);padding:4px 0;cursor:pointer;position:relative}.cx-tb button b{font-size:20px}.cx-tb button.on{color:var(--coral)}.cx-tb button.on:after{content:"";position:absolute;top:-6px;width:26px;height:3px;border-radius:0 0 4px 4px;background:var(--coral)}.cx-tb .bd{position:absolute;top:0;right:calc(50% - 20px);background:var(--coral);color:#fff;border-radius:100px;font-size:10px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 4px}.cx .toast{bottom:92px}@media(prefers-reduced-motion:reduce){.cx-track{transition:none}}