:root{--b:#087df1;--b2:#4aa8ff;--bg:#f5f9ff;--ink:#0f1d2d;--muted:#68798f;--line:#dce9f7;--ok:#18b968;--danger:#e04848;--card:#fff}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Arabic",Arial,sans-serif}body{padding-bottom:84px}button,input,select,textarea{font:inherit}.app{max-width:760px;margin:auto}.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fffdf2;border-bottom:1px solid #edf1f5}.top img{width:72px;height:50px;object-fit:contain}.grow{flex:1}.muted{color:var(--muted);font-size:12px}.lang{display:flex;gap:5px;overflow:auto}.lang button{border:1px solid var(--line);background:#fff;color:var(--b);border-radius:10px;padding:7px 9px;white-space:nowrap}.lang button.on{background:var(--b);color:#fff}.page{display:none}.page.on{display:block}.section{padding:10px 12px}.hero{margin:12px;border-radius:24px;min-height:225px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--b),var(--b2));color:#fff}.hero img{width:100%;height:225px;object-fit:cover;opacity:.34}.hero .copy{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:30px;margin:0 0 8px}.hero p{margin:0 0 14px}.btn{border:0;background:var(--b);color:#fff;border-radius:14px;padding:13px 16px;font-weight:800}.btn.white{background:#fff;color:var(--b)}.small{border:1px solid var(--line);background:#fff;color:var(--b);border-radius:11px;padding:9px 11px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.card{background:var(--card);border:1px solid #e5eef8;border-radius:18px;padding:12px;box-shadow:0 5px 20px #087df10c}.service{text-align:center;min-height:92px;display:flex;flex-direction:column;justify-content:center;gap:5px}.service .ico{font-size:25px}.service b{font-size:11px}.scroll{display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory}.slide{min-width:84%;scroll-snap-align:start;overflow:hidden}.slide img{width:100%;height:160px;object-fit:cover;border-radius:14px}.chips{display:flex;gap:7px;overflow:auto;padding-bottom:4px}.chip{border:1px solid var(--line);background:#fff;color:var(--b);border-radius:999px;padding:8px 12px;white-space:nowrap}.chip.on{background:var(--b);color:#fff}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product{overflow:hidden;padding:0}.product img{width:100%;height:108px;object-fit:cover;display:block}.productBody{padding:10px}.productName{display:flex;align-items:center;gap:6px;font-size:14px}.productSub{font-size:10px;color:var(--muted);min-height:26px;margin-top:3px}.productFoot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px}.qty{display:flex;align-items:center;gap:5px}.qty button{width:31px;height:31px;border:0;border-radius:9px;background:#e9f3ff;color:var(--b);font-weight:900}.stickyCart{position:sticky;bottom:84px;z-index:15;margin-top:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:9px}.form{display:grid;gap:10px}.field{width:100%;border:1px solid #dae7f5;border-radius:14px;background:#fff;padding:13px}.paygrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pay{border:1.5px solid #dbe7f5;background:#fff;border-radius:14px;padding:12px;min-height:58px;display:flex;align-items:center;gap:8px}.pay.sel{border-color:var(--b);background:#eef7ff}.pay img{max-width:60px;max-height:26px}.profilegrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.legalgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.legalgrid a{text-decoration:none}.timeline .step{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #eef}.dot{width:12px;height:12px;border-radius:50%;background:#cbd6e2;margin-top:4px}.dot.done{background:var(--ok)}.bottom{position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fff;border-top:1px solid #dfeaf6;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:flex;justify-content:center}.bottom button{border:0;background:transparent;color:#68798f;min-width:72px;padding:7px}.bottom button.on{color:var(--b);font-weight:800}.ai,.wa{position:fixed;bottom:98px;z-index:45;border:4px solid #fff;border-radius:50%;box-shadow:0 8px 30px #0002}.ai{right:15px;width:58px;height:58px;background:linear-gradient(135deg,var(--b),#00b8ff);color:#fff;font-size:24px}.wa{left:15px;width:54px;height:54px;background:#25D366;color:#fff;font-size:23px}.modal{position:fixed;inset:0;background:#06152588;z-index:60;display:none;align-items:flex-end}.modal.on{display:flex}.sheet{background:#fff;width:100%;border-radius:24px 24px 0 0;padding:18px;max-height:90vh;overflow:auto}.toast{position:fixed;top:74px;left:50%;transform:translateX(-50%);z-index:99;background:#111;color:#fff;padding:10px 14px;border-radius:12px;display:none}.toast.on{display:block}.notice{background:#fff7d6;border:1px solid #ffe89a;border-radius:12px;padding:10px;font-size:12px}.hidden{display:none!important}
@media(max-width:520px){.grid{grid-template-columns:repeat(4,1fr)}.service{padding:7px}.service b{font-size:10px}.profilegrid,.legalgrid{grid-template-columns:1fr}.hero h1{font-size:26px}.bottom button{min-width:58px;font-size:11px}.paygrid{grid-template-columns:1fr 1fr}.top img{width:64px}}