.product-filter{width:100%}.product-filter-nav{margin-bottom:var(--space-6)}.product-filter-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.product-filter-item{flex-shrink:0}.product-filter-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;min-height:44px}.product-filter-button:hover{color:var(--interactive-hover);background:var(--bg-surface-hover);border-color:var(--color-primary-500);box-shadow:var(--shadow-sm)}.product-filter-button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.product-filter-button.is-active{color:#fff;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-color:var(--color-primary-500);box-shadow:var(--shadow-sm)}.product-filter-button.is-active:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700))}.product-filter-label{flex:1}.product-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 var(--space-1);font-size:.75rem;font-weight:var(--font-semibold);background:var(--color-neutral-200);color:var(--color-neutral-600);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out)}.product-filter-button:hover .product-filter-count{background:var(--color-primary-100);color:var(--color-primary-700)}.product-filter-button.is-active .product-filter-count{background:#fff3;color:#fff}.product-filter-results{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-neutral-200)}.product-filter-results-count{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-neutral-600)}.product-filter-clear{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-neutral-500);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.product-filter-clear:hover{color:var(--color-primary-600);background:var(--color-primary-50)}.product-filter-clear:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.product-filter-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-6)}@media(min-width:640px){.product-filter-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.product-filter-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.product-filter-grid{grid-template-columns:repeat(4,1fr)}}.product-filter-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-neutral-100);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out);text-decoration:none}.product-filter-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-filter-card:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.product-filter-card-image{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-neutral-100)}.product-filter-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.product-filter-card:hover .product-filter-card-image img{transform:scale(1.05)}.product-filter-card-badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full)}.product-filter-card-badge.badge-coming-soon{background:var(--color-primary-100);color:var(--color-primary-700)}.product-filter-card-badge.badge-legacy{background:var(--color-neutral-200);color:var(--color-neutral-600)}.product-filter-card-content{padding:var(--space-4);flex:1;display:flex;flex-direction:column}.product-filter-card-category{display:inline-block;font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-600);margin-bottom:var(--space-2)}.product-filter-card-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-neutral-900);margin:0 0 var(--space-2);line-height:var(--leading-tight)}.product-filter-card-tagline{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-neutral-600);margin:0 0 var(--space-3);line-height:var(--leading-relaxed);flex:1}.product-filter-card-specs{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:auto}.product-filter-card-spec{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-neutral-500)}.product-filter-card-spec svg{flex-shrink:0;color:var(--color-neutral-400)}.product-filter-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;background:var(--color-neutral-50);border-radius:var(--radius-xl)}.product-filter-empty p{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-neutral-600);margin:0 0 var(--space-4)}.product-filter-empty-cta{padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary-600);background:#fff;border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:44px}.product-filter-empty-cta:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.product-filter-empty-cta:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media(max-width:640px){.product-filter-list{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none}.product-filter-list::-webkit-scrollbar{display:none}.product-filter-button{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.product-filter-results{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media(prefers-reduced-motion:reduce){.product-filter-button,.product-filter-count,.product-filter-clear,.product-filter-card,.product-filter-card-image img,.product-filter-empty-cta{transition:none}.product-filter-card:hover,.product-filter-card:hover .product-filter-card-image img{transform:none}}.products-page[data-astro-cid-3swd3b6j]{padding:var(--section-md) 0;min-height:60vh;background:var(--bg-body)}.container[data-astro-cid-3swd3b6j]{max-width:1280px;margin:0 auto;padding:0 var(--container-padding)}.products-page-header[data-astro-cid-3swd3b6j]{text-align:center;max-width:800px;margin:0 auto var(--space-16);padding:var(--space-8) 0}.products-page-header[data-astro-cid-3swd3b6j] h1[data-astro-cid-3swd3b6j]{margin-bottom:var(--space-4)}.products-page-description[data-astro-cid-3swd3b6j]{margin-top:var(--space-4);line-height:var(--leading-relaxed)}