.products-hero{background:rgb(var(--background));align-items:flex-end;width:100%;max-width:1600px;min-height:420px;margin:0 auto;display:flex;position:relative;overflow:hidden}.products-hero-bg{object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.products-hero-overlay{background:linear-gradient(90deg, rgb(var(--background)) 40%, transparent 100%);position:absolute;inset:0}.products-hero-content{z-index:1;max-width:640px;padding:3.5rem;position:relative}@media (max-width:768px){.products-hero-content{padding:2rem}}.products-hero-eyebrow{font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:.15em;color:rgb(var(--primary));text-transform:uppercase;margin-bottom:1rem;font-size:.6875rem;font-weight:600}.products-hero-title{font-family:var(--font-space-grotesk), sans-serif;color:rgb(var(--text-primary));margin:0 0 1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1}.products-hero-sub{font-family:var(--font-ibm-plex-mono), monospace;color:rgb(var(--text-secondary));margin-bottom:2rem;font-size:.875rem;line-height:1.6}.products-page{background-color:rgb(var(--background));width:100%;min-height:100vh}.products-body{max-width:1600px;margin:0 auto;padding:3rem 3.5rem}@media (max-width:768px){.products-body{padding:1.5rem 1rem}}.products-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.products-title{flex-direction:column;gap:.25rem;display:flex}.products-actions{align-items:center;gap:1rem;display:flex}.toggle-filters-btn{display:none}@media (max-width:576px){.toggle-filters-btn{display:block}}.products-content{grid-template-columns:260px 1fr;align-items:stretch;gap:2.5rem;display:grid}.products-sidebar,.products-sidebar>*{height:100%}.products-main{width:100%;min-width:0;min-height:400px}.products-loading,.products-error{justify-content:center;align-items:center;min-height:300px;display:flex}.products-page .products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.product-placeholder{border:2px dashed rgb(var(--border-hover));background-color:rgb(var(--surface));grid-column:1/-1;justify-content:center;align-items:center;min-height:200px;display:flex}.products-footer{text-align:center;background-color:rgb(var(--surface));margin-top:2rem;padding:1rem}.products-pagination-container{border-top:1px solid rgb(var(--border));flex-direction:column;align-items:center;gap:1.5rem;margin-top:3rem;padding-top:2rem;display:flex}.products-pagination-info{text-align:center}.products-load-more{margin-top:1rem}@media (max-width:1024px){.products-content{grid-template-columns:280px 1fr;gap:1.5rem}}@media (max-width:768px){.products-page{padding:1rem}.products-header{flex-direction:column;align-items:flex-start;gap:1rem}.products-actions{justify-content:flex-end;width:100%}.products-content{grid-template-columns:1fr;gap:1rem}.products-sidebar{order:-1;position:static}.products-page .products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.product-image-demo{height:150px}}@media (max-width:480px){.products-page .products-grid{grid-template-columns:1fr}.product-image-demo{height:180px}}.products-content.no-filters{grid-template-columns:1fr}.products-content.no-filters .products-sidebar{display:none}.products-main[data-loading=true]{opacity:.7}.products-sidebar{animation:.3s ease-out slideInLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}