.page-hero{background:var(--hero-gradient);padding:calc(var(--nav-height) + 60px)0 60px;text-align:center}.page-hero__breadcrumb{color:var(--text-on-dark-muted);margin-bottom:var(--space-md);letter-spacing:1px;font-size:13px;display:block}.page-hero h1{color:#fff;margin-bottom:var(--space-sm);font-size:clamp(32px,5vw,52px);font-weight:800}.page-hero p{color:var(--text-on-dark-muted);max-width:500px;margin:0 auto;font-size:17px}.filter-bar{gap:var(--space-sm);margin-bottom:var(--space-2xl);padding:var(--space-md)0;border-bottom:1px solid #0000000f;flex-wrap:wrap;justify-content:center;display:flex}.filter-btn{font-family:var(--font-display);color:var(--text-body);border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer;border:1px solid #0000001a;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.filter-btn:hover{border-color:var(--brand-green);color:var(--brand-green)}.filter-btn--active{background:var(--green-gradient);color:#fff;border-color:#0000}.filter-btn__count{opacity:.7;font-size:11px}.products-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.products-empty{text-align:center;padding:var(--space-4xl);color:var(--text-muted)}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.products-grid{grid-template-columns:1fr}}