:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050505;--bg-soft:#101113;--panel:#111215db;--panel-strong:#17181b;--line:#ffffff17;--text:#f4f2ed;--muted:#acb0b7;--accent:#d8ff2f;--accent-deep:#9db90d;--shadow:0 22px 80px #0000006b;font-family:Tajawal,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);direction:rtl;background:radial-gradient(circle at 100% 0,#d8ff2f26,#0000 28%),radial-gradient(circle at 0 0,#ffffff0f,#0000 18%),linear-gradient(#070809 0%,#030303 100%);min-height:100vh;margin:0}body.modal-open{overflow:hidden}button,input,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}img{max-width:100%;display:block}#app{min-height:100vh}.site-shell{width:min(1400px,100% - 32px);margin:0 auto;padding:18px 0 104px;position:relative}.bg-orb{aspect-ratio:1;filter:blur(90px);opacity:.28;pointer-events:none;z-index:0;border-radius:50%;width:360px;position:fixed}.bg-orb-a{background:#d8ff2f38;top:-60px;left:-120px}.bg-orb-b{background:#ffffff1f;bottom:80px;right:-150px}.topbar,main,.mobile-dock,.modal-backdrop{z-index:1;position:relative}.topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#050505b8;border-radius:28px;justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;display:flex}.brand{gap:2px;min-width:160px;line-height:.95;display:grid}.brand-mark,.brand-name{letter-spacing:1px;font-family:Bebas Neue,sans-serif}.brand-mark{color:var(--accent);font-size:42px;position:absolute;transform:translate(8px)translateY(-4px)}.brand-name{padding-right:20px;font-size:50px}.brand-sub{color:var(--accent);letter-spacing:8px;padding-right:44px;font-size:13px}.desktop-nav{color:#d7d7d7;align-items:center;gap:28px;display:flex}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";background:0 0;border-radius:999px;height:2px;transition:all .18s;position:absolute;bottom:-10px;left:0;right:0}.desktop-nav a:hover:after{background:var(--accent)}.topbar-actions{gap:12px;display:flex}.lime-btn,.ghost-btn,.text-btn{border-radius:18px;padding:13px 18px;transition:transform .18s,background .18s,border-color .18s}.lime-btn:hover,.ghost-btn:hover,.text-btn:hover{transform:translateY(-1px)}.lime-btn{background:var(--accent);color:#050505;font-weight:700}.ghost-btn{color:var(--text);background:0 0;border:1px solid #d8ff2f59}.text-btn{color:var(--accent);background:0 0;padding-inline:0}.lime-btn.large,.ghost-btn.large{min-height:56px;padding-inline:24px}.lime-btn.small{border-radius:14px;padding:10px 14px}main{gap:26px;margin-top:22px;display:grid}.hero-section,.trust-strip,.control-panel,.category-section,.products-section,.boards-section,.whatsapp-banner{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#111215d6,#0a0b0deb);border-radius:34px}.hero-section{grid-template-columns:1.02fr .98fr;gap:24px;padding:34px;display:grid;overflow:hidden}.hero-copy{flex-direction:column;justify-content:center;gap:20px;display:flex}.hero-kicker,.small-label{color:var(--accent);text-transform:uppercase;letter-spacing:3px;font-size:12px}.hero-copy h1,.section-head h2,.login-card h2,.modal-card h2,.whatsapp-banner h2{letter-spacing:1px;margin:0;font-family:Bebas Neue,sans-serif;line-height:.98}.hero-copy h1{font-size:clamp(64px,9vw,118px)}.hero-copy h1 span{color:var(--accent)}.hero-text,.section-head p,.login-card p,.modal-copy,.whatsapp-banner p{color:var(--muted);margin:0;font-size:18px;line-height:1.9}.hero-cta,.hero-meta{flex-wrap:wrap;gap:12px;display:flex}.hero-meta span{color:#e8e7e2;background:#ffffff0a;border-radius:999px;padding:10px 14px}.hero-visual{min-height:640px;position:relative}.hero-visual:before{content:"";background:linear-gradient(135deg,#d8ff2f2e,#0000 40%),radial-gradient(circle,#ffffff12,#0000 56%);border-radius:30px;position:absolute;inset:0}.hero-board-card{border-radius:30px;position:absolute;inset:0;overflow:hidden}.hero-board-card img{object-fit:cover;object-position:56% 50%;filter:saturate(.95)contrast(1.04);width:100%;height:100%}.floating-product{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080808c7;border:1px solid #ffffff14;border-radius:26px;gap:12px;width:min(320px,72%);padding:18px;display:grid;position:absolute;bottom:24px;left:24px}.floating-thumb{background:#1a1b1e;border-radius:18px;height:210px;overflow:hidden}.floating-thumb img{object-fit:cover;width:100%;height:100%}.floating-info{gap:8px;display:grid}.mini-label{color:var(--accent);font-size:12px}.floating-info strong{font-size:28px}.floating-info span:last-child{color:var(--accent);font-size:26px;font-weight:700}.trust-strip{grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.trust-strip article{background:#ffffff08;align-items:center;gap:16px;padding:24px 26px;display:flex}.trust-strip strong{margin-bottom:6px;font-size:20px;display:block}.trust-strip p{color:var(--muted);margin:0}.trust-icon{background:var(--accent);color:#060606;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:22px;display:grid}.control-panel{grid-template-columns:1.3fr .8fr;gap:20px;padding:24px;display:grid}.search-card,.login-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:26px;padding:22px}.field-label{color:#f0eee8;margin-bottom:14px;font-size:18px;display:block}.search-wrap{grid-template-columns:1fr auto;gap:12px;display:grid}.search-wrap input,.login-form input{width:100%;min-height:58px;color:var(--text);background:#111214;border:1px solid #ffffff14;border-radius:18px;outline:none;padding:0 18px}.search-wrap input:focus,.login-form input:focus{border-color:#d8ff2f80}.search-clear{min-height:58px;color:var(--muted);background:#ffffff0d;border-radius:18px;padding:0 18px}.login-actions{align-items:center;gap:16px;margin-top:18px;display:flex}.category-section,.products-section,.boards-section{padding:28px}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.section-head h2,.login-card h2,.modal-card h2,.whatsapp-banner h2{font-size:clamp(36px,4vw,58px)}.section-stats{flex-wrap:wrap;gap:12px;display:flex}.section-stats span{color:#eef0ea;background:#ffffff0d;border-radius:999px;padding:10px 14px}.category-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.category-pill{min-height:120px;color:var(--text);background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;justify-items:start;gap:8px;padding:18px;display:grid}.category-pill.active{background:linear-gradient(#d8ff2f2e,#d8ff2f0d);border-color:#d8ff2f80}.pill-icon{width:42px;height:42px;color:var(--accent);background:#ffffff14;border-radius:14px;place-items:center;display:grid}.category-pill small{color:var(--muted)}.products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.product-card{background:linear-gradient(#18191b,#0f1012);border:1px solid #ffffff0f;border-radius:28px;position:relative;overflow:hidden}.favorite-btn,.product-badge{z-index:2;position:absolute;top:14px}.favorite-btn{color:#fff;background:#00000080;border-radius:50%;width:40px;height:40px;left:14px}.favorite-btn.active{color:#ff8da1}.product-badge{background:var(--accent);color:#070707;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:700;right:14px}.product-media{height:320px;overflow:hidden}.product-media img{object-fit:cover;width:100%;height:100%}.product-body{gap:12px;padding:18px;display:grid}.swatches{gap:8px;display:flex}.swatch{border:1px solid #ffffff2e;border-radius:50%;width:14px;height:14px}.product-body h3{margin:0;font-size:30px}.product-body p{color:var(--muted);min-height:56px;margin:0}.product-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.product-footer strong{color:var(--accent);font-size:24px}.boards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.board-card{border-radius:28px;min-height:340px;position:relative;overflow:hidden}.board-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.board-overlay{inset-inline:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070707bd;border-radius:22px;padding:18px;position:absolute;bottom:18px}.board-overlay strong{margin-bottom:8px;font-size:26px;display:block}.board-overlay p{color:var(--muted);margin:0;line-height:1.8}.whatsapp-banner{justify-content:space-between;align-items:center;gap:22px;padding:30px;display:flex}.mobile-dock{inset-inline:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080808eb;border:1px solid #ffffff14;border-radius:24px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:none;position:fixed;bottom:14px}.dock-link{min-height:48px;color:var(--muted);background:0 0;border-radius:16px;flex:1;place-items:center;display:grid}.dock-link.active,.dock-center{color:#090909;background:var(--accent);font-weight:700}.modal-backdrop{background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop.hidden{display:none}.modal-card{width:min(560px,100%);box-shadow:var(--shadow);background:#101113;border:1px solid #ffffff14;border-radius:30px;padding:26px;position:relative}.modal-close{color:#fff;background:#ffffff0f;border-radius:50%;width:40px;height:40px;font-size:26px;position:absolute;top:14px;left:18px}.login-form{gap:14px;margin-top:18px;display:grid}.login-form label{gap:8px;display:grid}.login-form span{color:#f0eee9}@media (width<=1180px){.hero-section,.control-panel,.products-grid,.boards-grid,.category-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-section{grid-template-columns:1fr}.hero-visual{min-height:520px}.trust-strip{grid-template-columns:1fr}.whatsapp-banner{flex-direction:column;align-items:start}}@media (width<=860px){.site-shell{width:min(100%,100% - 18px);padding-bottom:120px}.desktop-nav,.topbar-actions .ghost-btn{display:none}.topbar{border-radius:22px;padding:12px 14px}.brand-name{font-size:42px}.brand-mark{font-size:34px}.hero-section,.category-section,.products-section,.boards-section,.control-panel,.whatsapp-banner{border-radius:28px;padding:18px}.section-head{flex-direction:column;align-items:start}.category-row,.products-grid,.boards-grid,.control-panel{grid-template-columns:1fr}.product-media{height:280px}.hero-copy h1{font-size:72px}.hero-copy{order:2}.hero-visual{order:1;min-height:360px}.hero-text,.section-head p,.login-card p,.whatsapp-banner p{font-size:16px}.hero-visual{min-height:360px}.floating-product{width:calc(100% - 28px);bottom:14px;left:14px}.floating-thumb{height:150px}.mobile-dock{display:flex}}