.products-page{background:#f9fafb;max-width:1400px;margin:0 auto;padding:40px 20px;scroll-margin-top:96px}.products-header{background:#fff;border-radius:12px;margin-bottom:40px;padding:30px;box-shadow:0 2px 8px #0000000d}.products-header .breadcrumb{color:#6b7280;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;font-size:.9rem;display:flex}.products-header .breadcrumb a{color:#1e67f4;text-decoration:none}.products-header .breadcrumb a:hover{text-decoration:underline}.products-header h1{color:#1f2937;margin:0;font-size:2.5rem;font-weight:700}.search-box{max-width:500px}.search-box input{border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem}.search-box input:focus{border-color:#667eea;outline:none}.header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.sorting-select label{color:#475467;flex-direction:column;gap:4px;font-size:.95rem;display:flex}.sorting-select select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:200px;padding:10px 12px}.page-size-select{align-items:center;display:flex}.page-size-select label{color:#475467;flex-direction:column;gap:4px;font-size:.95rem;display:flex}.page-size-select select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:100px;padding:10px 12px}.filters-toggle{background:var(--btn-primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s;display:none;box-shadow:0 12px 25px #4494ef59}@media (width<=1024px){.filters-toggle.mobile-only{display:inline-flex}}.filters-toggle:hover{background:var(--btn-primary-gradient-hover);transform:translateY(-1px);box-shadow:0 15px 30px #4494ef66}.products-layout{grid-template-columns:340px 1fr;gap:32px;display:grid}.filters-sidebar{height:fit-content;box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:0;padding:24px;display:block;position:sticky;top:20px}.filters-sidebar h3{color:#1f2937;border-bottom:1px solid #e5e7eb;margin:0 0 24px;padding-bottom:16px;font-size:1.35rem;font-weight:600}.filter-group{margin-bottom:32px}.filter-group h4{color:#374151;margin:0 0 12px;font-size:1rem}.filter-group-collapsible{background:0 0;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;margin-bottom:0;padding:0;transition:none}.filter-group-collapsible:last-of-type{border-bottom:none;margin-bottom:0}.filter-group-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0;justify-content:space-between;align-items:center;margin:0;padding:18px 0;transition:background .2s;display:flex}.filter-group-header:hover{background:#f9fafb;border-radius:4px;margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.filter-group-header h4{color:#1f2937;align-items:center;gap:10px;margin:0;font-size:1.1rem;font-weight:600;display:flex}.filter-active-indicator{color:#1f2937;margin-left:4px;font-size:.7rem;font-weight:400}.filter-toggle-icon{color:#1f2937;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:auto;height:auto;font-size:1.2rem;font-weight:300;line-height:1;transition:none;display:flex}.filter-group-header:hover .filter-toggle-icon{color:#1f2937;background:0 0;border:none}.filter-group-content{max-height:500px;margin-top:0;padding:16px 0 20px;overflow-y:auto}.filter-group-content::-webkit-scrollbar{width:6px}.filter-group-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.filter-group-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.filter-group-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filter-option{cursor:pointer;-webkit-user-select:none;user-select:none;color:#374151;border-radius:4px;align-items:center;gap:10px;min-height:40px;margin-bottom:2px;padding:10px 8px;font-size:.95rem;transition:background .15s;display:flex;position:relative}.filter-option:hover{background:#f9fafb}.filter-option input[type=checkbox],.filter-option input[type=radio]{cursor:pointer;accent-color:#1f2937;flex-shrink:0;width:18px;height:18px;margin:0}.filter-option input:checked+span{color:#1f2937;font-weight:500}.filter-option>span:first-of-type{color:#374151;flex:1;align-items:center;min-width:0;font-size:.95rem;line-height:1.4;transition:color .15s;display:flex}.filter-option-count{color:#6b7280;text-align:right;flex-shrink:0;min-width:24px;margin-left:4px;font-size:.9rem;font-weight:400}.category-tree-item{margin-bottom:2px;transition:background-color .3s}.category-tree-item.category-highlight{background-color:#eff6ff;border-radius:4px;margin:-4px;padding:4px}.category-option{border-radius:4px;flex:1;align-items:center;gap:10px;min-width:0;min-height:40px;padding:10px 8px;transition:background .15s;display:flex;position:relative}.category-option:hover{background:#f9fafb}.category-option input[type=checkbox]{cursor:pointer;accent-color:#1f2937;flex-shrink:0;width:18px;height:18px;margin:0}.category-option input:checked+.category-name{color:#1f2937;font-weight:500}.category-name{color:#374151;flex:1;align-items:center;min-width:0;font-size:.95rem;line-height:1.4;transition:color .15s;display:flex}.category-toggle{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:8px;padding:0;font-size:1.8rem;font-weight:500;line-height:1;transition:all .15s;display:flex}.category-toggle:hover{color:#374151;background:#f3f4f6}.category-count{color:#6b7280;text-align:right;background:0 0;border-radius:0;flex-shrink:0;min-width:24px;margin-left:4px;padding:0;font-size:.9rem;font-weight:400;transition:none}.category-children{border-left:none;margin-top:4px;margin-left:28px;padding-left:0;position:relative}.category-tree-item.level-1 .category-option{padding-left:20px}.category-tree-item.level-2 .category-option{padding-left:36px}.category-tree-item.level-0 .category-option{font-weight:500}.category-tree-item.level-1 .category-option{font-size:.95rem}.category-tree-item.level-2 .category-option{font-size:.9rem}.price-range-container{margin-bottom:20px}.filter-group-content.price-filter-content{max-height:none;overflow-y:visible}.filter-group-content:has(.price-range-container){max-height:none;overflow-y:visible}.price-range-slider{appearance:none;pointer-events:none;background:0 0;border-radius:2px;outline:none;width:100%;height:4px;margin:0}.price-range-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;pointer-events:all;background:#1f2937;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0003}.price-range-slider::-moz-range-thumb{cursor:pointer;pointer-events:all;background:#1f2937;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0003}.price-range-labels{color:#6b7280;justify-content:space-between;margin-bottom:12px;font-size:.9rem;display:flex}.price-range-slider-wrapper{background:#e5e7eb;border-radius:2px;height:4px;margin-bottom:16px;position:relative}.price-range{align-items:center;gap:12px;margin-bottom:0;display:flex}.price-range input{color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;flex:1;min-width:0;padding:6px 10px;font-size:.85rem;transition:none}.price-range input:focus{background:#fff;border-color:#1f2937;outline:none}.price-range input::placeholder{color:#9ca3af}.price-range span{color:#6b7280;white-space:nowrap;font-size:.85rem;font-weight:400}.apply-price-filter-btn{color:#1f2937;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #1f2937;border-radius:0;justify-content:center;align-items:center;width:100%;min-height:44px;margin-top:16px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.apply-price-filter-btn:hover{color:#fff;background:#1f2937}.apply-price-filter-btn:active{background:#374151;transform:none}@media (width>=1025px){.apply-price-filter-btn{display:none}}.clear-filters{color:#1f2937;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #1f2937;border-radius:0;justify-content:center;align-items:center;width:100%;min-height:44px;margin-top:20px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.clear-filters:hover{color:#fff;background:#1f2937}.clear-filters:active{background:#374151;transform:none}.products-content{background:#fff;border-radius:12px;min-height:400px;padding:30px;box-shadow:0 2px 8px #0000000d}.products-content--fetching .products-grid,.products-content--fetching .products-count{opacity:.88;transition:opacity .18s}.products-count{color:#6b7280;margin-bottom:28px;font-size:1rem;font-weight:500}.products-page-shop-cards.shop-home{width:100%;max-width:none;margin:0;padding:0;overflow:visible}.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;display:grid}.products-page-shop-cards.shop-home .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1400px){.products-page{padding:35px 18px}.products-header{margin-bottom:32px;padding:24px}.products-header h1{margin-bottom:20px;font-size:2.2rem}.search-box{max-width:450px}.search-box input{padding:10px 14px;font-size:.95rem}.header-actions{gap:14px}.sorting-select label{font-size:.9rem}.sorting-select select{min-width:180px;padding:9px 11px;font-size:.9rem}.products-layout{grid-template-columns:320px 1fr;gap:28px}.filters-sidebar{padding:24px}.filters-sidebar h3{margin-bottom:20px;font-size:1.15rem}.filter-group{margin-bottom:28px}.filter-group h4{margin-bottom:10px;font-size:.95rem}.filter-option{padding:7px 0;font-size:.9rem}.price-range input{padding:9px 11px;font-size:.9rem}.apply-price-filter-btn{padding:10px 16px;font-size:.85rem}.clear-filters{padding:9px;font-size:.85rem}.filters-toggle{padding:9px 16px;font-size:.85rem}.products-content{padding:24px}.products-count{margin-bottom:24px;font-size:.95rem}.products-page-shop-cards.shop-home .products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.products-page-shop-cards.shop-home .out-of-stock-badge{padding:5px 10px;font-size:.7rem;top:10px;right:10px}.filters-drawer{width:min(380px,85%)}.drawer-header{padding:16px}.drawer-header button{font-size:.9rem}.drawer-content{padding:18px}.loading-state p,.loading-more p{font-size:1rem}.no-products{font-size:.95rem}.no-more-products,.total-count{font-size:.85rem}}.product-card.out-of-stock{opacity:.7;position:relative}.product-card.out-of-stock:before{content:"";z-index:1;pointer-events:none;background:#0000000d;position:absolute;inset:0}.out-of-stock-badge{color:#fff;z-index:2;background:#ef4444;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0003}.no-products{text-align:center;color:#6b7280;padding:60px 20px}.loading-state,.loading-more{text-align:center;color:#6b7280;padding:40px 20px}.loading-state p,.loading-more p{margin:0;font-size:1.1rem}.scroll-trigger{justify-content:center;align-items:center;min-height:100px;margin-top:40px;display:flex}.no-more-products{text-align:center;color:#9ca3af;padding:20px;font-size:.9rem}.total-count{color:#9ca3af;font-size:.9rem;font-weight:400}.filters-drawer{z-index:120;background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;width:min(420px,90%);height:100vh;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-100%;box-shadow:-10px 0 40px #0f172a40}.filters-drawer.open{right:0}.filters-backdrop{z-index:110;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;animation:.2s forwards fadeIn;position:fixed;inset:0}.drawer-header{background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;padding:24px;display:flex}.drawer-header h3{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.drawer-header button{cursor:pointer;color:#475467;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.drawer-header button:hover{color:#1f2937;background:#e5e7eb;transform:scale(1.05)}.drawer-content{background:#f9fafb;padding:24px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1024px) and (width>=769px){.products-page{padding:32px 16px}.products-header{padding:24px}.products-header h1{font-size:2.25rem}.products-page-shop-cards.shop-home .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-image,.product-image-placeholder{height:200px}.product-info h3{font-size:1.05rem}.product-price{font-size:1.4rem}.sorting-select select{min-width:180px}}@media (width<=1024px){.products-layout{grid-template-columns:1fr}.filters-sidebar{display:none;position:static}.filters-toggle{display:inline-flex}}@media (width>=1025px){.filters-toggle{display:none}.filters-sidebar{display:block}.products-layout{grid-template-columns:340px 1fr}}@media (width<=1024px){.products-page{padding:24px 16px}.products-header{padding:20px}.products-header h1{font-size:2rem}.search-box{max-width:100%}}@media (width<=768px){.products-page{padding:16px 12px}.products-header{border-radius:10px;margin-bottom:24px;padding:16px}.products-header h1{margin-bottom:16px;font-size:1.75rem;line-height:1.2}.search-box input{padding:10px 14px;font-size:.95rem}.header-actions{flex-wrap:wrap;align-items:stretch;gap:12px}.sorting-select{width:100%}.sorting-select label{font-size:.9rem}.sorting-select select{width:100%;min-width:auto;padding:10px 12px;font-size:.95rem}.filters-toggle{justify-content:center;width:100%;padding:10px 16px;font-size:.95rem}.products-content{border-radius:10px;padding:16px}.products-page-shop-cards.shop-home .products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.products-page-shop-cards.shop-home .product-card:active{transform:scale(.98)}.products-count{margin-bottom:20px;font-size:.9rem}.filters-drawer{width:min(380px,85%)}.drawer-header{padding:20px}.drawer-header h3{font-size:1.25rem}.drawer-content{padding:20px}.filter-group-collapsible{margin-bottom:16px}.filter-group-header{padding:12px 14px}.filter-group-content{padding:10px 14px 14px}}@media (width<=480px){.products-header h1{font-size:1.5rem}.products-page-shop-cards.shop-home .products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.products-page-shop-cards.shop-home .product-add-btn{min-height:36px;padding:7px;font-size:.8rem}}@media (width<=375px){.products-page{padding:12px 8px}.products-header h1{font-size:1.25rem}.products-page-shop-cards.shop-home .products-grid{grid-template-columns:repeat(2,1fr);gap:8px}.products-page-shop-cards.shop-home .product-add-btn{min-height:36px;padding:7px;font-size:.8rem}}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:40px;margin-bottom:20px;display:flex}.pagination-button{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 12px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.pagination-button:hover:not(:disabled){color:#1f2937;background:#f3f4f6;border-color:#d1d5db}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active{background:var(--btn-primary-gradient);color:#fff;border-color:#667eea;font-weight:600}.pagination-button.active:hover{background:var(--btn-primary-gradient-hover);border-color:#5d72e6}.pagination-ellipsis{color:#6b7280;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:.95rem;display:flex}