@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;600;700;900&display=swap";html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}:root{--font-sans:"Inter", sans-serif;--font-mono:"Orbitron", monospace;--bg-darker:#06080a;--bg-dark:#0c0f12;--bg-panel:#12161cb3;--border-color:#ff7b0026;--border-glow:#ff7b0066;--color-orange:#ff7b00;--color-orange-hover:#ff9100;--color-orange-glow:#ff7b0080;--color-cyan:#00f0ff;--color-cyan-glow:#00f0ff66;--color-red:#ff3e3e;--color-green:#0f6;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--header-height:80px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 50% 0,#ff7b0014 0%,#0000 60%),radial-gradient(circle at 100% 60%,#00f0ff08 0%,#0000 40%),linear-gradient(#12161c33 1px,#0000 1px),linear-gradient(90deg,#12161c33 1px,#0000 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;background-attachment:fixed;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ff7b0033;border:1px solid #ff7b001a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-orange);box-shadow:0 0 8px var(--color-orange-glow)}h1,h2,h3,h4,.font-mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.glow-orange{text-shadow:0 0 10px var(--color-orange-glow)}.glow-cyan{text-shadow:0 0 10px var(--color-cyan-glow)}.glow-box-orange{box-shadow:0 0 15px var(--color-orange-glow)}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:var(--border-glow)}.clip-corners{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.hazard-stripes{background:repeating-linear-gradient(-45deg,#ffe600,#ffe600 10px,#000 10px 20px)}.hazard-stripes-orange{background:repeating-linear-gradient(-45deg, var(--color-orange), var(--color-orange) 8px, #0c0f12 8px, #0c0f12 16px)}.screen-overlay:before{content:" ";z-index:2;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;display:block;position:absolute;inset:0}button,a{cursor:pointer}.btn-primary{background:var(--color-orange);color:#000;font-family:var(--font-mono);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));text-transform:uppercase;letter-spacing:.05em;border:none;justify-content:center;align-items:center;gap:8px;padding:.8rem 1.6rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){background:var(--color-orange-hover);box-shadow:0 0 15px var(--color-orange-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);font-family:var(--font-mono);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));text-transform:uppercase;letter-spacing:.05em;background:0 0;justify-content:center;align-items:center;gap:8px;padding:.8rem 1.6rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover:not(:disabled){border-color:var(--color-orange);background:#ff7b000d}.btn-secondary:active:not(:disabled){transform:translateY(1px)}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #ff7b0033,inset 0 0 5px #ff7b001a}50%{box-shadow:0 0 15px #ff7b0066,inset 0 0 10px #ff7b0033}}.glow-pulse{animation:3s ease-in-out infinite pulseGlow}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-hover:hover{color:var(--color-cyan);text-shadow:2px 0 var(--color-orange), -2px 0 var(--color-cyan);animation:.3s linear infinite glitch}.app-container{background:var(--bg-darker);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.main-layout{flex:1;grid-template-columns:260px 1fr 300px;gap:0;display:grid;overflow:hidden}@media (width<=900px){html,body,#root{height:auto!important;overflow:auto!important}.app-container{min-height:100dvh;height:auto!important;overflow:auto!important}.main-layout{grid-template-columns:1fr!important;height:auto!important;padding-bottom:70px!important;overflow:visible!important}.main-layout aside,.main-layout main{border-bottom:1px solid #ff7b0026;border-left:none!important;border-right:none!important;height:auto!important;max-height:none!important;overflow-y:visible!important}.mobile-floating-bar{display:flex!important}}@keyframes hotBreathe{0%,to{transform:scale(1);box-shadow:0 0 6px #ff7b0066}50%{transform:scale(1.08);box-shadow:0 0 14px #ff7b00d9}}.hot-badge-pulse{animation:1.8s ease-in-out infinite hotBreathe}.cart-qty-control{border:1px solid #ff7b0033;border-radius:4px;align-items:center;display:flex;overflow:hidden}.cart-qty-btn{cursor:pointer;color:#888;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;transition:all .15s;display:flex}.cart-qty-btn:hover:not(:disabled){color:var(--color-orange);background:#ff7b0014}.cart-qty-btn:disabled{color:#333;cursor:not-allowed}.cart-qty-val{font-family:var(--font-mono);color:#fff;text-align:center;min-width:20px;padding:0 6px;font-size:.65rem}.cart-delete-btn{cursor:pointer;color:#ff3e3e80;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.cart-delete-btn:hover{color:#ff3e3ef2;background:#ff3e3e14;border-radius:4px}@media (width<=900px){.cart-qty-btn{padding:10px 14px}.cart-qty-val{min-width:28px;font-size:.8rem}.cart-delete-btn{color:#ff3e3ed9;padding:10px 12px}.cart-delete-btn svg{width:16px!important;height:16px!important}}
