.products-breadcrumb{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1rem 0}.breadcrumb-list{align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item{color:#6b7280;font-size:.875rem}.breadcrumb-item a{color:#6b7280;text-decoration:none;transition:color .3s}.breadcrumb-item a:hover{color:#2563eb}.breadcrumb-item.active{color:#2563eb;font-weight:500}.breadcrumb-separator{color:#9ca3af}.products-header{color:#fff;background:linear-gradient(90deg,#2563eb,#1d4ed8);padding:3rem 0}.products-header h1{color:#fff;margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.products-header p{color:#dbeafe;font-size:1.125rem}.products-main{background:#f9fafb;min-height:70vh;padding:2rem 0}.products-layout{gap:2rem;display:flex}.products-sidebar{flex-shrink:0;width:256px}.products-filters{background:#fff;border-radius:12px;padding:1.5rem;position:sticky;top:2rem;box-shadow:0 1px 3px #0000001a}.filters-header{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.filters-header h2{margin:0;font-size:1.25rem;font-weight:600}.filter-content{flex-direction:column;gap:2rem;display:flex}.filter-section h3{color:#111827;margin-bottom:1rem;font-size:1rem;font-weight:600}.filter-options{flex-direction:column;gap:.75rem;display:flex}.filter-option{justify-content:space-between;align-items:center;display:flex}.filter-checkbox{cursor:pointer;flex:1;align-items:center;gap:.5rem;display:flex}.filter-checkbox input[type=checkbox]{cursor:pointer;accent-color:#2563eb;width:16px;height:16px}.filter-label{color:#374151;font-size:.875rem}.filter-count{color:#6b7280;font-size:.875rem}.filter-separator{background:#e5e7eb;height:1px}.filter-reset-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:.75rem;font-size:.875rem;font-weight:500;transition:all .3s}.filter-reset-btn:hover{color:#2563eb;background:#f9fafb;border-color:#2563eb}.products-content{flex:1}.products-controls{background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.controls-row{align-items:center;gap:1rem;display:flex}.search-box{flex:1;position:relative}.search-box svg{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:.75rem .75rem .75rem 2.5rem;font-size:.875rem;transition:all .3s}.search-box input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.sort-box{width:192px;position:relative}.sort-box select{cursor:pointer;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:.75rem 2.5rem .75rem .75rem;font-size:.875rem;transition:all .3s}.sort-box select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.sort-box svg{color:#6b7280;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.view-mode{gap:.5rem;display:flex}.view-mode button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;padding:.75rem;transition:all .3s;display:flex}.view-mode button:hover{background:#f9fafb}.view-mode button.active{color:#fff;background:#2563eb;border-color:#2563eb}.view-mode button.active svg{color:#fff;stroke:#fff}.mobile-filter-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:none}.active-filters{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.filter-badge{color:#1e40af;background:#eff6ff;border-radius:6px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;display:inline-flex}.filter-badge button{color:#1e40af;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1}.filter-badge button:hover{color:#ef4444}.results-count{color:#6b7280;margin-bottom:1rem;font-size:.875rem}.products-grid{gap:1.5rem;display:grid}.products-grid.grid{grid-template-columns:repeat(3,1fr)}.products-grid.list{grid-template-columns:1fr}.product-card{background:#fff;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.products-grid.list .product-card{flex-direction:row}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a}.product-image{background:#f3f4f6;width:100%;padding-top:75%;position:relative;overflow:hidden}.products-grid.list .product-image{width:250px;height:auto;padding-top:0}.product-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.products-grid.list .product-image img{height:200px;position:relative}.product-card:hover .product-image img{transform:scale(1.05)}.product-badge{text-transform:uppercase;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:12px;right:12px}.product-badge.sale{color:#fff;background:#ef4444}.product-badge.eco{color:#fff;background:#10b981;justify-content:center;align-items:center;padding:.25rem .5rem;display:flex;top:48px}.product-badge.eco img{filter:brightness(0)invert();width:20px;height:20px}.product-info{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex}.product-brand{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.product-name{margin:0;font-size:1rem;font-weight:600}.product-name a{color:#111827;text-decoration:none;transition:color .3s}.product-name a:hover{color:#2563eb}.product-rating{align-items:center;gap:.25rem;display:flex}.product-rating .star{color:#fbbf24;align-items:center;display:flex}.product-rating .star svg{fill:#fbbf24;stroke:#fbbf24}.product-rating .rating-text{color:#6b7280;margin-left:.25rem;font-size:.75rem}.product-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.product-price{color:#2563eb;font-size:1.25rem;font-weight:700}.product-stock{border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.product-stock.in-stock{color:#065f46;background:#d1fae5}.product-stock.out-of-stock{color:#991b1b;background:#fee2e2}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:3rem;display:flex}.pagination-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .3s}.pagination-btn:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#6b7280;font-size:.875rem}.no-results{text-align:center;background:#fff;border-radius:12px;padding:4rem 2rem}.no-results p{color:#6b7280;margin-bottom:1.5rem;font-size:1.125rem}.reset-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:background .3s}.reset-btn:hover{background:#1d4ed8}.products-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-filter-overlay{z-index:1000;background:#00000080;display:none;position:fixed;inset:0}.mobile-filter-panel{background:#fff;flex-direction:column;width:320px;max-width:85vw;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:2px 0 8px #0000001a}.mobile-filter-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.mobile-filter-header h2{margin:0;font-size:1.25rem;font-weight:600}.mobile-filter-header button{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0;font-size:2rem;line-height:1}.mobile-filter-body{flex:1;padding:1.5rem;overflow-y:auto}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (max-width:1024px){.products-sidebar{display:none}.mobile-filter-btn{display:flex}.mobile-filter-overlay{display:block}.products-grid.grid{grid-template-columns:repeat(2,1fr)}.view-mode{display:none}}@media (max-width:768px){.products-header h1{font-size:2rem}.products-header{padding:2rem 0}.controls-row{flex-wrap:wrap;gap:.75rem}.search-box{flex:100%;order:1;width:100%}.mobile-filter-btn{flex:1;order:2;min-width:0}.sort-box{flex:1;order:3;min-width:0}.products-grid.grid{grid-template-columns:1fr}.products-grid.list .product-card{flex-direction:column}.products-grid.list .product-image{width:100%;padding-top:75%}.products-grid.list .product-image img{height:100%;position:absolute}}@media (max-width:576px){.products-header h1{font-size:1.75rem}.controls-row{gap:.75rem}.search-box{flex:100%;order:1}.mobile-filter-btn{flex:48%;order:2}.sort-box{flex:48%;order:3}}