:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--accent: #10b981;--accent-hover: #059669;--danger: #ef4444;--card-bg: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text: #fafafa;--text-muted: rgba(255, 255, 255, .55);--text-secondary: rgba(255, 255, 255, .7);--gold: #f59e0b;--hot: #ef4444}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 1.5rem}.header-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:1.5rem;height:3.5rem}.logo{font-size:1.25rem;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:.4rem;letter-spacing:-.02em}.logo-icon{font-size:1.3rem}.search-bar{flex:1;max-width:28rem;position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:.85rem;pointer-events:none}.search-bar input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border-radius:.5rem;border:1px solid var(--border);background:var(--card-bg);color:var(--text);font-size:.875rem;outline:none;transition:border-color .2s}.search-bar input:focus{border-color:var(--accent)}.search-bar input::placeholder{color:var(--text-muted)}.cart-btn{position:relative;background:none;border:1px solid var(--border);border-radius:.5rem;padding:.4rem .65rem;cursor:pointer;font-size:1.1rem;color:var(--text);transition:background .2s}.cart-btn:hover{background:#ffffff0f}.cart-badge{position:absolute;top:-6px;right:-6px;background:var(--accent);color:#000;font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.hero{background:linear-gradient(135deg,#10b9811f,#10b98105);border-bottom:1px solid var(--border);padding:2.5rem 1.5rem}.hero-inner{max-width:1280px;margin:0 auto;text-align:center}.hero h2{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem}.hero p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.hero-stats{display:flex;justify-content:center;gap:2.5rem}.stat{display:flex;flex-direction:column}.stat-num{font-size:1.5rem;font-weight:700;color:var(--accent)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.top-deal{max-width:1280px;margin:1.5rem auto 0;padding:0 1.5rem;width:100%}.top-deal-inner{background:linear-gradient(135deg,#ef444414,#f59e0b14);border:1px solid rgba(239,68,68,.2);border-radius:.75rem;padding:1.25rem 1.5rem}.deal-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--hot);margin-bottom:.75rem}.deal-content{display:flex;align-items:center;gap:1.5rem}.deal-image{font-size:3rem;background:var(--card-bg);border:1px solid var(--border);border-radius:.75rem;width:80px;height:80px;display:grid;place-items:center;flex-shrink:0}.deal-info h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.deal-prices{display:flex;align-items:center;gap:.75rem;margin:.4rem 0 .6rem}.deal-price{font-size:1.4rem;font-weight:700;color:var(--accent)}.deal-original{font-size:.9rem;color:var(--text-muted);text-decoration:line-through}.deal-discount{font-size:.75rem;font-weight:700;background:var(--hot);color:#fff;padding:.15rem .5rem;border-radius:.25rem}.main{max-width:1280px;margin:1.5rem auto;padding:0 1.5rem;display:flex;gap:1.5rem;flex:1;width:100%}.sidebar{width:14rem;flex-shrink:0;display:flex;flex-direction:column;gap:1.25rem}.filter-section{background:var(--card-bg);border:1px solid var(--border);border-radius:.75rem;padding:1rem}.filter-section h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem}.category-list{list-style:none;display:flex;flex-direction:column;gap:.25rem}.cat-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;color:var(--text-secondary);padding:.45rem .6rem;border-radius:.4rem;cursor:pointer;font-size:.85rem;transition:all .15s}.cat-btn:hover{background:#ffffff0d;color:var(--text)}.cat-btn.active{background:#10b9811f;color:var(--accent);font-weight:600}.cat-count{font-size:.7rem;background:#ffffff0f;padding:.1rem .4rem;border-radius:.25rem;color:var(--text-muted)}.sort-select{width:100%;padding:.45rem .6rem;background:#ffffff0a;border:1px solid var(--border);border-radius:.4rem;color:var(--text);font-size:.85rem;outline:none;cursor:pointer}.sort-select option{background:#1a1a1a}.price-range{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--text-muted)}.products{flex:1;min-width:0}.products-header{margin-bottom:1rem}.results-count{font-size:.82rem;color:var(--text-muted)}.empty{text-align:center;padding:3rem;color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem}.product-card{background:var(--card-bg);border:1px solid var(--border);border-radius:.75rem;overflow:hidden;transition:border-color .2s,transform .2s;position:relative}.product-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.hot-badge{position:absolute;top:.5rem;right:.5rem;background:var(--hot);color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:.2rem .45rem;border-radius:.25rem;z-index:2}.product-image{font-size:2.5rem;height:7rem;display:grid;place-items:center;background:linear-gradient(135deg,#ffffff08,#ffffff03);border-bottom:1px solid var(--border)}.product-body{padding:.85rem}.product-cat{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.product-name{font-size:.9rem;font-weight:600;margin:.25rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stars{font-size:.75rem;color:var(--gold)}.rating-num{color:var(--text-muted);margin-left:.3rem;font-size:.7rem}.product-prices{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.current-price{font-size:1.1rem;font-weight:700;color:var(--accent)}.original-price{font-size:.78rem;color:var(--text-muted);text-decoration:line-through}.discount-tag{font-size:.65rem;font-weight:700;color:var(--hot);background:#ef44441f;padding:.1rem .4rem;border-radius:.2rem}.add-btn{width:100%;padding:.5rem;border:none;border-radius:.4rem;background:var(--accent);color:#000;font-weight:600;font-size:.82rem;cursor:pointer;transition:background .15s}.add-btn:hover{background:var(--accent-hover)}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:22rem;max-width:90vw;background:#111;border-left:1px solid var(--border);z-index:201;transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column}.cart-drawer.open{transform:translate(0)}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.cart-header h3{font-size:1rem;font-weight:600}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--text-muted)}.cart-empty p:first-child{font-size:2.5rem}.cart-sub{font-size:.82rem}.cart-items{flex:1;overflow-y:auto;padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.65rem}.cart-item{display:flex;align-items:center;gap:.65rem;padding:.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:.5rem}.cart-item-img{font-size:1.5rem;width:2.25rem;text-align:center}.cart-item-info{flex:1;min-width:0}.cart-item-name{display:block;font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{display:block;font-size:.78rem;color:var(--accent);font-weight:600}.qty-controls{display:flex;align-items:center;gap:.35rem}.qty-controls button{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--border);background:none;color:var(--text);border-radius:.25rem;cursor:pointer;font-size:.85rem;transition:background .15s}.qty-controls button:hover{background:#ffffff14}.qty-controls span{font-size:.82rem;min-width:1.2rem;text-align:center}.remove-btn{background:none;border:none;cursor:pointer;font-size:.9rem;padding:.2rem;opacity:.5;transition:opacity .15s}.remove-btn:hover{opacity:1}.cart-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem}.cart-savings{font-size:.82rem;color:var(--accent);text-align:center}.cart-total{display:flex;justify-content:space-between;font-weight:600}.total-price{font-size:1.15rem;color:var(--accent)}.checkout-btn{width:100%;padding:.7rem;border:none;border-radius:.5rem;background:var(--accent);color:#000;font-weight:700;font-size:.9rem;cursor:pointer;transition:background .15s}.checkout-btn:hover{background:var(--accent-hover)}.footer{text-align:center;padding:1.5rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-muted);margin-top:auto}@media(max-width:768px){.sidebar{display:none}.hero h2{font-size:1.3rem}.hero-stats{gap:1.5rem}.grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.deal-content{flex-direction:column;text-align:center}.deal-prices{justify-content:center}}