@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--black:#000;--off-black:#0c0c0c;--dark:#111;--surface:#1a1a1a;--surface2:#222;--border:#2c2c2c;--border-light:#3c3c3c;--white:#fff;--off-white:#f2f2f2;--grey-100:#e8e8e8;--grey-300:#b0b0b0;--grey-500:#727272;--grey-700:#444;--accent:#ff2d20;--accent-dark:#cc1a10;--accent-glow:#ff2d2040;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:#666;--success:#22c55e;--error:#ff2d20;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--font-display:"Barlow Condensed", sans-serif;--font-body:"Inter", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--duration-fast:.15s;--duration-base:.3s;--duration-slow:.5s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--black);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;font-weight:800;line-height:1.05}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.display-1{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(4rem,12vw,10rem);font-weight:900;line-height:.92}.display-2{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:.95}.overline{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.7rem;font-weight:600}.accent-bar{background:var(--accent);width:36px;height:3px;margin-bottom:1rem;display:block}.container{width:100%;max-width:1440px;padding:0 var(--space-8);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;transition:all var(--duration-base) var(--ease-out);cursor:pointer;border:2px solid #0000;border-radius:0;padding:.9rem 2.25rem;font-size:1rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--white);color:var(--black);border-color:var(--white)}.btn-primary:hover{background:var(--accent);color:var(--white);border-color:var(--accent);box-shadow:0 12px 32px var(--accent-glow);transform:translateY(-2px)}.btn-accent{background:var(--accent);color:var(--white);border-color:var(--accent)}.btn-accent:hover{background:var(--accent-dark);border-color:var(--accent-dark);box-shadow:0 12px 32px var(--accent-glow);transform:translateY(-2px)}.btn-outline{color:var(--white);border:2px solid var(--white);background:0 0}.btn-outline:hover{background:var(--white);color:var(--black);transform:translateY(-2px)}.btn-outline-accent{color:var(--accent);border:2px solid var(--accent);background:0 0}.btn-outline-accent:hover{background:var(--accent);color:var(--white)}.btn-ghost{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--white);color:var(--white)}.btn-gold{background:var(--accent);color:var(--white);border-color:var(--accent)}.btn-gold:hover{background:var(--accent-dark);border-color:var(--accent-dark);box-shadow:0 12px 32px var(--accent-glow);transform:translateY(-2px)}.btn-dark{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-dark:hover{border-color:var(--white);color:var(--white)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px;display:grid}.product-card{background:var(--dark);cursor:pointer;transition:transform var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.product-card:hover{z-index:2;transform:scale(1.02)}.product-card-image{aspect-ratio:3/4;background:var(--surface);position:relative;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out);filter:brightness(.9)}.product-card:hover .product-card-image img{filter:brightness();transform:scale(1.06)}.product-card-body{background:var(--dark);padding:1.125rem 1.25rem}.product-card-category{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.3rem;font-size:.65rem;font-weight:600}.product-card-name{font-family:var(--font-display);color:var(--white);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.product-card-price{color:var(--grey-300);letter-spacing:.04em;font-size:.9rem;font-weight:600}.badge{background:var(--accent);color:var(--white);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;z-index:2;padding:.3rem .75rem;font-size:.7rem;font-weight:700;position:absolute;top:0;left:0}.section{padding:var(--space-20) 0}.section-header{margin-bottom:var(--space-12)}.section-header h2{font-family:var(--font-display);color:var(--white);text-transform:uppercase;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:.95}.section-header p{color:var(--text-secondary);max-width:480px;margin-top:1rem;font-size:.95rem;font-weight:400;line-height:1.7}.section-header--center{text-align:center}.section-header--center p{margin-left:auto;margin-right:auto}.input-group{flex-direction:column;gap:.4rem;display:flex}.input-group label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);font-size:.7rem;font-weight:600}.input{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--duration-fast);border-radius:0;width:100%;padding:.9rem 1rem;font-size:.9rem}.input:focus{border-color:var(--accent);outline:none}.input::placeholder{color:var(--text-muted)}.divider{background:var(--border);height:1px;margin:2rem 0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--grey-700);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.toast{background:var(--white);color:var(--black);z-index:9999;animation:slideInRight .3s var(--ease-out);border-left:3px solid var(--accent);padding:1rem 1.5rem;font-size:.875rem;font-weight:600;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 32px #0009}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hover-underline{position:relative}.hover-underline:after{content:"";background:var(--white);width:0;height:1px;transition:width var(--duration-base) var(--ease-out);position:absolute;bottom:-2px;left:0}.hover-underline:hover:after{width:100%}@media (max-width:1024px){.container{padding:0 var(--space-6)}}@media (max-width:768px){.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.product-grid{grid-template-columns:repeat(2,1fr);gap:2px}.display-1{font-size:clamp(3rem,14vw,6rem)}}@media (max-width:480px){.product-grid{grid-template-columns:1fr}}
