.products-page{max-width:1280px;margin:0 auto;padding:var(--space-md)}.products-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-xl);align-items:start}@media (max-width: 768px){.products-layout{grid-template-columns:1fr}}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);font-size:var(--text-xs);color:var(--color-text-2);padding:var(--space-sm) 0;margin-bottom:var(--space-md)}.breadcrumb a{color:var(--color-text-2);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb .sep{color:var(--color-text-3)}.breadcrumb .current{color:var(--color-text);font-weight:500}.page-title-block{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.page-title{font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-xs);color:var(--color-text)}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-2);margin:0}.filter-sidebar{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md)}.filter-section{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-light)}.filter-section:last-child{border-bottom:none}.filter-title{font-size:var(--text-sm);font-weight:700;margin:0 0 var(--space-sm);color:var(--color-text)}.filter-list{list-style:none;padding:0;margin:0;max-height:240px;overflow-y:auto}.filter-list li{padding:var(--space-2xs) 0}.filter-list label{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-xs);color:var(--color-text-2);cursor:pointer}.filter-list label:hover{color:var(--color-text)}.filter-list input[type=checkbox],.filter-list input[type=radio]{margin:0;cursor:pointer}.filter-count{margin-left:auto;color:var(--color-text-3);font-size:var(--text-xxs)}.category-nav{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm);margin-bottom:var(--space-md)}.category-nav-title{font-size:var(--text-sm);font-weight:700;padding:var(--space-xs) var(--space-sm);margin:0 0 var(--space-xs);color:var(--color-text);border-bottom:1px solid var(--color-border-light)}.category-nav ul{list-style:none;padding:0;margin:0}.category-nav li{padding:0}.category-nav a{display:block;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);color:var(--color-text-2);text-decoration:none;border-radius:var(--radius-sm);transition:background .15s ease}.category-nav a:hover{background:var(--color-bg-light);color:var(--color-text)}.category-nav a.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:500}.category-nav ul ul{margin-left:var(--space-md);margin-top:var(--space-2xs);margin-bottom:var(--space-2xs);border-left:2px solid var(--color-border-light)}.category-nav ul ul a{font-size:var(--text-xs);padding-left:var(--space-md)}.sort-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.sort-bar-info{font-size:var(--text-sm);color:var(--color-text-2)}.sort-bar-info strong{color:var(--color-text);font-weight:700}.sort-bar-controls{display:flex;align-items:center;gap:var(--space-sm)}.sort-select{padding:var(--space-2xs) var(--space-sm);font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);cursor:pointer}.view-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.view-toggle button{padding:var(--space-2xs) var(--space-sm);font-size:var(--text-xs);background:var(--color-white);border:none;cursor:pointer;color:var(--color-text-2)}.view-toggle button.active{background:var(--color-primary);color:var(--color-white)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}@media (max-width: 768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr}}.products-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.products-list .p-card{display:grid;grid-template-columns:160px 1fr auto;gap:var(--space-md);align-items:center}.products-list .p-img{height:160px}@media (max-width: 768px){.products-list .p-card{grid-template-columns:100px 1fr}.products-list .p-img{height:100px}.products-list .p-actions{grid-column:1 / -1}}.no-results{text-align:center;padding:var(--space-2xl) var(--space-md);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.no-results-icon{font-size:48px;color:var(--color-text-3);margin-bottom:var(--space-md)}.no-results-title{font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-sm);color:var(--color-text)}.no-results-text{font-size:var(--text-sm);color:var(--color-text-2);margin:0 0 var(--space-md)}.pagination-new{display:flex;justify-content:center;align-items:center;gap:var(--space-2xs);padding:var(--space-md) 0}.pagination-new a,.pagination-new span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-sm);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-text-2);text-decoration:none;transition:all .15s ease}.pagination-new a:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination-new .current{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);font-weight:700}.pagination-new .disabled{opacity:.4;cursor:not-allowed;background:var(--color-bg-light)}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.group-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;text-decoration:none;color:var(--color-text);transition:all .2s ease}.group-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.group-card-icon{font-size:32px;margin-bottom:var(--space-sm)}.group-card-title{font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-xs)}.group-card-count{font-size:var(--text-xs);color:var(--color-text-2)}
