.sidebar-filter.collapsed{transition:all .3s ease}.sidebar-filter.collapsed .canvas-wrapper{padding:0}.sidebar-filter.collapsed .canvas-body,.sidebar-filter.collapsed .canvas-bottom{display:none!important}@media (max-width:991px){.filterShop.tf-btn-filter{display:none!important}}@media (min-width:992px){.filterShop.tf-btn-filter{display:inline-flex!important}}.filter-arrow{margin-left:8px;font-size:12px;transition:transform .3s ease;display:inline-block}.filter-arrow.down{transform:rotate(0deg)}.filter-arrow.up{transform:rotate(180deg)}.filter-toggle-button{padding:10px}.filter-toggle-button,.tf-btn-filter.compact{display:flex;justify-content:center;align-items:center}.tf-btn-filter.compact{width:50px;height:50px;padding:0;background:#f8f9fa;border:1px solid #dee2e6;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tf-btn-filter.compact:hover{background:#e9ecef;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.15)}.tf-btn-filter.compact .icon{font-size:18px;color:#6c757d}.sidebar-filter.collapsed .tf-btn-filter{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;transition:all .3s ease}.sidebar-filter.collapsed .tf-btn-filter:hover{background:#e9ecef}.row>div,.tf-grid-layout,.tf-list-layout{transition:all .3s ease}