.products-page{min-height:100vh;background:var(--color-bg-secondary);padding:var(--spacing-2xl) 0}.page-header{text-align:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.products-layout{display:grid;grid-template-columns:280px 1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);align-items:start}.products-main{display:flex;flex-direction:column;gap:var(--spacing-xl)}.products-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.products-count{font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.pagination{gap:var(--spacing-sm);padding:var(--spacing-xl) 0}.pagination,.pagination-btn{display:flex;align-items:center;justify-content:center}.pagination-btn{min-width:40px;height:40px;padding:0 var(--spacing-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.pagination-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pagination-btn.active,.pagination-btn:hover{background:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary)}.pagination-btn.active{box-shadow:var(--shadow-primary)}.filters-sidebar{background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:100px;height:-moz-fit-content;height:fit-content}.filter-group{margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-lg)}.filter-group:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.filter-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.filter-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:250px;overflow-y:auto;padding-right:var(--spacing-xs)}.filter-list::-webkit-scrollbar{width:4px}.filter-list::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.filter-list::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:4px}.filter-item{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-item:hover{color:var(--color-primary)}.filter-checkbox{width:18px;height:18px;border-radius:var(--radius-sm);border:1px solid var(--color-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;cursor:pointer;transition:all var(--transition-base);background:var(--color-bg-secondary)}.filter-checkbox:checked{background:var(--color-primary);border-color:var(--color-primary)}.filter-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-white);font-size:12px;font-weight:700}.price-range{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.price-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color .2s}.price-input:focus{outline:none;border-color:var(--color-primary)}.price-separator{color:var(--color-text-secondary);font-weight:700}.filter-btn{width:100%;margin-top:var(--spacing-md);padding:.75rem;background:var(--gradient-primary);color:var(--color-text-white);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);transition:all var(--transition-base);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.filter-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.mobile-filter-toggle{display:none;width:100%;padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);align-items:center;justify-content:center;gap:var(--spacing-sm)}@media (max-width:992px){.products-layout{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.filters-sidebar{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2000;overflow-y:auto;border-radius:0}.filters-sidebar.active{display:block}.mobile-filter-toggle{display:flex}}@media (max-width:768px){.products-page{padding:var(--spacing-lg) 0}.page-title{font-size:var(--font-size-3xl)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}}