:root{color-scheme:dark;--bg:#0b0f19;--panel:#141b2a;--panel2:#1c2536;--line:#2b3545;--ink:#f5f7fb;--sub:#a6b2c3;--red:#f74e67;--gold:#f7b86c;--safe:#6ed4b2;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1000px 700px at 110% -15%,#28203a 0,transparent 65%),var(--bg);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(1050px,calc(100% - 36px));margin:auto}.header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;background:linear-gradient(145deg,#ff506b,#c72c5c);border-radius:12px;display:grid;place-items:center;font-size:25px;font-weight:900;box-shadow:0 10px 25px #d8315a28}.brand strong{display:block;font-size:23px;line-height:1.1;letter-spacing:1px}.brand small{font-size:11px;color:var(--sub)}.external-link{border:1px solid var(--line);border-radius:30px;padding:9px 15px;font-size:12px;color:#cbd5e3}.external-link:hover{border-color:var(--red)}.hero{position:relative;overflow:hidden;min-height:295px;padding:30px 36px;background:linear-gradient(118deg,#211a2e 0,#1b192b 62%,#312339 100%);border:1px solid #4b2b46;border-radius:27px}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:12px;color:#f8c2cc;border-radius:30px;background:#ffffff0c;padding:6px 12px}.live-dot{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:#82d2b0;box-shadow:0 0 0 3px #82d2b01e}.version{font-size:11px;color:#bfaaba}.hero h1{font-size:clamp(27px,4.7vw,43px);line-height:1.45;margin:20px 0 7px;font-weight:800;max-width:660px}.hero h1 em{font-style:normal;color:#ffa4ae}.hero p{font-size:13px;color:#d6cbd6;max-width:590px;margin:5px 0;position:relative;z-index:1}.hero-art{position:absolute;left:40px;top:45px;width:230px;height:230px;opacity:.45;pointer-events:none}.orbit{border:1px solid #f56b944e;border-radius:50%;position:absolute;transform:rotate(-25deg)}.orbit-one{inset:15px 0}.orbit-two{inset:40px 24px}.hero-icon{font-size:97px;color:#ec81a2;text-align:center;margin-top:47px;filter:drop-shadow(0 0 20px #e74c7a)}.workspace{margin-top:26px;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:15px}.section-heading>div{display:flex;align-items:center;gap:10px}.section-heading h2{font-size:20px;margin:0}.number{font-size:12px;color:var(--red);font-weight:700}.muted{color:var(--sub);font-size:12px}.categories{display:flex;gap:9px;flex-wrap:wrap;min-height:55px}.category{font-size:12px;font-weight:700;border:1px solid var(--line);background:#1b2332;color:#cad5e3;border-radius:14px;padding:11px 17px;transition:.15s}.category:hover,.category:focus-visible{border-color:#a24c67;color:white}.category.active{background:linear-gradient(110deg,#db3555,#b42b52);color:white;border-color:#e95c71;box-shadow:0 6px 20px #d82f4b26}.skeleton{height:43px;width:130px;background:linear-gradient(90deg,#1b2433,#2b3546,#1b2433);background-size:200% 100%;border-radius:12px;animation:shine 1.6s infinite}@keyframes shine{0%{background-position:200% 0}100%{background-position:-200% 0}}.search-panel{padding-top:20px;margin-top:15px;border-top:1px solid var(--line)}.search-panel>label{display:block;margin-bottom:9px;font-size:13px;color:#d9e0eb;font-weight:650}.searchbox{display:flex;align-items:center;gap:7px;border:1px solid #3a4556;border-radius:15px;padding:6px;background:#0f1522}.searchbox:focus-within{border-color:var(--red)}.search-glass{font-size:26px;color:#8c9aae;padding:0 11px}.searchbox input{flex:1;min-width:0;outline:0;border:0;background:transparent;color:var(--ink);font-size:14px;padding:12px 0}.searchbox input::placeholder{color:#69798d}.searchbox button{border:0;border-radius:11px;padding:13px 20px;color:white;font-size:13px;font-weight:800;background:linear-gradient(110deg,#f25368,#cb3056)}.searchbox button:disabled{opacity:.6;cursor:wait}.filters{display:flex;align-items:end;gap:25px;flex-wrap:wrap;margin-top:14px}.filter-price{display:flex;gap:8px;align-items:center}.filter-price label{font-size:12px;color:var(--sub)}.filter-price input{width:120px;border-radius:9px;background:#0d1522;border:1px solid var(--line);padding:8px;color:white;outline:none}.switch{display:flex;align-items:center;gap:9px;color:#b8c4d2;font-size:12px;cursor:pointer}.switch input{accent-color:var(--red);width:17px;height:17px}.status{padding:12px 14px;margin:0 0 14px;border-radius:12px;font-size:12px;border:1px solid var(--line)}.status.info{background:#172337;color:#9db8db}.status.error{background:#342027;color:#ffb2bf;border-color:#63313d}.status.success{background:#1a302d;color:#a2e2cf;border-color:#31584c}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product{background:linear-gradient(145deg,#1b2535,#141d2a);border:1px solid #333d4f;border-radius:16px;padding:17px;display:flex;flex-direction:column;gap:12px;min-width:0}.product h3{font-size:15px;line-height:1.65;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:48px}.price-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.price{font-size:24px;font-weight:850;color:#ffb6c1;direction:ltr}.tag{color:#afbdcd;font-size:10px;border:1px solid #455064;border-radius:30px;padding:4px 9px}.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spec{background:#0c1523;padding:9px;border-radius:10px}.spec small{display:block;color:#8291a8;font-size:10px}.spec strong{font-size:12px;color:#dce4ee}.buy{display:block;text-align:center;background:#293847;padding:10px 12px;border-radius:10px;color:#e6eef7;font-weight:750;font-size:12px;margin-top:auto}.buy:hover{background:#b83d55;color:white}.results-footer{text-align:center;margin-top:18px}.results-footer a{font-size:12px;color:#e99ead}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:24px}.action-card{display:flex;align-items:center;gap:15px;background:#161e2b;border:1px solid #2e3a4b;border-radius:16px;padding:18px}.action-card .action-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#2a3445;font-size:23px;color:#ffa7b5}.action-card strong{display:block;font-size:14px}.action-card small{display:block;font-size:11px;color:var(--sub)}.arrow{margin-inline-start:auto;color:#a8b4c5}footer{font-size:11px;color:#8190a5;line-height:1.8;text-align:center;margin:24px auto 36px;max-width:850px}@media(max-width:650px){.wrap{width:calc(100% - 22px)}.header{height:70px}.hero{min-height:255px;padding:21px 19px;border-radius:20px}.hero h1{font-size:27px;max-width:100%}.hero-art{opacity:.15;left:0;top:70px}.hero p{max-width:100%}.workspace{padding:15px;border-radius:17px;margin-top:14px}.section-heading h2{font-size:17px}.section-heading .muted{font-size:10px}.category{padding:9px 13px}.searchbox button{padding:11px 11px}.products,.actions{grid-template-columns:1fr}.filters{align-items:center;gap:12px}.action-card{padding:14px}.version{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* FAR v0.2 — guided, touch-first discovery. */
.hero{min-height:200px;padding:22px 27px}.hero h1{margin:12px 0 5px;font-size:clamp(25px,3.6vw,34px)}
.hero-art{opacity:.17}.quick-heading,.suggestion-heading{font-size:13px;font-weight:750;margin:20px 0 10px;color:#e0e6f2}
.quick-actions,.suggestions{display:flex;gap:8px;flex-wrap:wrap}
.quick,.suggestion{padding:10px 14px;border:1px solid #384457;background:#121d2a;border-radius:999px;color:#e3ebf4;font-weight:700;font-size:12px;line-height:1.35}
.quick.active,.quick:hover,.suggestion:hover{background:#b52d4e;border-color:#eb5375;color:#fff}
.suggestions:empty::before{content:'اختر فئة لعرض الأسماء المتاحة';font-size:12px;color:#8190a5}
.advanced-search{margin-top:22px;border-top:1px solid var(--line);padding-top:13px}
.advanced-search summary{cursor:pointer;list-style-position:inside;font-size:12px;color:#c7d3e2;user-select:none}
.advanced-search .search-panel{margin-top:10px;padding-top:8px;border-top:0}
@media(max-width:650px){.hero{min-height:170px;padding:17px 18px}.hero h1{font-size:24px}.hero p{font-size:12px}.quick,.suggestion{font-size:11px;padding:9px 12px}.workspace{padding:13px}.section-heading h2{font-size:16px}}