.advanced-product-filter{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem;margin-bottom:2rem;border:1px solid #f1f5f9}.filter-header{justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.filter-header,.filter-title{display:flex;align-items:center}.filter-title{gap:.75rem}.filter-title h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.active-count{background:#ff5600;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;min-width:1.5rem;text-align:center}.clear-all-btn{background:none;border:1px solid #e2e8f0;color:#64748b;font-size:.875rem;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.clear-all-btn:hover{border-color:#ff5600;color:#ff5600;background:#fff7ed}.filter-sections{display:flex;flex-direction:column;gap:.5rem}.filter-section{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s ease}.filter-section:hover{border-color:#cbd5e1}.section-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border:none;cursor:pointer;transition:all .2s ease;font-weight:500;color:#334155}.section-header:hover{background:#f1f5f9}.section-title{font-size:.95rem;font-weight:500}.expand-icon{display:flex;align-items:center;transition:transform .2s ease;color:#64748b}.expand-icon.expanded{transform:rotate(180deg)}.section-content{padding:1rem;background:#fff;border-top:1px solid #e2e8f0}.filter-options{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.filter-options::-webkit-scrollbar{width:4px}.filter-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.filter-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.filter-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filter-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;position:relative}.filter-option:hover{background:#f8fafc}.filter-option input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:18px;width:18px;background-color:#fff;border:2px solid #d1d5db;border-radius:4px;position:relative;flex-shrink:0;transition:all .2s ease}.filter-option:hover .checkmark{border-color:#ff5600}.filter-option input:checked~.checkmark{background-color:#ff5600;border-color:#ff5600}.checkmark:after{content:"";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.filter-option input:checked~.checkmark:after{display:block}.option-label{font-size:.875rem;color:#374151;flex:1 1;line-height:1.4}.option-count{font-size:.75rem;color:#9ca3af;font-weight:500}@media (max-width:768px){.advanced-product-filter{margin:0 -1rem 2rem;border-radius:0;border-left:none;border-right:none;padding:1rem}.filter-header{flex-direction:column;align-items:stretch;gap:1rem}.filter-title{justify-content:space-between}.clear-all-btn{align-self:flex-start}.section-content,.section-header{padding:.875rem}.filter-options{max-height:200px}.filter-option{padding:.375rem}.option-label{font-size:.8rem}.option-count{font-size:.7rem}}@media (max-width:1024px) and (min-width:769px){.advanced-product-filter{padding:1.25rem}.filter-options{max-height:250px}}.section-content{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-header:focus{outline:2px solid #ff5600;outline-offset:2px}.filter-option:focus-within{background:#f8fafc;outline:2px solid #ff5600;outline-offset:2px;border-radius:6px}.clear-all-btn:focus{outline:2px solid #ff5600;outline-offset:2px}.mobile-filter-toggle{display:none}.filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center;margin-bottom:1rem}.filter-toggle-btn:hover{border-color:#ff5600;color:#ff5600;background:#fff7ed}.chevron{display:flex;align-items:center;transition:transform .2s ease;margin-left:auto}.chevron.open{transform:rotate(180deg)}.mobile-filters-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}.mobile-filters-content{background:#fff;width:100%;max-height:85vh;border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.mobile-filters-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;flex-shrink:0}.mobile-filters-header h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.close-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:#f1f5f9;color:#374151}.mobile-filters-body{flex:1 1;overflow-y:auto;padding:0}.mobile-filters-body .advanced-product-filter{margin:0;border:none;border-radius:0;box-shadow:none;padding:1rem}.mobile-filters-body .filter-header{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:768px){.mobile-filter-toggle{display:block}}@media (max-width:1024px) and (min-width:769px){.mobile-filters-overlay{align-items:center;justify-content:center}.mobile-filters-content{max-width:500px;max-height:80vh;border-radius:12px;margin:2rem}}.products-page{min-height:100vh;background:#f8f9fa}.products-header{background:linear-gradient(135deg,#212531,#212531);color:#fff;padding:4rem 0;text-align:center}.products-header h1{font-size:3rem;font-weight:800;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.products-subtitle{font-size:1.2rem;margin:0;opacity:.9}.main-content{padding:2rem 0}.mobile-filter-section{display:none}.container{margin:0 auto;padding:0 1rem}.products-layout{display:grid;grid-template-columns:320px 1fr;grid-gap:2rem;gap:2rem;align-items:start}.filters-sidebar{position:-webkit-sticky;position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto}.products-content{min-height:400px}@media (max-width:768px){.products-header{padding:3rem 0}.products-header h1{font-size:2rem}.products-subtitle{font-size:1rem}.mobile-filter-section{display:block}.products-layout{grid-template-columns:1fr;gap:1rem}.filters-sidebar{display:none}.products-content{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;padding:0}}