.products-section{padding:var(--space-xl) 0 var(--space-3xl)}.filters-bar{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg) 0;border-bottom:1px solid var(--border-color-light);margin-bottom:var(--space-xl)}@media(min-width:768px){.filters-bar{flex-direction:row;justify-content:space-between;align-items:center}}.filters-left{display:flex;flex-wrap:wrap;gap:var(--space-md)}.filters-right{display:flex;align-items:center;gap:var(--space-lg)}.filter-group{display:flex;align-items:center;gap:var(--space-sm)}.filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);white-space:nowrap}.filter-select{padding:var(--space-sm) var(--space-lg);padding-right:2.5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:all var(--transition-fast)}.filter-select:hover{border-color:var(--text-tertiary)}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.results-count{font-size:var(--font-size-sm);color:var(--text-secondary)}.view-toggle{display:flex;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.view-btn{padding:var(--space-sm);color:var(--text-tertiary);transition:all var(--transition-fast)}.view-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.view-btn.active{color:var(--color-primary);background:var(--color-primary-light)}.active-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.active-filter-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.active-filter-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-full);transition:background var(--transition-fast)}.active-filter-remove:hover{background:#e91e8c33}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-3xl);color:var(--text-secondary)}.product-card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);cursor:pointer}.product-card:hover{border-color:var(--border-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card-image{position:relative;aspect-ratio:1;overflow:hidden;background:var(--bg-secondary)}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-primary);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-md)}.product-card-badge.sale{background:#22c55e}.product-card-quick-actions{position:absolute;bottom:var(--space-sm);right:var(--space-sm);display:flex;gap:var(--space-xs);opacity:0;transform:translateY(10px);transition:all var(--transition-base)}.product-card:hover .product-card-quick-actions{opacity:1;transform:translateY(0)}.product-quick-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--text-primary);transition:all var(--transition-fast)}.product-quick-action:hover{background:var(--color-primary);color:var(--text-inverse)}.product-card-body{padding:var(--space-md)}.product-card-category{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.product-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:0;margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.product-card-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.product-card-price-old{font-size:var(--font-size-sm);color:var(--text-tertiary);text-decoration:line-through;margin-left:var(--space-xs)}.product-card-colors{display:flex;gap:4px}.product-card-color{width:16px;height:16px;border-radius:var(--radius-full);border:2px solid var(--bg-primary);box-shadow:0 0 0 1px var(--border-color)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color-light)}.pagination-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:var(--space-xs)}.pagination-page{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.pagination-page:hover{background:var(--bg-secondary);color:var(--text-primary)}.pagination-page.active{background:var(--color-primary);color:var(--text-inverse)}.product-grid.list-view{display:flex;flex-direction:column;gap:var(--space-md)}.product-grid.list-view .product-card{display:grid;grid-template-columns:150px 1fr}@media(min-width:768px){.product-grid.list-view .product-card{grid-template-columns:200px 1fr}}.product-grid.list-view .product-card-body{display:flex;flex-direction:column;justify-content:center;padding:var(--space-lg)}.product-grid.list-view .product-card-title{font-size:var(--font-size-lg);-webkit-line-clamp:1}