.page-inner{max-width:1200px;width:100%;margin:0 auto;padding:6rem 4rem;position:relative;z-index:1}.page-tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan2);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.page-tag:before{content:"";display:inline-block;width:24px;height:1px;background:var(--cyan2)}h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:300;line-height:1.1;letter-spacing:-.02em;margin-bottom:2.5rem}h1 strong{font-weight:600;color:var(--cyan)}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:3rem}.filter-btn{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);background:transparent;color:var(--text-muted);padding:.4rem 1rem;cursor:pointer;transition:all .2s}.filter-btn:hover,.filter-btn.active{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}.product-card{background:var(--deep2);display:flex;flex-direction:column;transition:background .2s;position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .2s}.product-card:hover{background:var(--deep3)}.product-card:hover:before{background:var(--cyan)}.card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex:1}.card-image{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:brightness(.9);transition:filter .2s}.product-card:hover .card-image{filter:brightness(1)}.card-image-placeholder{width:100%;aspect-ratio:4/3;background:var(--deep3);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.65rem;letter-spacing:.15em;color:var(--text-dim)}.card-body{padding:1.25rem 1.25rem .75rem;flex:1;display:flex;flex-direction:column}.card-category{font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);background:var(--cyan-dim);border:1px solid var(--border);display:inline-block;padding:.2rem .6rem;margin-bottom:.75rem}.card-name{font-size:1rem;font-weight:500;margin-bottom:.4rem;color:var(--text)}.card-brand{font-size:.8rem;color:var(--text-dim);margin-bottom:.6rem}.card-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5;max-height:3.85rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{padding:.75rem 1.25rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-price{font-family:var(--mono);font-size:.9rem;font-weight:700;color:var(--text)}.card-badge-out{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border-dim);padding:.2rem .5rem}.btn-add{font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--deep);background:var(--cyan);border:none;padding:.4rem .8rem;cursor:pointer;transition:background .2s;white-space:nowrap;flex-shrink:0}.btn-add:hover{background:#3df}.btn-add.added{background:var(--deep3);color:var(--cyan);border:1px solid var(--cyan)}.cart-float{position:fixed;bottom:2rem;right:2rem;z-index:150;display:none;align-items:center;gap:.75rem;background:var(--cyan);color:var(--deep);font-family:var(--mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.9rem 1.5rem;text-decoration:none;box-shadow:0 4px 24px #00d4ff4d;transition:background .2s,transform .15s}.cart-float:hover{background:#3df;transform:translateY(-2px)}.cart-float-count{background:var(--deep);color:var(--cyan);padding:.1rem .5rem;font-size:.7rem}.empty{padding:4rem;text-align:center;color:var(--text-dim);font-family:var(--mono);font-size:.8rem;letter-spacing:.1em}.pagination{display:flex;gap:.4rem;justify-content:center;margin-top:2.5rem;flex-wrap:wrap}.page-btn{font-family:var(--mono);font-size:.75rem;font-weight:700;min-width:32px;height:32px;padding:0 .5rem;background:transparent;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.page-btn.active{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.page-btn:disabled{opacity:.3;cursor:not-allowed}@media(max-width:768px){.page-inner{padding:5rem 1.5rem 4rem}}
