:root{--night:var(--tl-card-ink);--night2:#241d40;--night3:#30285a;--paper:var(--tl-card);--paper2:#f6e7ce;--gold:#ffc23d;--pink:#ff5c8a;--mint:#7df0c8;--kraft:#c8a27a;--ink:#2b2340;--tl-display:"Lalezar","Readex Pro",system-ui,sans-serif;--tl-body:"Readex Pro",system-ui,"Segoe UI",Tahoma,sans-serif;--tl-label:"IBM Plex Sans Arabic","Readex Pro",system-ui,sans-serif;--tl-bg:#1a1530;--tl-bg-2:#241d40;--tl-bg-3:#30285a;--tl-frame:#0f0c1e;--tl-ink:#fff4e2;--tl-muted:#fff4e2a8;--tl-line:#fff4e221;--tl-chip:#fff4e214;--tl-card:#fff4e2;--tl-card-ink:#1a1530;--tl-card-muted:#1a15309e;--tl-primary:#ffc23d;--tl-on-primary:#1a1530;--tl-price:#ff5c8a;--tl-on-price:#1a1530;--tl-price-text:#ffc23d;--tl-accent:#7df0c8;--tl-on-accent:#1a1530;--tl-sold:#ff5c8a;--tl-warn:#ff8fb0;--tl-layer-1:#ff5c8a;--tl-layer-2:#7df0c8;--tl-layer-3:#ffc23d;--tl-scrim:#0a08169e;--tl-tilt:1;--tl-r-card:18px;--tl-r-ctl:14px;--display:var(--tl-display);--body:var(--tl-body);--frame:var(--tl-frame);--bg:var(--tl-bg);--fg:var(--tl-ink);--muted:var(--tl-muted);--surface:var(--tl-bg-2);--line:var(--tl-line);--chip:var(--tl-chip);--chipOn:var(--tl-primary);--chipOnFg:var(--tl-on-primary);--price:var(--tl-price-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[hidden]{display:none!important}@keyframes tl-print{0%{clip-path:inset(100% -30px -30px)}to{clip-path:inset(0 -30px -30px)}}body{background:var(--frame);color:var(--fg);font-family:var(--body);margin:0;line-height:1.7}*{box-sizing:border-box}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--tl-accent);outline-offset:2px}#app:focus{outline:none}#app{background:var(--bg);max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:110px;position:relative;overflow:hidden}.pad{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.hdw{display:block}.hd{text-align:start;align-items:center;min-height:56px;padding:14px 16px 10px;display:flex;position:relative}.hd .wm{flex:none;width:auto;height:28px;margin:0;display:block}.hd .wm-p,.hd .slogan{display:none}.slogan{font-family:var(--tl-body);color:#ff5c8a;white-space:nowrap;margin:0;font-size:15px;font-weight:600;line-height:1.5}.filters{gap:10px;padding-block:6px 16px;display:grid}.chips{scrollbar-width:none;gap:8px;padding-block:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{font-family:var(--tl-body);background:var(--chip);white-space:nowrap;border:1px solid #0000;border-radius:999px;flex:none;padding:7px 15px;font-size:14px;font-weight:400}.chip[aria-pressed=true]{background:var(--chipOn);color:var(--chipOnFg);font-weight:600}.tg{font-family:var(--tl-label);white-space:nowrap;color:var(--muted);flex:none;align-items:center;gap:10px;padding-inline:6px;font-size:14px;font-weight:500;display:flex}.tg .sw{background:var(--chip);border:1px solid var(--line);border-radius:99px;width:38px;height:22px;transition:background .2s;position:relative}.tg .sw:after{content:"";top:2px;background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;inset-inline-start:2px}.tg[aria-pressed=true]{color:var(--fg)}.tg[aria-pressed=true] .sw{background:var(--tl-accent)}.tg[aria-pressed=true] .sw:after{background:var(--tl-on-accent);transform:translate(-16px)}.card{text-align:start;background:var(--paper);min-width:0;color:var(--night);border-radius:var(--tl-r-card);box-shadow:0 3px 0 -1px var(--tl-layer-1),0 6px 0 -2px var(--tl-layer-2),0 9px 0 -3px var(--tl-layer-3),0 20px 26px -16px #0000008c;flex-direction:column;padding:7px;display:flex;position:relative;container-type:inline-size}.card:nth-child(4n+1){transform:rotate(calc(-2deg * var(--tl-tilt)))}.card:nth-child(4n+2){transform:rotate(calc(1.5deg * var(--tl-tilt)))}.card:nth-child(4n+3){transform:rotate(calc(1deg * var(--tl-tilt)))}.card:nth-child(4n){transform:rotate(calc(-1.5deg * var(--tl-tilt)))}.ph{aspect-ratio:1;background:var(--surface);border-radius:calc(var(--tl-r-card) - 5px);max-width:100%;position:relative;overflow:hidden}.ph img{object-fit:cover;width:100%;height:100%;display:block}.card .info{padding:8px 4px 2px}.nm{font-size:14.5px;font-weight:600;line-height:1.6;display:block}.meta{color:var(--muted);font-size:12.5px}.card .meta{color:var(--tl-card-muted);font-family:var(--tl-label);font-weight:500}.price{font-variant-numeric:tabular-nums;font-weight:700}.card .price{top:calc(100cqw - 34px);bottom:auto;background:var(--tl-price);color:var(--tl-on-price);box-shadow:0 0 0 3px var(--tl-card);z-index:2;border-radius:999px;padding:6px 12px;font-size:15px;display:block;position:absolute;inset-inline-end:-6px;transform:rotate(-8deg)}.card.out .price{color:#1a1530;background:#b9ae9f}.stamp{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.stamp span{font-family:var(--display);color:var(--tl-sold);background:color-mix(in srgb,var(--tl-card) 78%,transparent);border:5px double;border-color:var(--tl-sold);border-radius:10px;padding:4px 16px 0;font-size:24px;line-height:1.3;transform:rotate(-12deg)}.card.out .ph img{filter:grayscale(.8)brightness(.78)}.hero{background:var(--paper);color:var(--night);transform:rotate(calc(-1.2deg * var(--tl-tilt)));border-radius:calc(var(--tl-r-card) + 4px);box-shadow:0 4px 0 -1px var(--tl-layer-1),0 8px 0 -2px var(--tl-layer-2),0 12px 0 -3px var(--tl-layer-3),0 24px 30px -16px #00000080;grid-template-columns:1fr 1fr;align-items:center;width:100%;min-height:200px;margin-block:14px 22px;padding:8px;display:grid;position:relative;overflow:hidden}.hero img{object-fit:cover;aspect-ratio:1;border-radius:calc(var(--tl-r-card) - 2px);width:100%;max-width:100%;height:100%}.hero .ht{min-width:0;padding:10px 14px 10px 6px}.hero .eb{font-family:var(--tl-label);color:var(--tl-card-ink);letter-spacing:.02em;font-size:12px;font-weight:600}.hero .h2{font-family:var(--display);margin:4px 0 6px;font-size:30px;font-weight:400;line-height:1.35;display:block}.hero .price{background:var(--tl-price);color:var(--tl-on-price);transform:rotate(calc(-6deg * var(--tl-tilt)));border-radius:999px;padding:4px 14px;font-size:18px;display:inline-block}.hero .go{background:var(--tl-card-ink);color:var(--tl-card);border-radius:999px;margin-top:12px;padding:8px 18px;font-size:14px;font-weight:700;display:inline-block}.shelf{margin-bottom:12px;scroll-margin-top:12px}.shelf h3{font-family:var(--tl-display);align-items:baseline;gap:10px;margin:0 0 10px;font-size:24px;font-weight:400;line-height:1.4;display:flex}.shelf h3 small{font-family:var(--tl-label);color:var(--muted);font-size:12.5px;font-weight:500}.shelf h3:before{content:"";background:linear-gradient(var(--tl-layer-1) 0 3px,transparent 3px 4.5px,var(--tl-layer-2) 4.5px 7.5px,transparent 7.5px 9px,var(--tl-layer-3) 9px 12px);border-radius:2px;flex:none;align-self:center;width:14px;height:12px}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding-inline:max(16px,env(safe-area-inset-left,0px));gap:16px;padding-block:12px 22px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail .card{scroll-snap-align:start;flex:0 0 44%}#app.tl-intro .hero,#app.tl-intro .rail .card{animation:.56s steps(8,end) backwards tl-print}#app.tl-intro .rail .card:nth-child(2){animation-delay:70ms}#app.tl-intro .rail .card:nth-child(3){animation-delay:.14s}#app.tl-intro .rail .card:nth-child(4){animation-delay:.21s}#app.tl-intro .rail .card:nth-child(n+5){animation-delay:.28s}#app.tl-intro #shelf-picks .card{animation-delay:.12s}.empty{text-align:center;color:var(--muted);padding:40px 10px}.empty b{font-family:var(--tl-display);color:var(--fg);font-size:24px;font-weight:400;display:block}.foot{font-family:var(--tl-label);text-align:center;color:var(--muted);padding-block:18px 0;font-size:12.5px;font-weight:500;line-height:1.9}.foot p{margin:0}.flogo{width:auto;height:32px;margin:0 auto 8px;display:block}.fline{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.fline span{font-family:var(--tl-body);color:#ff5c8a;font-size:14px;font-weight:600}.fnote{margin-top:6px!important}.iglink{color:var(--tl-price-text);font-weight:600}.cartbar{z-index:20;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));padding-top:12px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.cartbar button{pointer-events:auto;background:var(--tl-primary);width:100%;max-width:448px;color:var(--tl-on-primary);border-radius:calc(var(--tl-r-ctl) + 4px);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:12px 18px;font-weight:700;transition:transform .25s;display:flex;box-shadow:0 10px 30px -10px #0009}.cartbar button .n{font-family:var(--tl-label);background:var(--tl-on-primary);color:var(--tl-primary);border-radius:999px;margin-inline-end:8px;padding:0 10px;font-size:13px}.bump{animation:.35s bump}@keyframes bump{40%{transform:scale(1.04)}}.ov{z-index:30;background:var(--tl-scrim);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.panel{background:var(--bg);color:var(--fg);width:100%;max-width:480px;max-height:88dvh;padding-top:10px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px));border-radius:24px 24px 0 0;outline:none;animation:.28s cubic-bezier(.2,.8,.2,1) up;overflow:auto}@keyframes up{0%{opacity:.4;transform:translateY(40px)}}.grab{background:var(--line);border-radius:9px;width:42px;height:4px;margin:0 auto 12px}.x{float:inline-end;background:var(--chip);border-radius:50%;width:44px;height:44px;font-size:18px;line-height:1}.big{aspect-ratio:1;background:var(--surface);border-radius:18px;width:100%;max-width:100%;margin-top:6px;position:relative;overflow:hidden}.big img{object-fit:cover;width:100%;height:100%;display:block}.ptitle{justify-content:space-between;align-items:baseline;gap:12px;margin:14px 0 2px;display:flex}.ptitle h2{font-family:var(--tl-display);margin:0;font-size:28px;font-weight:400;line-height:1.4}.ptitle .price{color:var(--price);font-size:22px}.lbl{font-family:var(--tl-label);color:var(--muted);margin:14px 0 8px;font-size:13.5px;font-weight:500}.lbl b{color:var(--fg);font-weight:600}.vars{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.var{aspect-ratio:1;background:var(--surface);border:2px solid #0000;border-radius:12px;padding:0;position:relative;overflow:hidden}.var img{object-fit:cover;width:100%;height:100%;display:block}.var[aria-pressed=true]{border-color:var(--tl-primary)}.var.gone img{filter:grayscale()brightness(.55)}.var.gone:after{content:"خلصت";background:var(--tl-sold);color:#fff;text-align:center;font-size:10.5px;font-weight:700;line-height:1.7;position:absolute;inset:auto 0 0}.buy{align-items:center;gap:10px;margin-top:18px;display:flex}.step{border-radius:var(--tl-r-ctl);background:var(--chip);border:1px solid var(--line);align-items:center;display:flex}.step button{width:42px;height:46px;font-size:20px;font-weight:600}.step button:disabled{opacity:.3;cursor:not-allowed}.step output{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-weight:700}.add{border-radius:var(--tl-r-ctl);background:var(--tl-primary);height:48px;color:var(--tl-on-primary);flex:1;font-size:15.5px;font-weight:700}.add:disabled{background:var(--chip);color:var(--muted);cursor:not-allowed}.notify{background:var(--tl-price);color:var(--tl-on-price);justify-content:center;align-items:center;width:100%;margin-top:18px;text-decoration:none;display:flex}.hint{color:var(--muted);min-height:1.7em;margin:8px 0 0;font-size:12.5px}.hint.warn{color:var(--tl-warn)!important}.cl{gap:12px;margin-top:6px;display:grid}.ci{grid-template-columns:56px 1fr auto;align-items:center;gap:12px;display:grid}.ci img{object-fit:cover;border-radius:12px;width:56px;height:56px}.ci .t{min-width:0;line-height:1.55}.ci .t small{font-family:var(--tl-label);color:var(--muted);font-size:12.5px;font-weight:500;display:block}.ci .step button{width:44px;height:44px;font-size:17px}.capn{color:var(--tl-warn)!important}.tot{border-top:1px dashed var(--line);justify-content:space-between;align-items:baseline;margin-top:16px;padding-top:12px;font-size:15px;display:flex}.tot .price{color:var(--price);font-size:22px}.tot small{font-family:var(--tl-label);color:var(--muted);font-size:12.5px;font-weight:500}.how{font-family:var(--tl-body);background:var(--chip);border-radius:14px;gap:6px;margin:14px 0 0;padding:12px 14px;font-size:14px;list-style:none;display:grid}.how li{align-items:center;gap:10px;display:flex}.how b{background:var(--tl-primary);width:24px;height:24px;color:var(--tl-on-primary);font-family:var(--tl-label);border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.msg{white-space:pre-wrap;color:#173322;margin:8px 0 0;background:#e7f7ec;border-radius:14px 14px 4px;max-width:92%;margin-inline-start:auto;padding:12px 14px;font-size:13.5px;line-height:1.8}.wa{color:#0b2b17;background:#25d366;border-radius:16px;justify-content:center;align-items:center;gap:10px;height:52px;margin-top:16px;font-size:16px;font-weight:700;text-decoration:none;display:flex}@media (min-width:900px){#app{max-width:1180px}.hdw{padding:22px 48px 14px}.hd{gap:16px;min-height:0;padding:0}.hd .wm-c{display:none}.hd .wm-p,.hd .slogan{display:block}.hd .wm{height:44px}.filters{grid-template-columns:auto auto 1fr;align-items:center;gap:16px}.hero{grid-template-columns:1fr minmax(0,440px);width:100%;min-height:0}.hero .h2{font-size:44px;display:block}.hero .ht{padding:28px}.rail{grid-template-columns:repeat(auto-fill,minmax(200px,240px));justify-content:start;gap:26px 22px;margin-inline:0;padding-inline:4px;display:grid;overflow:visible}.shelf h3{font-size:30px}.ov{align-items:center}.panel{border-radius:24px;max-width:560px;padding:24px}.panel:has(.big){grid-template-columns:1fr 1fr;align-content:start;column-gap:28px;max-width:900px;display:grid}.panel:has(.big)>.big{grid-area:1/1/span 9;margin:0}.panel:has(.big)>:not(.big){grid-column:2}.grab{display:none}.x{justify-self:end}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}