:root{--bg: #090605;--bg-2: #120a07;--surface: rgba(32, 18, 12, .72);--surface-2: #27150f;--line: rgba(255, 170, 110, .14);--line-strong: rgba(255, 170, 110, .28);--text: #fff4ea;--muted: #d7b7a4;--faint: #9a7463;--brand: #ff3b12;--brand-2: #ff7a3a;--gold: #f6c453;--gold-2: #ffe09a;--ok: #4ae39e;--shadow: 0 30px 80px rgba(0, 0, 0, .55);--radius: 24px;--nav-h: 78px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Cairo,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 500px at 110% -10%,rgba(255,59,18,.18),transparent 55%),radial-gradient(700px 420px at -10% 110%,rgba(246,196,83,.08),transparent 50%);z-index:0}#app{position:relative;z-index:1}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}.orb{position:fixed;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0;opacity:.55;animation:drift 14s var(--ease) infinite alternate}.orb-a{width:340px;height:340px;background:#ff3b12;top:-80px;left:-80px}.orb-b{width:280px;height:280px;background:#f6c453;bottom:10%;right:-90px;animation-delay:-4s;opacity:.22}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(40px,30px,0) scale(1.12)}}.reveal{opacity:0;transform:translateY(28px);animation:none;transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d, 0ms)}.reveal.in{opacity:1;transform:none}.nav{position:sticky;top:0;z-index:40;height:var(--nav-h);display:flex;align-items:center;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);background:linear-gradient(180deg,rgba(9,6,5,.92),rgba(9,6,5,.55) 80%,transparent);border-bottom:1px solid transparent;transition:background .35s ease,border-color .35s ease}.nav.scrolled{border-bottom-color:var(--line);background:#090605e0}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 32px));margin-inline:auto}.brand{display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;border-radius:16px;object-fit:cover;box-shadow:0 0 0 2px #ff3b1280,0 8px 24px #ff3b1247;animation:pulse-ring 3.2s ease-in-out infinite}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 2px #ff3b1280,0 8px 24px #ff3b1247}50%{box-shadow:0 0 0 6px #ff3b121f,0 8px 28px #ff3b1266}}.brand-name{font-weight:900;font-size:20px;letter-spacing:.04em}.brand-tag{font-size:12px;color:var(--muted);margin-top:-3px}.icon-btn{width:48px;height:48px;border-radius:16px;border:1px solid var(--line);background:#20120cb3;display:grid;place-items:center;position:relative;transition:transform .25s var(--ease),border-color .25s ease,background .25s ease}.icon-btn:hover{transform:translateY(-2px);border-color:var(--brand)}.icon-btn svg{width:20px;height:20px}.badge{position:absolute;top:-7px;inset-inline-end:-7px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;animation:pop .45s var(--ease)}@keyframes pop{0%{transform:scale(.4)}70%{transform:scale(1.18)}to{transform:scale(1)}}.hero{position:relative;padding:12px 0 64px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.hero-copy{animation:rise .9s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--gold-2);font-weight:800;font-size:13px;margin-bottom:16px}.kicker:before{content:"";width:32px;height:2px;background:linear-gradient(90deg,var(--brand),var(--gold));animation:grow 1.2s var(--ease) both}@keyframes grow{0%{width:0}to{width:32px}}.hero h1{font-size:clamp(42px,6.4vw,80px);line-height:1.02;font-weight:900;letter-spacing:-.03em}.hero h1 span{background:linear-gradient(120deg,#fff 10%,var(--brand-2) 45%,var(--gold) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin-top:18px;color:var(--muted);font-size:18px;max-width:46ch;line-height:1.8}.hero-cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:16px;font-weight:800;transition:transform .25s var(--ease),box-shadow .25s ease,background .25s ease}.btn-primary{background:linear-gradient(135deg,#ff2d0a,#ff7a3a);color:#fff;box-shadow:0 12px 32px #ff3b1261}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 36px #ff3b1280}.btn-ghost{background:#ffffff0a;border:1px solid var(--line-strong)}.btn-ghost:hover{transform:translateY(-3px);border-color:var(--gold)}.stats{display:flex;gap:22px;margin-top:34px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:2px}.stat b{font-size:16px}.stat span{color:var(--faint);font-size:12px}.hero-visual{position:relative;min-height:480px;animation:rise 1s .12s var(--ease) both}.hero-ring{position:absolute;top:8px;right:0;bottom:28px;left:0;border-radius:44px;border:1px solid rgba(255,122,58,.25);animation:spin-slow 18s linear infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}.hero-plate{position:absolute;top:28px;right:18px;bottom:48px;left:18px;border-radius:36px;background:linear-gradient(180deg,#0906050d,#0906058c),url(https://iqmenus.com/Images/GwjY6l3dOecafDe2.jpg) center/cover;box-shadow:var(--shadow);overflow:hidden}.hero-plate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,106,42,.28),transparent 48%)}.float-card{position:absolute;background:#120a07db;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}.float-card img{width:48px;height:48px;border-radius:12px;object-fit:cover}.float-card b{display:block;font-size:13px}.float-card span{color:var(--gold);font-size:12px;font-weight:800}.fc-1{top:36px;inset-inline-start:-8px;animation:floaty 4.4s ease-in-out infinite}.fc-2{bottom:22px;inset-inline-end:4px;animation:floaty 5.2s .6s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.toolbar{position:sticky;top:var(--nav-h);z-index:20;padding:10px 0 14px;background:linear-gradient(180deg,#090605f5,#090605c7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.search{display:flex;align-items:center;gap:10px;background:#20120ccc;border:1px solid var(--line);border-radius:18px;padding:0 16px;height:52px;transition:border-color .25s ease,box-shadow .25s ease}.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px #ff3b121f}.search input{flex:1;background:none;border:0;outline:0}.search svg{width:18px;height:18px;color:var(--faint)}.cats{display:flex;gap:10px;overflow-x:auto;padding:14px 2px 6px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;border:1px solid var(--line);background:#20120cb3;color:var(--muted);font-weight:800;font-size:13px;transition:transform .25s var(--ease),border-color .25s ease,background .25s ease,color .25s ease}.cat img{width:36px;height:36px;border-radius:50%;object-fit:cover}.cat:hover{transform:translateY(-2px);color:#fff}.cat.active{border-color:transparent;color:#fff;background:linear-gradient(135deg,#ff2d0a,#ff7a3a);box-shadow:0 8px 20px #ff3b124d}.section{padding:32px 0 12px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:30px;font-weight:900}.section-head p{color:var(--faint);font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:linear-gradient(180deg,#2a1610e6,#120a07eb);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease),border-color .35s ease,box-shadow .35s ease}.card:hover{transform:translateY(-8px);border-color:var(--line-strong);box-shadow:0 18px 40px #00000059}.card-img{height:176px;background:#2a1510 center/cover no-repeat;position:relative;overflow:hidden;transform:scale(1.001);transition:transform .5s var(--ease)}.card:hover .card-img{transform:scale(1.08)}.pill{position:absolute;top:12px;inset-inline-start:12px;background:#ff2d0af0;color:#fff;font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px}.img-add{position:absolute;bottom:10px;inset-inline-end:10px;width:36px;height:36px;border-radius:12px;background:#fff;color:#111;font-size:22px;font-weight:700;opacity:0;transform:translateY(8px);transition:.3s var(--ease)}.card:hover .img-add{opacity:1;transform:none}.card-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.card-body h3{font-size:16px;line-height:1.4;min-height:44px;cursor:pointer}.price{color:var(--gold-2);font-weight:800;font-size:15px}.card-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:8px}.add-btn{height:38px;padding:0 14px;border-radius:12px;background:var(--brand);color:#fff;font-weight:800;font-size:13px;transition:transform .2s var(--ease),background .2s ease}.add-btn:hover{transform:scale(1.05);background:#ff531f}.empty-search{color:var(--muted);padding:48px 0;text-align:center}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.how-card,.info-card{background:linear-gradient(180deg,#2a1610d9,#120a07e6);border:1px solid var(--line);border-radius:22px;padding:22px}.num{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#3a160e,#5a1e10);color:var(--gold-2);display:grid;place-items:center;font-weight:900;margin-bottom:12px}.how-card h3,.info-card h3{margin-bottom:8px}.how-card p,.info-card p{color:var(--muted);line-height:1.8;font-size:14px}.meta{margin-top:10px!important;color:var(--gold-2)!important}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.zones{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:280px;overflow:auto;padding-inline-end:4px}.zone{display:flex;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:12px;background:#ffffff08;font-size:13px}.zone span{color:var(--gold);font-weight:800}.socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.socials a{height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;font-size:13px;font-weight:700;transition:.25s ease}.socials a:hover{border-color:var(--brand);background:#ff3b121a}.footer{margin-top:48px;padding:28px 0 110px;border-top:1px solid var(--line);color:var(--faint);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;opacity:0;pointer-events:none;transition:.3s ease;z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overlay.show{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(440px,100%);background:#110a07;border-inline-start:1px solid var(--line);transform:translate(-110%);transition:transform .38s var(--ease);z-index:60;display:flex;flex-direction:column}.drawer.show{transform:none}.drawer-head,.drawer-foot{padding:18px}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-body{flex:1;overflow:auto;padding:14px 18px}.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);animation:rise .35s var(--ease) both}.cart-item img{width:72px;height:72px;object-fit:cover;border-radius:14px}.qty{display:flex;align-items:center;gap:8px;margin-top:8px}.qty button{width:28px;height:28px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line)}.totals{display:grid;gap:8px;margin:8px 0 14px;color:var(--muted)}.totals div{display:flex;justify-content:space-between}.totals .grand{color:var(--text);font-weight:900;font-size:18px}.form{display:grid;gap:10px}.form label{font-size:12px;color:var(--faint)}.form input,.form select,.form textarea{width:100%;background:#1b100c;border:1px solid var(--line);border-radius:12px;padding:11px 12px;outline:none;transition:border-color .2s ease}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--brand)}.form textarea{min-height:70px;resize:vertical}.seg{display:flex;gap:8px}.seg button{flex:1;height:42px;border-radius:12px;border:1px solid var(--line);background:#1b100c;font-weight:800;transition:.25s ease}.seg button.active{background:var(--brand);border-color:var(--brand);color:#fff}.warn{color:#ff8d73;font-size:13px;min-height:18px}.empty{text-align:center;padding:50px 10px;color:var(--muted)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:none;place-items:center;padding:18px}.modal.show{display:grid}.modal-card{width:min(720px,100%);background:#110a07;border:1px solid var(--line-strong);border-radius:28px;overflow:hidden;max-height:min(90vh,860px);display:flex;flex-direction:column;position:relative;animation:modal-in .4s var(--ease) both}@keyframes modal-in{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}.modal-x{position:absolute;top:14px;inset-inline-start:14px;z-index:2;width:40px;height:40px;border-radius:12px;background:#00000073;color:#fff;display:grid;place-items:center}.modal-img{height:280px;background:#2a1510 center/cover no-repeat}.modal-body{padding:20px;overflow:auto}.modal-body h2{font-size:28px;margin-bottom:8px}.modal-body p{color:var(--muted);line-height:1.8}.similar-title{margin:22px 0 12px}.similar-grid{grid-template-columns:repeat(2,1fr)}.toast{position:fixed;bottom:28px;inset-inline-start:50%;transform:translate(-50%) translateY(20px);background:#163226;color:var(--ok);border:1px solid rgba(74,227,158,.3);padding:12px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.3s var(--ease);z-index:80;font-weight:800}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:980px){.hero-grid,.about-grid{grid-template-columns:1fr}.hero-visual{min-height:340px}.grid{grid-template-columns:repeat(2,1fr)}.how-grid{grid-template-columns:1fr}.hero-ring{animation:none}.fc-1{inset-inline-start:0}.img-add{opacity:1;transform:none}}@media(max-width:560px){.hero h1{font-size:40px}.card-img{height:132px}.brand-tag{display:none}.zones{grid-template-columns:1fr}}