.products-hero{text-align:center;background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 100%);padding:120px 24px 56px}.products-hero h1{color:#1a1a1a;margin-bottom:8px;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:900}.products-hero p{color:#555;letter-spacing:2px;font-size:1.1rem;font-weight:400}.filter-bar{z-index:999;-webkit-backdrop-filter:blur(8px);background:#fffffff7;border-bottom:1px solid #e5e7eb;padding:12px 24px;position:sticky;top:64px}.filter-inner{flex-wrap:wrap;justify-content:center;gap:10px;max-width:1200px;margin:0 auto;display:flex}.filter-btn{cursor:pointer;color:#555;background:#fff;border:1.5px solid #d1d5db;border-radius:24px;padding:8px 22px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .25s}.filter-btn:hover{color:#06c;border-color:#06c}.filter-btn.active{color:#fff;background:#06c;border-color:#06c}.products-section{max-width:1200px;margin:0 auto;padding:40px 24px 60px}.sub-group-header{color:#444;border-left:3px solid #06c;align-items:center;gap:10px;margin:36px 0 16px;padding-left:14px;font-size:.95rem;font-weight:600;display:flex}.sub-group-header[data-brand=resvent]{border-left-color:#0e4d92}.sub-group-header[data-brand=keyhub]{border-left-color:#2563eb}.product-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:8px;display:grid}.product-card{cursor:pointer;color:inherit;background:#fff;border-radius:12px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;overflow:hidden;box-shadow:0 2px 12px #0000000f}.product-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f}.card-accent{height:4px}.card-accent.bmc{background:#06c}.card-accent.resvent{background:#0e4d92}.card-accent.keyhub{background:#2563eb}.card-thumb{object-fit:cover;background:#f3f4f6;width:100%;height:200px;display:block}.card-body{padding:16px}.brand-badge{color:#fff;border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.brand-badge.bmc{background:#06c}.brand-badge.resvent{background:#0e4d92}.brand-badge.keyhub{background:#2563eb}.card-name{color:#1a1a1a;margin-bottom:4px;font-size:1rem;font-weight:700}.card-subtitle{color:#777;margin-bottom:10px;font-size:.82rem}.card-price{color:#e67e22;font-size:1.1rem;font-weight:700}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.product-grid{grid-template-columns:1fr}.products-hero h1{font-size:1.8rem}}