.catalog-header{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:var(--space-10) 0;text-align:center;color:var(--color-gray-800)}.catalog-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--space-3);color:var(--color-gray-900)}.catalog-description{font-size:var(--text-lg);opacity:.7;max-width:600px;margin:0 auto;color:var(--color-gray-600)}.products-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:1024px){.products-layout{grid-template-columns:280px 1fr}}.filters-sidebar{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:100%;background:var(--color-white);z-index:1001;transform:translate(-100%);transition:transform var(--transition-base);overflow-y:auto;padding:var(--space-6);box-shadow:var(--shadow-xl)}.filters-sidebar.active{transform:translate(0)}@media(min-width:1024px){.filters-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-4));transform:none;box-shadow:none;padding:0;background:transparent;height:fit-content}.filters-header{display:none}}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.filters-title{font-size:var(--text-lg);font-weight:600}.filters-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--color-gray-600);cursor:pointer;border-radius:var(--radius-md)}.filters-close:hover{background:var(--color-gray-100)}.filter-group{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.filter-group:last-of-type{border-bottom:none;margin-bottom:var(--space-4)}.filter-group-title{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.category-accordion{display:flex;flex-direction:column;gap:3px}.category-accordion-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast);background:var(--color-white)}.category-accordion-item:hover{border-color:var(--color-primary-light)}.category-accordion-item.no-products{opacity:.5}.category-accordion-item.no-products .category-accordion-header{cursor:default}.category-accordion-header{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-white);border:none;cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700);transition:background var(--transition-fast)}.category-accordion-header:hover{background:var(--color-gray-50)}.no-products .category-accordion-header:hover{background:transparent}.cat-icon{font-size:1.15em;width:20px;text-align:center}.cat-name{flex:1;text-align:left;font-weight:500}.cat-count{font-size:var(--text-xs);color:var(--color-gray-400);background:var(--color-gray-100);padding:1px 7px;border-radius:var(--radius-full);min-width:22px;text-align:center;font-weight:600}.category-accordion-header .chevron{width:14px;height:14px;transition:transform var(--transition-fast);color:var(--color-gray-400);flex-shrink:0}.category-accordion-item.expanded .chevron{transform:rotate(180deg)}.category-accordion-body{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 var(--space-3)}.category-accordion-item.expanded .category-accordion-body{max-height:400px;padding:0 var(--space-3) var(--space-3)}.category-accordion-body .filter-checkbox{padding-left:calc(var(--space-2) + 20px);margin-top:var(--space-1)}.category-accordion-body .filter-checkbox.subcategory{padding-left:calc(var(--space-5) + 20px)}.category-accordion-body .filter-checkbox.subcategory .filter-label{font-size:var(--text-xs);color:var(--color-gray-500)}.filter-options{display:flex;flex-direction:column;gap:var(--space-1)}.filter-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-1) 0}.filter-checkbox input{display:none}.checkbox-custom{width:18px;height:18px;min-width:18px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.filter-checkbox input:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.filter-checkbox input:checked+.checkbox-custom:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.filter-checkbox input:disabled~.checkbox-custom{opacity:.4;cursor:not-allowed}.filter-checkbox input:disabled~.filter-label{opacity:.4}.filter-label{font-size:var(--text-sm);color:var(--color-gray-700);line-height:1.3}.filter-option{list-style:none}.filters-apply{width:100%;margin-top:var(--space-2)}@media(min-width:1024px){.filters-apply,.filters-clear-sidebar{display:none}}.products-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.toolbar-left{display:flex;align-items:center;gap:var(--space-3)}.filters-toggle{display:flex;gap:var(--space-2)}@media(min-width:1024px){.filters-toggle{display:none}}.products-count{font-size:var(--text-sm);color:var(--color-gray-500)}.search-inline-wrapper{position:relative;flex:1;max-width:280px}.search-inline-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.search-inline-input{width:100%;padding:6px 12px 6px 32px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-white);transition:border-color .2s}.search-inline-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1b8e3d1a}@media(max-width:640px){.search-inline-wrapper{display:none}}.toolbar-right{display:flex;align-items:center;gap:var(--space-4)}.sort-label{font-size:var(--text-sm);color:var(--color-gray-600);display:none}@media(min-width:640px){.sort-label{display:block}}.sort-select{padding:var(--space-2) var(--space-3);padding-right:var(--space-8);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);font-size:var(--text-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.filters-header-actions{display:flex;align-items:center;gap:var(--space-1)}.filters-clear-sidebar{display:flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--color-gray-400);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.filters-clear-sidebar:hover{background:var(--color-gray-100);color:var(--color-danger)}.view-toggle{display:flex;gap:var(--space-1);padding:2px;background:var(--color-gray-200);border-radius:var(--radius-md)}.view-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast)}.view-btn.active{background:var(--color-white);color:var(--color-gray-900);box-shadow:var(--shadow-sm)}.products-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-6);align-items:stretch}@media(min-width:640px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-10)}.pagination-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-600);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;align-items:center;gap:var(--space-1)}.pagination-page{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-gray-600);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.pagination-page:hover{background:var(--color-gray-100)}.pagination-page.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.pagination-ellipsis{color:var(--color-gray-400);padding:0 var(--space-2)}.pagination-info{font-size:var(--text-sm);color:var(--color-gray-500);margin-left:var(--space-3);white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.products-empty{text-align:center;padding:var(--space-16) var(--space-4);grid-column:1 / -1}.empty-icon{width:80px;height:80px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);color:var(--color-gray-400);border-radius:var(--radius-full)}.empty-title{font-size:var(--text-xl);font-weight:600;color:var(--color-gray-700);margin-bottom:var(--space-2)}.empty-description{font-size:var(--text-base);color:var(--color-gray-500);margin-bottom:var(--space-6)}.products-grid.list-view{grid-template-columns:1fr!important}.products-grid.list-view .product-wrapper{display:flex;flex-direction:row}.products-grid.list-view .product-wrapper :global(.product-card){flex-direction:row!important}