@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";html{scroll-behavior:smooth;min-height:100%}body{min-height:100%;overflow-x:hidden;overflow-y:auto}#root{min-height:100%}.noise-overlay{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none}.hero-noise-overlay{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.06;mix-blend-mode:overlay;pointer-events:none}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(16px);transition:opacity .4s ease-out,transform .4s ease-out}.fade-in-section.is-visible.stagger-children>*:nth-child(1){transition-delay:.05s}.fade-in-section.is-visible.stagger-children>*:nth-child(2){transition-delay:.1s}.fade-in-section.is-visible.stagger-children>*:nth-child(3){transition-delay:.15s}.fade-in-section.is-visible.stagger-children>*:nth-child(4){transition-delay:.2s}.fade-in-section.is-visible.stagger-children>*:nth-child(5){transition-delay:.25s}.fade-in-section.is-visible.stagger-children>*:nth-child(6){transition-delay:.3s}.fade-in-section.is-visible.stagger-children>*:nth-child(7){transition-delay:.35s}.fade-in-section.is-visible.stagger-children>*{opacity:1;transform:translateY(0)}.section-how-it-works.stagger-children>*{opacity:0;transform:translateY(10px);transition:opacity .55s ease-in-out,transform .55s ease-in-out}.section-how-it-works.is-visible.stagger-children>*{opacity:1;transform:translateY(0)}.section-features.stagger-children>*{opacity:0;transform:none;transition:opacity .5s ease-out}.section-features.is-visible.stagger-children>*{opacity:1;transform:none}.section-why-us.stagger-children>*{opacity:0;transform:scale(.98);transition:opacity .5s ease-out,transform .5s ease-out}.section-why-us.is-visible.stagger-children>*{opacity:1;transform:scale(1)}.nav-landing{background:#0b1220d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-link{font-weight:500;transition:color .2s ease;position:relative}.nav-link-dark{color:#ffffffbf}.nav-link-dark:hover{color:#fff}.nav-link-dark:after{content:"";position:absolute;bottom:-2px;right:0;width:0;height:1px;background:#fff;transition:width .2s ease}.nav-link-dark:hover:after{width:100%;left:0;right:auto}.nav-link-light{color:#64748b}.nav-link-light:hover{color:#0f172a}.btn-primary,.nav-cta-primary{background:linear-gradient(90deg,#2563eb,#1d4ed8)!important;color:#fff!important;box-shadow:0 4px 14px #2563eb40;font-weight:600;transition:filter .2s ease,transform .2s ease}.btn-primary:hover,.nav-cta-primary:hover{filter:brightness(1.05);transform:scale(1.02)}.nav-cta-primary{padding-left:1.5rem;padding-right:1.5rem}.store-page{--bg: #0d0d0f;--surface: #17171a;--card: #1e1e23;--border: #2a2a32;--accent: #6c63ff;--accent2: #ff6584;--text: #f0f0f5;--muted: #8888a0;--success: #34d399;--danger: #f87171;--r-card: 16px;--r-btn: 12px;--gap: 8px;--font: "IBM Plex Sans Arabic", sans-serif}.store-page,.store-page *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.store-page{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100dvh;overscroll-behavior:none}.store-page .header{position:sticky;top:0;z-index:50;background:#0d0d0fd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:14px 16px 12px;display:flex;align-items:center;gap:12px}.store-page .store-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.store-page .store-info{flex:1;min-width:0}.store-page .store-name{font-size:15px;font-weight:600;line-height:1.2}.store-page .store-sub{font-size:12px;color:var(--muted);margin-top:2px}.store-page .chat-fab-header{width:40px;height:40px;border-radius:12px;background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;transition:transform .15s,opacity .15s}.store-page .chat-fab-header:active{transform:scale(.92);opacity:.85}.store-page .search-bar{padding:12px 16px 0;position:relative}.store-page .search-bar input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:11px 16px 11px 42px;color:var(--text);font-family:var(--font);font-size:14px;outline:none;transition:border-color .2s}.store-page .search-bar input::placeholder{color:var(--muted)}.store-page .search-bar input:focus{border-color:var(--accent)}.store-page .search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px;pointer-events:none}.store-page .filter-row{display:flex;gap:8px;padding:12px 16px 4px;overflow-x:auto;scrollbar-width:none}.store-page .filter-row::-webkit-scrollbar{display:none}.store-page .chip{flex-shrink:0;padding:7px 14px;border-radius:100px;font-size:13px;font-weight:500;background:var(--card);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all .15s;white-space:nowrap}.store-page .chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.store-page .chip:active{transform:scale(.95)}.store-page .section-label{padding:16px 16px 8px;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.store-page .product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 16px}.store-page .product-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;cursor:pointer;transition:transform .15s,border-color .2s;position:relative;display:flex;flex-direction:column}.store-page .product-card:active{transform:scale(.97)}.store-page .product-card.selected{border-color:var(--accent)}.store-page .card-thumb{height:90px;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;font-size:36px;position:relative}.store-page .card-thumb-image{width:100%;height:100%;object-fit:cover}.store-page .badge-unavail{position:absolute;top:8px;left:8px;background:#f8717126;border:1px solid var(--danger);color:var(--danger);font-size:10px;font-weight:600;padding:2px 7px;border-radius:100px}.store-page .card-body{padding:10px 10px 12px;flex:1;display:flex;flex-direction:column;gap:4px}.store-page .card-category{font-size:10px;font-weight:600;color:var(--accent);letter-spacing:.04em}.store-page .card-name{font-size:13px;font-weight:600;line-height:1.35;color:var(--text)}.store-page .card-price{font-size:14px;font-weight:700;color:var(--success);margin-top:auto;padding-top:6px}.store-page .card-btn{margin:0 10px 10px;padding:9px;border-radius:10px;background:var(--accent);border:none;color:#fff;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;text-align:center}.store-page .card-btn:active{opacity:.8;transform:scale(.97)}.store-page .card-btn.disabled{background:var(--border);color:var(--muted);cursor:not-allowed}.store-page .skeleton{animation:pulse 1.4s ease-in-out infinite}.store-page .sk-card{background:var(--card);border-radius:var(--r-card);height:190px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.store-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;gap:12px}.store-page .empty-state .icon{font-size:48px}.store-page .empty-state h3{font-size:17px;font-weight:600}.store-page .empty-state p{font-size:14px;color:var(--muted);line-height:1.55}.store-page .empty-chat-btn{margin-top:8px;padding:12px 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-btn);font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer}.store-page .overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;opacity:0;pointer-events:none;transition:opacity .25s}.store-page .overlay.open{opacity:1;pointer-events:all}.store-page .chat-sheet{position:fixed;bottom:0;left:0;right:0;z-index:101;background:var(--surface);border-radius:24px 24px 0 0;border-top:1px solid var(--border);height:82dvh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.store-page .chat-sheet.open{transform:translateY(0)}.store-page .sheet-handle{width:36px;height:4px;background:var(--border);border-radius:100px;margin:12px auto 0;flex-shrink:0}.store-page .sheet-header{padding:14px 16px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}.store-page .ai-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:16px}.store-page .ai-info{flex:1}.store-page .ai-name{font-size:14px;font-weight:600}.store-page .ai-status{font-size:11px;color:var(--success);display:flex;align-items:center;gap:4px;margin-top:1px}.store-page .ai-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);display:inline-block}.store-page .close-btn{width:32px;height:32px;border-radius:8px;background:var(--card);border:1px solid var(--border);color:var(--muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.store-page .product-context{margin:10px 16px 0;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;flex-shrink:0}.store-page .ctx-emoji{font-size:24px}.store-page .ctx-info{flex:1;min-width:0}.store-page .ctx-name{font-size:13px;font-weight:600}.store-page .ctx-price{font-size:12px;color:var(--success);margin-top:2px}.store-page .messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:none}.store-page .messages::-webkit-scrollbar{display:none}.store-page .msg{max-width:82%;padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.5;word-break:break-word}.store-page .msg.ai{background:var(--card);border:1px solid var(--border);border-radius:4px 16px 16px;align-self:flex-start;color:var(--text)}.store-page .msg.user{background:var(--accent);border-radius:16px 4px 16px 16px;align-self:flex-end;color:#fff}.store-page .typing-dots{display:flex;gap:4px;align-items:center;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:4px 16px 16px;align-self:flex-start;width:fit-content}.store-page .typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:bounce .9s ease-in-out infinite}.store-page .typing-dots span:nth-child(2){animation-delay:.15s}.store-page .typing-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-5px);opacity:1}}.store-page .chat-input-row{padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);display:flex;gap:8px;align-items:flex-end;flex-shrink:0;background:var(--surface)}.store-page .chat-input-row textarea{flex:1;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 14px;color:var(--text);font-family:var(--font);font-size:14px;outline:none;resize:none;max-height:100px;line-height:1.4;transition:border-color .2s}.store-page .chat-input-row textarea:focus{border-color:var(--accent)}.store-page .chat-input-row textarea::placeholder{color:var(--muted)}.store-page .send-btn{width:42px;height:42px;background:var(--accent);border:none;border-radius:12px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s,transform .1s}.store-page .send-btn:active{opacity:.8;transform:scale(.93)}.store-page .bottom-spacer{height:80px}.store-page .fab-wrap{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));right:20px;z-index:60;display:flex;flex-direction:column;align-items:center;gap:6px}.store-page .fab-label{background:#0d0d0feb;border:1px solid var(--border);color:var(--text);font-size:11px;font-weight:600;padding:5px 8px;border-radius:10px}.store-page .fab{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #6c63ff66;transition:transform .2s,box-shadow .2s}.store-page .fab:active{transform:scale(.92);box-shadow:0 4px 12px #6c63ff4d}.store-page .fab-wrap.hidden{display:none}.store-page .design-notes{background:#0a0a12;border-top:2px solid var(--accent);padding:20px 16px;font-size:12px;color:var(--muted);font-family:monospace;line-height:1.7}.store-page .design-notes h4{color:var(--accent);font-size:13px;margin-bottom:8px}.store-page .dn-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.store-page .dn-swatch{display:flex;align-items:center;gap:8px;margin:4px 0}.store-page .dn-dot{width:14px;height:14px;border-radius:4px;flex-shrink:0}