:root{
  --bg:#ffffff;
  --surface:#ffffff;
  --soft:#f8fafc;
  --soft2:#f4f6f8;
  --text:#111827;
  --muted:#667085;
  --line:#e5e7eb;
  --primary:#111827;
  --accent:#4f46e5;
  --accent-soft:#eef2ff;
  --success:#16a34a;
  --danger:#dc2626;
  --radius:24px;
  --shadow:0 14px 38px rgba(17,24,39,.07);
  --shadow-soft:0 8px 22px rgba(17,24,39,.045);
  --safe:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;background:#fff}
body{min-height:100vh;background:#fff;color:var(--text);font-family:'Noto Sans Arabic',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding-bottom:96px}
a{color:inherit;text-decoration:none}button,input{font:inherit;border:0;background:transparent;outline:0}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.hide{display:none!important}.app{width:min(100%,1260px);margin:0 auto}.reveal{opacity:1;transform:none}.heroicon{width:26px;height:26px;stroke-width:1.9}
#confettiCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9999}
.topbar{position:sticky;top:0;z-index:90;min-height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 18px;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(229,231,235,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{grid-column:2;justify-self:center;min-width:0;display:inline-flex;align-items:center;gap:10px}.brand-mark{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#111827;color:#fff;font-size:14px;font-weight:950;letter-spacing:-.02em}.brand-copy{min-width:0}.brand-copy h1{max-width:min(52vw,320px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;line-height:1.1;font-weight:950;letter-spacing:-.04em}.brand-copy p{display:none}.topbar-actions{grid-column:1;justify-self:start;display:flex;align-items:center;gap:10px}.topbar .search-wrap{display:none!important}.icon-btn{position:relative;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#111827;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.badge-count{position:absolute;top:-6px;left:-6px;min-width:22px;height:22px;border-radius:999px;background:var(--danger);color:#fff;border:2px solid #fff;font-size:11px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.shell{padding:18px 18px 120px}.home-mobile-search-card{display:block;position:relative;z-index:35;width:min(100%,760px);margin:0 auto 22px;padding:16px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.home-mobile-search-copy{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}.home-mobile-search-copy strong{font-size:18px;font-weight:950;color:#111827}.home-mobile-search-copy span{font-size:12px;font-weight:800;color:var(--muted);white-space:nowrap}.home-mobile-search-field,.search-wrap{position:relative}.home-mobile-search-field{height:56px;display:grid;grid-template-columns:24px minmax(0,1fr)44px;align-items:center;gap:10px;padding:0 14px;border-radius:20px;background:#f8fafc;border:1px solid #e5e7eb}.home-mobile-search-field:focus-within{background:#fff;border-color:rgba(79,70,229,.45);box-shadow:0 0 0 4px rgba(79,70,229,.10)}.home-mobile-search-icon{width:21px;height:21px;color:#98a2b3}.home-mobile-search-field input{width:100%;height:100%;font-size:15px;font-weight:800;color:#111827}.barcode-scan-btn{width:40px;height:40px;border-radius:16px;display:grid;place-items:center;background:#111827;color:#fff;box-shadow:0 8px 20px rgba(17,24,39,.16)}.barcode-scan-btn svg{width:21px;height:21px}.search-suggestions{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:150;display:none;max-height:420px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(17,24,39,.16)}.home-mobile-search-card .search-suggestions{right:16px;left:16px;top:calc(100% - 4px)}.search-suggestions.is-open{display:block}.search-suggestion-item{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr)auto;gap:10px;align-items:center;padding:9px;border-radius:16px;text-align:right;color:#111827}.search-suggestion-item:hover,.search-suggestion-item:focus-visible{background:#f8fafc;outline:0}.suggestion-thumb{width:58px;height:70px;border:1px solid #edf0f4;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden}.suggestion-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.suggestion-copy{min-width:0;display:grid;gap:4px}.suggestion-copy strong{font-size:13px;font-weight:950;line-height:1.45;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.suggestion-copy span{font-size:11px;font-weight:800;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-price{font-style:normal;color:var(--accent);font-size:12px;font-weight:950;white-space:nowrap}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 2px 14px}.section-head h3{font-size:22px;font-weight:950;color:#111827}.section-head>span{font-size:12px;font-weight:900;color:#111827;background:#f3f4f6;border:1px solid var(--line);border-radius:999px;padding:6px 12px}.section-emoji{display:none}.category-scroll-shell{margin-bottom:24px;overflow:visible}.category-scroll-btn{display:none}.chips{display:flex;gap:18px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 92px;min-height:118px;display:grid;justify-items:center;align-content:start;gap:9px;background:transparent;border:0;color:#111827;text-align:center;scroll-snap-align:start}.chip em{display:none!important}.chip .chip-icon,.chip>span:first-child{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;color:#111827;background:radial-gradient(circle at 32% 25%,#fff 0 20%,rgba(255,255,255,.40) 23%,transparent 42%),linear-gradient(145deg,#f9fafb,#eef2ff);border:3px solid #fff;outline:1px solid #e5e7eb;box-shadow:0 12px 28px rgba(17,24,39,.10),inset 0 -12px 22px rgba(79,70,229,.08)}.chip.active .chip-icon,.chip.active>span:first-child{background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.95) 0 19%,rgba(255,255,255,.32) 22%,transparent 42%),linear-gradient(145deg,#111827,#312e81);color:#fff;outline-color:rgba(17,24,39,.22)}.chip>span:not(.chip-icon){font-size:12px;line-height:1.35;font-weight:950;max-width:92px}.parent-category-panel{margin:4px 0 24px;padding:16px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow-soft)}.parent-category-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.parent-category-head small{display:none}.parent-category-head h2{font-size:22px;font-weight:950;letter-spacing:-.03em}.parent-category-head p{display:none}.parent-category-reset{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:950}.parent-child-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.parent-child-category{min-height:78px;padding:14px;border-radius:20px;border:1px solid #edf0f4;background:#f8fafc;text-align:right;color:#111827;box-shadow:none}.parent-child-category strong{font-size:14px;font-weight:950;line-height:1.45}.parent-child-category span{display:none}.parent-child-category.active{background:#111827;color:#fff;border-color:#111827}.parent-child-empty{min-height:120px;grid-column:1/-1;display:grid;place-items:center;border:1px dashed #d0d5dd;border-radius:22px;background:#fff}.banners{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 18px;margin-bottom:20px;scroll-snap-type:x mandatory;scrollbar-width:none}.banners::-webkit-scrollbar{display:none}.banner-card{flex:0 0 min(520px,88vw);min-height:166px;border-radius:26px;overflow:hidden;position:relative;background:#111827;box-shadow:var(--shadow);scroll-snap-align:start}.banner-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,24,39,.82),rgba(17,24,39,.16))}.banner-copy{position:relative;z-index:2;height:100%;padding:24px;display:flex;flex-direction:column;justify-content:center;color:#fff}.banner-copy h4{font-size:24px;line-height:1.35;font-weight:950}.banner-copy p{margin-top:6px;font-size:13px;color:rgba(255,255,255,.88)}.banner-copy strong{margin-top:14px;align-self:flex-start;min-height:34px;display:inline-flex;align-items:center;border-radius:999px;background:#fff;color:#111827;padding:0 14px;font-size:12px;font-weight:950}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-card{background:#fff;border:1px solid #edf0f4;border-radius:24px;overflow:hidden;box-shadow:0 8px 22px rgba(17,24,39,.045);cursor:pointer;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(17,24,39,.10);border-color:#d8dde6}.card-media{position:relative;aspect-ratio:1/1.12;background:#fff;display:grid;place-items:center;padding:14px}.card-media img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(17,24,39,.08))}.badges-top,.badges-bottom{display:none}.card-body{padding:13px;border-top:1px solid #f1f3f5;display:flex;flex-direction:column;gap:9px;flex:1}.title{min-height:42px;font-size:13px;font-weight:950;line-height:1.55;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.price{font-size:16px;font-weight:950;color:#111827}.price-old{font-size:11px;color:#98a2b3;text-decoration:line-through}.add-cart-btn{width:100%;min-height:40px;border-radius:15px;background:#111827;color:#fff;font-size:13px;font-weight:950;box-shadow:0 10px 20px rgba(17,24,39,.14)}.add-cart-btn.disabled{background:#e5e7eb;color:#667085;box-shadow:none}.empty{min-height:220px;display:grid;place-items:center;border:1px dashed #d0d5dd;border-radius:28px;background:#fff}.empty svg{width:120px;height:120px}.home-search-status{margin:0 0 14px;padding:10px 12px;border-radius:18px;background:#f8fafc;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.home-search-status strong{font-size:12px;color:var(--muted);font-weight:900}.home-search-clear{min-height:32px;padding:0 12px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:950}.toast-container{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:1000;width:min(92vw,360px);display:grid;gap:10px;pointer-events:none}.toast{border-radius:18px;background:#111827;color:#fff;padding:13px 16px;font-size:14px;font-weight:850;box-shadow:0 18px 46px rgba(17,24,39,.24);display:flex;align-items:center;gap:10px}.bottom-nav{position:fixed;left:50%;bottom:calc(10px + var(--safe));transform:translateX(-50%);z-index:100;width:min(420px,calc(100% - 20px));display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:7px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 18px 42px rgba(17,24,39,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-btn{position:relative;min-height:58px;border-radius:18px;display:grid;place-items:center;gap:2px;color:#667085;font-weight:950}.nav-btn svg{width:23px;height:23px}.nav-btn span{font-size:11px}.nav-btn.active,.nav-btn:hover{color:#111827;background:#f8fafc}.bottom-cart-link em{position:absolute;top:4px;left:20px;min-width:18px;height:18px;border-radius:999px;background:var(--danger);color:#fff;border:2px solid #fff;font-style:normal;font-size:10px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.barcode-scanner-sheet[hidden]{display:none}.barcode-scanner-sheet{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px}.barcode-scanner-backdrop{position:absolute;inset:0;background:rgba(17,24,39,.58);backdrop-filter:blur(8px)}.barcode-scanner-panel{position:relative;width:min(94vw,430px);border-radius:28px;background:#fff;border:1px solid rgba(255,255,255,.7);box-shadow:0 28px 80px rgba(0,0,0,.24);overflow:hidden}.barcode-scanner-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.barcode-scanner-head strong{font-size:17px;font-weight:950}.barcode-scanner-head button{width:36px;height:36px;border-radius:999px;background:#f3f4f6;font-size:24px;line-height:1}.barcode-scanner-frame{position:relative;aspect-ratio:1/1;background:#0b1220;overflow:hidden}.barcode-scanner-frame video{width:100%;height:100%;object-fit:cover}.barcode-scan-reticle{position:absolute;inset:22%;border:2px solid #fff;border-radius:22px;box-shadow:0 0 0 999px rgba(0,0,0,.26)}.barcode-scan-reticle::before{content:'';position:absolute;left:10%;right:10%;top:50%;height:2px;background:#22c55e;box-shadow:0 0 14px #22c55e}.barcode-scanner-hint{padding:13px 16px;color:#667085;font-size:13px;font-weight:850;line-height:1.7}.barcode-manual-form{display:grid;grid-template-columns:minmax(0,1fr)88px;gap:8px;padding:0 16px 16px}.barcode-manual-form input{height:46px;border-radius:16px;background:#f8fafc;border:1px solid var(--line);padding:0 12px;font-weight:850}.barcode-manual-form button{height:46px;border-radius:16px;background:#111827;color:#fff;font-weight:950}body.scanner-open{overflow:hidden}
@media (min-width:760px){body{padding-bottom:0}.shell{padding-bottom:48px}.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-mobile-search-card{margin-top:10px}.bottom-nav{display:none}.category-scroll-shell{margin-top:2px}.chip{flex-basis:104px}.chip .chip-icon,.chip>span:first-child{width:84px;height:84px}.chip>span:not(.chip-icon){max-width:104px}.banners{margin-top:4px}.banner-card{min-height:210px}}
@media (min-width:1120px){.products{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.shell{padding-inline:22px}.home-mobile-search-card{width:780px}.topbar{padding-inline:22px}.brand-copy h1{max-width:360px}}
@media (max-width:560px){.topbar{min-height:62px;padding:8px 12px}.brand-mark{width:36px;height:36px;border-radius:13px;font-size:12px}.brand-copy h1{font-size:15px;max-width:170px}.icon-btn{width:38px;height:38px}.shell{padding:12px 10px 106px}.home-mobile-search-card{padding:12px;border-radius:24px;margin-bottom:18px}.home-mobile-search-copy strong{font-size:15px}.home-mobile-search-copy span{display:none}.home-mobile-search-field{height:52px;border-radius:18px;grid-template-columns:22px minmax(0,1fr)40px}.barcode-scan-btn{width:38px;height:38px;border-radius:14px}.section-head h3{font-size:18px}.chips{gap:12px}.chip{flex-basis:78px;min-height:104px}.chip .chip-icon,.chip>span:first-child{width:68px;height:68px}.chip>span:not(.chip-icon){font-size:11px;max-width:78px}.products{gap:10px}.product-card{border-radius:20px}.card-media{padding:10px}.card-body{padding:11px}.title{font-size:12px;min-height:38px}.price{font-size:14px}.add-cart-btn{min-height:38px}.search-suggestion-item{grid-template-columns:52px minmax(0,1fr);align-items:start}.suggestion-thumb{width:52px;height:64px}.suggestion-price{grid-column:2;justify-self:start}.banner-card{flex-basis:92vw;min-height:148px}.banner-copy h4{font-size:20px}.banner-copy p{display:none}.parent-child-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.barcode-scanner-panel{border-radius:24px}}