.products-page{flex-direction:column;min-height:100vh;display:flex}.breadcrumb-section{background-color:var(--color-neutral-100);padding:var(--spacing-4)0;border-bottom:1px solid var(--color-neutral-200)}.breadcrumb{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);display:flex}.breadcrumb a{color:var(--color-neutral-600);transition:color var(--transition-fast);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary-600)}.breadcrumb .separator{color:var(--color-neutral-400)}.breadcrumb .current{color:var(--color-neutral-900);font-weight:var(--font-weight-medium)}.products-content{padding:var(--spacing-8)0;flex:1}.products-layout{gap:var(--spacing-8);grid-template-columns:280px 1fr;display:grid}.filter-sidebar{border-radius:var(--radius-lg);padding:var(--spacing-6);height:fit-content;top:calc(var(--spacing-16) + 80px);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);background-color:#fff;position:sticky}.filter-header{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.filter-header h3{font-size:var(--font-size-lg);margin:0}.clear-filters{color:var(--color-primary-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none}.clear-filters:hover{color:var(--color-primary-700);text-decoration:underline}.filter-section{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-neutral-200)}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);color:var(--color-neutral-900)}.filter-options{gap:var(--spacing-3);flex-direction:column;display:flex}.filter-option{align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm);display:flex}.filter-option input[type=checkbox],.filter-option input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary-600)}.filter-label{color:var(--color-neutral-700);flex:1;justify-content:space-between;display:flex}.filter-count{color:var(--color-neutral-500);font-size:var(--font-size-xs)}.price-range-inputs{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);display:flex}.price-input{width:100%;padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);flex:1}.price-input:focus{border-color:var(--color-primary-500);outline:none}.price-range-btn{width:100%;margin-top:var(--spacing-2)}.price-range-display{font-size:var(--font-size-sm);color:var(--color-neutral-600);text-align:center;padding:var(--spacing-2);background-color:var(--color-neutral-50);border-radius:var(--radius-md)}.products-area{gap:var(--spacing-6);flex-direction:column;display:flex}.products-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);background-color:#fff;flex-wrap:wrap;display:flex}.toolbar-left{flex:1}.products-title-h1{font-size:var(--font-size-2xl);margin:0 0 var(--spacing-2)0;color:var(--color-neutral-900)}.results-count{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin:0}.toolbar-right{align-items:center;gap:var(--spacing-4);display:flex}.sort-control{align-items:center;gap:var(--spacing-2);display:flex}.sort-control label{font-size:var(--font-size-sm);color:var(--color-neutral-700);font-weight:var(--font-weight-medium);white-space:nowrap}.sort-select{padding:var(--spacing-2)var(--spacing-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast);background-color:#fff}.sort-select:focus{border-color:var(--color-primary-500);outline:none}.view-toggle{gap:var(--spacing-2);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);padding:var(--spacing-1);display:flex}.view-btn{padding:var(--spacing-2);color:var(--color-neutral-600);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.view-btn:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.view-btn.active{background-color:var(--color-primary-600);color:#fff}.products-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.products-grid.list-view{grid-template-columns:1fr}.pagination{justify-content:center;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-8);display:flex}.pagination-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);color:var(--color-neutral-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background-color:#fff;display:flex}.pagination-btn:hover:not(:disabled){background-color:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-700)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{gap:var(--spacing-2);display:flex}.pagination-number{border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-neutral-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background-color:#fff;justify-content:center;align-items:center;display:flex}.pagination-number:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-700)}.pagination-number.active{background-color:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.pagination-dots{padding:0 var(--spacing-2);color:var(--color-neutral-500);align-items:center;display:flex}.search-filter-input{width:100%;padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.search-filter-input:focus{border-color:var(--color-primary-500);outline:none}.no-products-found{text-align:center;padding:var(--spacing-12)var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);background-color:#fff}.no-products-found h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.no-products-found p{color:var(--color-neutral-600);margin-bottom:var(--spacing-6)}.filter-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100vw;height:100vh;z-index:var(--z-modal-backdrop);opacity:0;background-color:#11182766;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.filter-backdrop.open{opacity:1;display:block}.filter-header-actions{align-items:center;gap:var(--spacing-3);display:flex}.close-filter-btn,.mobile-filter-btn{display:none}@media (max-width:1023px){.products-layout{grid-template-columns:1fr}.filter-sidebar{width:300px;height:100vh;z-index:var(--z-modal);box-shadow:var(--shadow-xl);border:none;border-right:1px solid var(--color-neutral-200);padding:var(--spacing-6);background-color:#fff;border-radius:0;margin-bottom:0;transition:left .3s cubic-bezier(.4,0,.2,1);display:block;position:fixed;top:0;left:-320px;overflow-y:auto}.filter-sidebar.open{left:0}.close-filter-btn{color:var(--color-neutral-500);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.close-filter-btn:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.mobile-filter-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);color:var(--color-neutral-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background-color:#fff;display:flex}.mobile-filter-btn:hover{background-color:var(--color-neutral-100);border-color:var(--color-neutral-400);color:var(--color-neutral-900)}.products-toolbar{flex-direction:column;align-items:flex-start}.toolbar-right{justify-content:space-between;width:100%}}@media (max-width:767px){.breadcrumb{font-size:var(--font-size-xs)}.products-title-h1{font-size:var(--font-size-xl)}.products-grid{grid-template-columns:1fr}.toolbar-right{gap:var(--spacing-2);width:100%;display:flex}.mobile-filter-btn{flex:1;justify-content:center;height:40px}.sort-control{flex-direction:row;flex:1;align-items:center;width:auto}.sort-select{width:100%;height:40px}.view-toggle{display:none}.pagination{flex-wrap:wrap}.pagination-btn{font-size:var(--font-size-xs);padding:var(--spacing-2)var(--spacing-3)}.pagination-number{width:36px;height:36px}}body.filter-drawer-open #main-content{position:relative;z-index:var(--z-modal)!important}body.filter-drawer-open .navbar{z-index:998!important}