.filter-offcanvas{width:400px!important;max-width:95vw;border:none;box-shadow:-2px 0 15px rgba(0,0,0,.1)}.filter-sidebar{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,8%);transition:all .3s ease}.filter-sidebar:hover{box-shadow:0 8px 30px rgba(0,0,0,.12)}.filter-section{position:relative;transition:all .2s ease}.filter-header{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-bottom:1px solid #dee2e6}.filter-content{background:#fff}.filter-status-bar{background:linear-gradient(135deg,#e8f5fb 0%,#d4ebf7 100%);border-bottom:1px solid #b3d9ee;font-size:.875rem;font-weight:500}.filter-count-badge{animation:filterBadgePulse .6s ease-in-out;background:linear-gradient(135deg,#449CCC 0%,#2b7ba8 100%);border:none;color:#fff;font-weight:600;border-radius:20px;padding:.25rem .75rem}@keyframes filterBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.active-filters-cloud{background:linear-gradient(135deg,#e8f5fb 0%,#d4ebf7 100%);border-bottom:1px solid #b3d9ee}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{display:inline-flex;align-items:center;background:linear-gradient(135deg,#449CCC 0%,#2b7ba8 100%);color:#fff;padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;animation:filterTagSlide .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px rgba(68,156,204,.3);transition:all .2s ease}.filter-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(68,156,204,.4)}.filter-tag .btn-close{--bs-btn-close-color:white;--bs-btn-close-hover-color:white;font-size:1.5rem;margin-left:.5rem;padding:.25rem .5rem;background:0 0!important;opacity:1!important;color:#fff!important;font-weight:400;line-height:1;width:auto;height:auto;transition:all .2s ease;cursor:pointer;filter:brightness(0)invert(1)}.filter-tag .btn-close:empty:before{content:'×';color:#fff!important;font-size:1.5rem;font-weight:400}.filter-tag .btn-close:hover{opacity:1;transform:scale(1.3);color:#fff;font-weight:700}@keyframes filterTagSlide{from{opacity:0;transform:translateX(-30px)scale(.8)}to{opacity:1;transform:translateX(0)scale(1)}}.quick-filters{background:linear-gradient(135deg,#f8f9fa 0%,#e8f5fb 100%);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.quick-filter-btn{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);border-radius:20px;font-weight:500;font-size:.85rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.quick-filter-btn:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.quick-filter-btn:hover:before{left:100%}.quick-filter-btn.active{background:linear-gradient(135deg,#449CCC 0%,#2b7ba8 100%);border-color:transparent;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px rgba(68,156,204,.4)}.quick-filter-btn:focus{box-shadow:0 0 0 .25rem rgba(68,156,204,.25)}.price-slider-container{background:linear-gradient(135deg,#f8f9fa 0%,#e8f5fb 100%);border-radius:12px;padding:1.5rem;margin:1rem 0}.price-slider{height:10px;background:linear-gradient(135deg,#e9ecef 0%,#dee2e6 100%);border-radius:5px;position:relative;margin:1.5rem 0;cursor:pointer;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.price-range-display{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#449CCC 0%,#2b7ba8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.color-swatch,.color-indicator{border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.color-swatch:hover,.color-indicator:hover{transform:scale(1.3);box-shadow:0 0 0 2px #449CCC,0 4px 12px rgba(0,0,0,.2)}.color-group{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);border-radius:8px;padding:1rem;margin-bottom:1rem;border-left:4px solid transparent;background-clip:padding-box;position:relative}.color-group:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#449CCC 0%,#2b7ba8 100%);border-radius:0 4px 4px 0}.color-group-header{font-weight:600;color:#424242}.form-select{border:2px solid #e9ecef;border-radius:8px;padding:.625rem 2.5rem .625rem 1rem;font-weight:500;color:#424242;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23449CCC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-position:right .75rem center;background-size:16px 12px;transition:all .3s ease}.form-select:focus{border-color:#449ccc;box-shadow:0 0 0 .25rem rgba(68,156,204,.25);transform:scale(1.02)}.form-select:hover{border-color:#449ccc;background-color:#f8f9fa}.form-check{padding:.75rem .5rem;margin:0;border-radius:6px;transition:all .2s ease}.form-check:hover{background:linear-gradient(135deg,#f8f9fa 0%,#e8f5fb 100%);transform:translateX(4px)}.form-check-input{margin-top:.125em;transition:all .2s ease}.form-check-input:checked{background-color:#449ccc;border-color:#449ccc;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:focus{border-color:#449ccc;box-shadow:0 0 0 .25rem rgba(68,156,204,.25)}.form-check-label{cursor:pointer;user-select:none;font-weight:500;color:#424242;transition:color .2s ease;width:100%}.form-check:hover .form-check-label{color:#449ccc}.filter-search-input{border:2px solid #e9ecef;border-radius:20px;transition:all .3s ease;font-size:.9rem}.filter-search-input:focus{border-color:#449ccc;box-shadow:0 0 0 .25rem rgba(68,156,204,.15);transform:scale(1.02)}.accordion-button{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:none;font-weight:600;padding:1rem 1.25rem;color:#424242;transition:all .3s ease}.accordion-button:not(.collapsed){background:linear-gradient(135deg,#449CCC 0%,#2b7ba8 100%);color:#fff;box-shadow:0 2px 8px rgba(68,156,204,.3)}.accordion-button:focus{border-color:#449ccc;box-shadow:0 0 0 .25rem rgba(68,156,204,.25)}.accordion-body{padding:1.25rem;background:#fff}.filter-actions{background:linear-gradient(135deg,#f8f9fa 0%,#e8f5fb 100%);border-top:1px solid #b3d9ee}.apply-filters-btn{background:linear-gradient(135deg,#449CCC 0%,#2b7ba8 100%);border:none;font-weight:600;padding:.75rem 1.5rem;border-radius:25px;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 12px rgba(68,156,204,.3);position:relative;overflow:hidden;display:none!important}.apply-filters-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(68,156,204,.4)}.apply-filters-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(68,156,204,.3)}.clear-filters-btn{border:2px solid #dee2e6;color:#6c757d;font-weight:600;padding:.65rem 1.5rem;border-radius:25px;transition:all .3s ease}.clear-filters-btn:hover{border-color:#dc3545;color:#dc3545;background:linear-gradient(135deg,#fff5f5 0%,#fdecea 100%);transform:translateY(-1px)}.filter-loading{opacity:.6;pointer-events:none;position:relative}.filter-loading:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);z-index:10}.apply-filters-btn .spinner-border{width:1rem;height:1rem;border-width:.125em}.max-height-300{max-height:300px}.overflow-auto{overflow-y:auto;scroll-behavior:smooth}.overflow-auto::-webkit-scrollbar{width:6px}.overflow-auto::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.overflow-auto::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#449CCC 0%,#2b7ba8 100%);border-radius:3px}.overflow-auto::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3a8ab8 0%,#256a94 100%)}@media(max-width:991.98px){.filter-sidebar{display:none!important}.filter-offcanvas{width:350px!important}}@media(max-width:575.98px){.filter-offcanvas{width:100vw!important}.filter-tags{gap:.25rem}.filter-tag{font-size:.75rem;padding:.25rem .5rem}.quick-filter-btn{font-size:.8rem;padding:.5rem .75rem}}@media(min-width:992px){.filter-offcanvas{display:none!important}.filter-sidebar{position:sticky;top:120px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.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}.filter-sidebar:focus-within{box-shadow:0 0 0 3px rgba(68,156,204,.3)}@media(prefers-contrast:high){.filter-tag,.quick-filter-btn.active,.apply-filters-btn{background:#000!important;color:#fff!important;border:2px solid #fff!important}.form-check-input:checked{background-color:#000!important;border-color:#000!important}}