@import "https://fonts.googleapis.com/css2?family=Monoton&family=Pacifico&family=Dancing+Script:wght@500;700&family=Bungee&family=Audiowide&family=Sacramento&family=Permanent+Marker&family=Cairo:wght@400;500;600;700;800&display=swap";
:root{--bg:#08080b;--bg-2:#0d0d12;--panel:#131319;--panel-2:#1a1a22;--line:#26262f;--line-2:#34343f;--ink:#f4f4f7;--ink-2:#b6b6c2;--ink-3:#76767f;--neon:#ff0075;--neon-2:#18e0ff;--neon-soft:#ff007529;--glow-color:#ff0075;--glow-strength:1;--radius:14px;--radius-lg:22px;--maxw:1280px;--display:"Clash Display", system-ui, sans-serif;--body:"Satoshi", system-ui, sans-serif}html[lang=ar]{--display:"Cairo", system-ui, sans-serif;--body:"Cairo", system-ui, sans-serif}html[lang=ar] .display,html[lang=ar] .eyebrow,html[lang=ar] .neon-text{letter-spacing:normal}html[lang=ar] .eyebrow{text-transform:none}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}html{background:var(--bg);-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;width:100%;max-width:100%;line-height:1.5;overflow-x:clip}img,video{max-width:100%;height:auto}::selection{background:var(--neon);color:#fff}button,a,label,select,summary,.chip,.swatch,.link-underline,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,.chip,.swatch,[role=button]{-webkit-user-select:none;user-select:none}.bg-aura{z-index:0;pointer-events:none;background:radial-gradient(60vw 60vw at 78% -8%,#ff2e9a24,#0000 60%),radial-gradient(46vw 46vw at 8% 12%,#18e0ff1a,#0000 62%),radial-gradient(40vw 50vw at 50% 120%,#9650ff1a,#0000 60%);position:fixed;inset:0}.bg-grid{z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 80% at 50% 30%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80% at 50% 30%,#000 30%,#0000 100%)}.bg-noise{z-index:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root,.app-root{z-index:1;position:relative}.display{font-family:var(--display);letter-spacing:-.02em;font-weight:600;line-height:1.02}.eyebrow{font-family:var(--body);text-transform:uppercase;letter-spacing:.28em;color:var(--ink-3);font-size:12px;font-weight:700}.muted{color:var(--ink-2)}.neon-text{color:#fff;--c:var(--glow-color);text-shadow:0 0 calc(2px * var(--glow-strength)) #fff, 0 0 calc(6px * var(--glow-strength)) var(--c), 0 0 calc(14px * var(--glow-strength)) var(--c), 0 0 calc(30px * var(--glow-strength)) var(--c), 0 0 calc(58px * var(--glow-strength)) var(--c)}.neon-soft-glow{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--glow-color) 55%, transparent))}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.55}94%{opacity:1}96%{opacity:.82}97%{opacity:1}}.flicker{animation:6s linear infinite flicker}.btn{font-family:var(--body);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:9px;padding:13px 24px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .25s,background .2s,border-color .2s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn-neon{background:var(--glow-color);color:#0a0a0c;box-shadow:0 0 0 1px color-mix(in srgb, var(--glow-color) 60%, #fff 0%), 0 0 24px color-mix(in srgb, var(--glow-color) 60%, transparent), 0 0 48px color-mix(in srgb, var(--glow-color) 35%, transparent)}.btn-neon:hover{box-shadow:0 0 0 1px #fff, 0 0 34px color-mix(in srgb, var(--glow-color) 80%, transparent), 0 0 70px color-mix(in srgb, var(--glow-color) 45%, transparent);transform:translateY(-1px)}.btn-ghost{color:var(--ink);border:1px solid var(--line-2);background:#ffffff08}.btn-ghost:hover{border-color:var(--ink-3);background:#ffffff12}.btn-sm{padding:9px 16px;font-size:13px}.btn-block{justify-content:center;width:100%}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg)}.chip{border:1px solid var(--line-2);color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.chip:hover{color:var(--ink);border-color:var(--ink-3)}.chip.active{color:#0a0a0c;background:#fff;border-color:#fff}.swatch{cursor:pointer;border:2px solid #ffffff2e;border-radius:50%;width:30px;height:30px;transition:transform .12s,box-shadow .2s;position:relative}.swatch:hover{transform:scale(1.12)}.swatch.active{box-shadow:0 0 0 2px var(--bg), 0 0 16px currentColor;border-color:#fff;transform:scale(1.12)}a{color:inherit;text-decoration:none}.link-underline{position:relative}.link-underline:after{content:"";background:var(--glow-color);width:0;height:1px;transition:width .25s;position:absolute;bottom:-3px;left:0}.link-underline:hover:after{width:100%}.hide-scroll::-webkit-scrollbar{display:none}.hide-scroll{scrollbar-width:none}@keyframes fadeUp{0%{transform:translateY(14px)}to{transform:none}}.fade-up{animation:.55s cubic-bezier(.2,.7,.2,1) fadeUp}@keyframes arspin{to{transform:rotate(360deg)}}.ar-pulse{animation:.9s linear infinite arspin}@keyframes waPulse{0%{box-shadow:0 10px 30px #25d36673,0 0 #25d36680}70%{box-shadow:0 10px 30px #25d36673,0 0 0 16px #25d36600}to{box-shadow:0 10px 30px #25d36673,0 0 #25d36600}}@keyframes marquee-l{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee{width:max-content;animation:marquee-l var(--dur,38s) linear infinite;display:flex}.marquee-mask{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-wrap:hover .marquee{animation-play-state:paused}.beta-badge{letter-spacing:.12em;text-transform:uppercase;background:color-mix(in srgb, var(--glow-color) 22%, transparent);color:var(--glow-color);border:1px solid color-mix(in srgb, var(--glow-color) 50%, transparent);border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}@keyframes scanY{0%,to{opacity:.15;transform:translateY(-44%)}50%{opacity:.85;transform:translateY(44%)}}.ar-scan{animation:3.4s ease-in-out infinite scanY}@keyframes cornerPulse{0%,to{opacity:.5}50%{opacity:1}}.ar-corner{animation:2.2s ease-in-out infinite cornerPulse}.gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:16px;display:grid}.gallery-grid image-slot{color:#ffffffbf}.gallery-grid image-slot::part(frame){background:0 0}.gallery-grid image-slot::part(ring){border:1.5px dashed #ffffff29}.gallery-grid image-slot::part(empty){color:#fffc;justify-content:flex-end;padding-bottom:14px}@media (max-width:980px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.gallery-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line-2);border:3px solid var(--bg);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}@media (max-width:980px){.hero-grid,.builder-cta,.product-grid,.builder-layout,.checkout-grid{grid-template-columns:1fr!important}.prod-grid,.cat-grid{grid-template-columns:repeat(2,1fr)!important}.value-grid{grid-template-columns:1fr!important}.sticky-col{position:static!important;top:auto!important}}@media (max-width:640px){.hide-on-mobile{display:none!important}.prod-grid,.cat-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}.footer-grid>:first-child{grid-column:1/-1}.wrap{padding-inline:18px!important}}.show-on-mobile{display:none}@media (max-width:640px){.show-on-mobile{display:inline-flex!important}.stats-grid{grid-template-columns:1fr 1fr!important}.stats-grid .stat-cell{border-top:1px solid var(--line);border-left:none!important}.stats-grid .stat-cell:nth-child(2n){border-left:1px solid var(--line)!important}.stats-grid .stat-cell:nth-child(-n+2){border-top:none}input,select,textarea{font-size:16px!important}.filter-search,.filter-sort{flex:1 0 100%!important;width:100%!important}.filter-search input{flex:1;width:100%!important}.product-grid>*,.builder-layout>*,.checkout-grid>*,.hero-grid>*,.builder-cta>*{min-width:0}}