:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--accent: #d4a028;--accent-dim: #b8891f;--bg: #0c0c0e;--surface: #141416;--surface-hover: #1a1a1e;--border: rgba(255, 255, 255, .08);--text: #e8e8ec;--text-muted: #8a8a96;--radius: .5rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.header{background:linear-gradient(180deg,#111113 0%,var(--bg) 100%);border-bottom:1px solid var(--border);padding:2rem 1.5rem 1.5rem;text-align:center}.header-brand{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.25rem}.header-icon{font-size:1.75rem;line-height:1}.header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:var(--text)}.header h1 span{color:var(--accent)}.header p{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.toolbar{max-width:1200px;margin:0 auto;padding:1.25rem 1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.search-box{flex:1;min-width:200px;position:relative}.search-box input{width:100%;padding:.6rem .75rem .6rem 2.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;outline:none;transition:border-color .15s}.search-box input:focus{border-color:var(--accent-dim)}.search-box input::placeholder{color:var(--text-muted)}.search-box:before{content:"u{1F50D}";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:.85rem;opacity:.5;pointer-events:none}.filters{display:flex;gap:.375rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.filter-btn:hover{border-color:#ffffff26;color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#0c0c0e}.result-info{max-width:1200px;margin:0 auto;padding:0 1.5rem .75rem;font-size:.8rem;color:var(--text-muted)}.grid{max-width:1200px;margin:0 auto;padding:0 1.5rem 3rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,transform .2s;cursor:default}.card:hover{border-color:#ffffff24;transform:translateY(-2px)}.card-image{height:200px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative;overflow:hidden}.card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--surface))}.card-body{padding:1rem 1.15rem 1.25rem}.card-category{display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}.card-name{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.2rem;letter-spacing:-.01em}.card-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:.85rem;line-height:1.45}.card-footer{display:flex;align-items:center;justify-content:space-between}.card-price{font-size:1.15rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.card-price .cents{font-size:.8rem;font-weight:500;color:var(--text-muted)}.card-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border-radius:.2rem;background:#d4a0281f;color:var(--accent)}.card-badge.sale{background:#dc3c3c26;color:#ef5555}.card-badge.new{background:#3cc8781f;color:#3cc878}.card-specs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.85rem}.spec-tag{font-size:.68rem;padding:.15rem .45rem;border-radius:.2rem;background:#ffffff0a;border:1px solid var(--border);color:var(--text-muted)}.empty{text-align:center;padding:4rem 1.5rem;color:var(--text-muted)}.empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.4}.empty h3{font-size:1.1rem;color:var(--text);margin-bottom:.3rem}.site-footer{text-align:center;padding:2rem 1.5rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.75rem}@media(max-width:640px){.header h1{font-size:1.35rem}.toolbar{flex-direction:column;align-items:stretch}.grid{grid-template-columns:1fr}}