@font-face{font-family:Plex;font-weight:400;src:url(/fonts/ibm_plex_arabic_400.ttf)format("truetype");font-display:swap}@font-face{font-family:Plex;font-weight:500;src:url(/fonts/ibm_plex_arabic_500.ttf)format("truetype");font-display:swap}@font-face{font-family:Plex;font-weight:700;src:url(/fonts/ibm_plex_arabic_700.ttf)format("truetype");font-display:swap}:root{--canvas:#fff;--canvas-soft:#f7f7f7;--surface:#fff;--tile:#f2f2f2;--text:#111;--text-2:#666;--text-3:#a3a3a3;--line:#ebebeb;--line-strong:#d4d4d4;--primary:#111;--on-primary:#fff;--primary-soft:#f0f0f0;--brand:#ffe01b;--brand-deep:#e2bc00;--brand-soft:#fff4b8;--on-brand:#111;--price:#0e9f5a;--price-soft:#e3f6ec;--timer:#e8283b;--timer-soft:#ffe8ea;--gold:#f5a400;--gold-soft:#fff1cf;--accent:#6d3beb;--accent-soft:#efe8ff;--shadow:0 1px 3px #00000014;--shimmer-a:#eee;--shimmer-b:#f9f9f9;--s1:2px;--s2:4px;--s3:8px;--s4:12px;--s5:16px;--s6:20px;--s7:24px;--s8:32px;--gutter:20px;--section:28px;--touch:44px;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:30px;--r-pill:999px;--font:"Plex", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--canvas:#0b0b0b;--canvas-soft:#121212;--surface:#171717;--tile:#232323;--text:#f5f5f5;--text-2:#a6a6a6;--text-3:#6e6e6e;--line:#2e2e2e;--line-strong:#404040;--primary:#fff;--on-primary:#111;--primary-soft:#262626;--brand-soft:#3a3300;--price:#34d17f;--price-soft:#10352a;--timer:#f56;--timer-soft:#3a1a22;--gold-soft:#3a2e13;--accent:#9585ff;--accent-soft:#241f44;--shadow:0 1px 3px #0006;--shimmer-a:#232323;--shimmer-b:#333;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:#0b0b0b;--canvas-soft:#121212;--surface:#171717;--tile:#232323;--text:#f5f5f5;--text-2:#a6a6a6;--text-3:#6e6e6e;--line:#2e2e2e;--line-strong:#404040;--primary:#fff;--on-primary:#111;--primary-soft:#262626;--brand-soft:#3a3300;--price:#34d17f;--price-soft:#10352a;--timer:#f56;--timer-soft:#3a1a22;--gold-soft:#3a2e13;--accent:#9585ff;--accent-soft:#241f44;--shadow:0 1px 3px #0006;--shimmer-a:#232323;--shimmer-b:#333;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--text);font:400 14px/20px var(--font);letter-spacing:0;min-height:100dvh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}.page{max-width:1100px;padding-inline:var(--gutter);margin-inline:auto;padding-block-end:calc(84px + env(safe-area-inset-bottom))}@media (min-width:900px){.page{padding-block-end:48px}}.h-display{font:700 36px/42px var(--font)}.h-headline{font:700 23px/29px var(--font)}.h-title{font:700 18px/24px var(--font)}.h-title-sm{font:700 15px/20px var(--font)}.t-small{font:500 13px/18px var(--font)}.t-label{font:700 13px/16px var(--font)}.t-caption{font:500 11px/14px var(--font);color:var(--text-2)}.t-muted{color:var(--text-2)}.price{font:700 22px/26px var(--font);color:var(--price)}.price-lg{font:700 34px/38px var(--font);color:var(--price)}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.grow{flex:1;min-width:0}.section{margin-block-start:var(--section)}.hscroll{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);gap:12px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{scroll-snap-align:start;flex:none}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}
.btn{min-height:var(--touch);border-radius:var(--r-pill);font:700 14px/20px var(--font);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding-inline:20px;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{min-height:36px;padding-inline:14px;font-size:13px}.btn-block{width:100%;display:flex}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-brand{background:var(--brand);color:var(--on-brand)}.btn-ghost{border:1px solid var(--line-strong);color:var(--text)}.btn-danger{background:var(--timer);color:#fff}.btn-spin{border:2px solid;border-inline-end-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);display:block;overflow:hidden}.card-soft{background:var(--canvas-soft);box-shadow:none}.chip{border-radius:var(--r-pill);background:var(--tile);min-height:32px;font:700 12px/16px var(--font);color:var(--text);align-items:center;gap:4px;padding-inline:12px;display:inline-flex}button.chip{cursor:pointer}.chip-brand{background:var(--brand-soft)}.chip-price{background:var(--price-soft);color:var(--price)}.chip-timer{background:var(--timer-soft);color:var(--timer)}.chip-gold{background:var(--gold-soft)}.chip-accent{background:var(--accent-soft);color:var(--accent)}.chip-selected{background:var(--primary);color:var(--on-primary)}.skeleton{background:linear-gradient(90deg,var(--shimmer-a),var(--shimmer-b),var(--shimmer-a));background-size:200% 100%;animation:1.2s linear infinite shimmer;display:inline-block}@keyframes shimmer{to{background-position:-200% 0}}.sheet-backdrop{z-index:50;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:560px;max-height:90dvh;padding:12px var(--gutter) calc(20px + env(safe-area-inset-bottom));outline:none;animation:.2s ease-out rise;overflow:auto}.sheet-grab{background:var(--line-strong);border-radius:2px;width:40px;height:4px;margin:0 auto 12px}.sheet-title{margin-bottom:12px}@media (min-width:900px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--r-xl)}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.toasts{inset-inline:0;bottom:calc(88px + env(safe-area-inset-bottom));z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.toast{background:var(--primary);color:var(--on-primary);border-radius:var(--r-pill);font:700 13px/18px var(--font);max-width:90vw;box-shadow:var(--shadow);padding:10px 16px}.toast-error{background:var(--timer);color:#fff}.price-muted{color:var(--text-3);font-size:13px;font-weight:500;text-decoration:line-through}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty-icon{background:var(--tile);width:64px;height:64px;color:var(--text-2);border-radius:50%;place-items:center;display:grid}.appbar{z-index:20;background:var(--canvas);min-width:0;max-width:100%;min-height:56px;padding-inline:var(--gutter);border-block-end:1px solid var(--line);align-items:center;gap:8px;display:flex;position:sticky;top:0}.appbar-back{width:var(--touch);height:var(--touch);border-radius:50%;place-items:center;margin-inline-start:-12px;display:grid}.appbar-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}[dir=rtl] .appbar-back svg{transform:scaleX(-1)!important}.tabbar{inset-inline:0;z-index:30;background:var(--canvas);border-block-start:1px solid var(--line);padding-block-end:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0}.tab{min-height:60px;color:var(--text-3);font:700 11px/14px var(--font);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.tab-active{color:var(--text)}.tab-icon{place-items:center;display:grid;position:relative}.tab-badge{top:-6px;background:var(--brand);min-width:18px;height:18px;color:var(--on-brand);font:700 10px/18px var(--font);text-align:center;border-radius:9px;padding-inline:5px;position:absolute;inset-inline-end:-10px}@media (min-width:900px){.tabbar{border-block-start:0;border-block-end:1px solid var(--line);order:-1;justify-content:center;gap:8px;position:sticky;top:0;bottom:auto}.tab{flex-direction:row;flex:none;gap:8px;min-height:56px;padding-inline:20px;font-size:14px}.tab-icon svg{width:20px;height:20px}}