.products-page{width:100%}.products-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--spacing-4xl) 0}.products-hero .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-gradient);z-index:0}.products-hero .container{position:relative;z-index:1;text-align:center;color:white}.products-hero h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:var(--spacing-lg);color:white}.products-hero p{font-size:clamp(1.125rem,2vw,1.25rem);margin-bottom:var(--spacing-2xl);opacity:.95;max-width:600px;margin-left:auto;margin-right:auto}.products-search{display:flex;align-items:center;gap:var(--spacing-md);max-width:600px;margin:0 auto;background:white;padding:var(--spacing-sm);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl)}.products-search .search-icon{color:var(--text-muted);font-size:1.25rem;margin-left:var(--spacing-md)}.products-search input{flex:1;border:none;outline:none;padding:var(--spacing-md);font-size:1rem;color:var(--text-primary)}.products-search input::-moz-placeholder{color:var(--text-muted)}.products-search input::placeholder{color:var(--text-muted)}.category-tabs-section{background:white;border-bottom:1px solid var(--border-color);position:sticky;top:70px;z-index:100;box-shadow:var(--shadow-sm)}.category-tabs{display:flex;gap:var(--spacing-md);overflow-x:auto;padding:var(--spacing-lg) 0}.category-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-surface);border:2px solid transparent;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.category-tab:hover{background:var(--bg-color);border-color:var(--primary-color)}.category-tab.active{background:var(--primary-gradient);color:white;box-shadow:var(--shadow-colored)}.category-tab .count{background:rgba(255,255,255,.2);padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.875rem}.category-tab.active .count{background:rgba(255,255,255,.3)}.products-section{background:var(--bg-surface)}.products-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-2xl)}.filters-sidebar{background:white;border-radius:var(--radius-xl);padding:var(--spacing-xl);height:-moz-fit-content;height:fit-content;position:sticky;top:150px;box-shadow:var(--shadow-md)}.filter-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color)}.filter-header svg{color:var(--primary-color);font-size:1.25rem}.filter-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.filter-group{margin-bottom:var(--spacing-xl)}.filter-group h4{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.filter-options{flex-direction:column}.filter-option,.filter-options{display:flex;gap:var(--spacing-sm)}.filter-option{align-items:center;padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.filter-option:hover{background:var(--bg-surface)}.filter-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.filter-option span{font-size:.9375rem;color:var(--text-secondary)}.products-content{flex:1}.products-header{margin-bottom:var(--spacing-2xl)}.products-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-2xl)}.no-products{text-align:center;padding:var(--spacing-4xl);background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.no-products p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}@media (max-width:1024px){.products-layout{grid-template-columns:1fr}.filters-sidebar{position:relative;top:0}}@media (max-width:768px){.products-hero{min-height:50vh;padding:var(--spacing-3xl) 0}.category-tabs-section{top:60px}.category-tabs{padding:var(--spacing-md) 0}.category-tab{padding:var(--spacing-sm) var(--spacing-lg);font-size:.9375rem}.filters-sidebar{padding:var(--spacing-lg)}.products-grid{grid-template-columns:1fr}}@media (max-width:480px){.products-search{flex-direction:column;gap:var(--spacing-sm)}.products-search input{width:100%}}