.sidebar-filters{width:100%;max-width:280px;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:fit-content;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(0);opacity:1}.sidebar-filters.hidden{transform:translate(-100%);opacity:0;visibility:hidden}.auto-parts-layout{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;width:100%}.auto-parts-layout .filters-and-products{display:flex;gap:2rem;align-items:flex-start;width:100%;flex:1}.filter-group{margin-bottom:1.5rem}.filter-group h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.back-link{display:inline-flex;align-items:center;color:#3b82f6;text-decoration:none;margin-bottom:1.5rem;font-weight:500;font-size:.875rem;transition:color .2s ease-in-out}.back-link:hover{color:#1d4ed8}.back-link svg{margin-right:.5rem;width:1rem;height:1rem}.filter-toggle-btn{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;color:#374151;border:2px solid #e2e8f0;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f;position:relative;overflow:hidden}.filter-toggle-btn svg path{stroke:#000}.filter-toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .5s}.filter-toggle-btn:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:var(--color-midnight-500);box-shadow:0 4px 12px #3b82f626,0 2px 4px #00000014;transform:translateY(-1px)}.filter-toggle-btn:hover:before{left:100%}.filter-toggle-btn.active{background-color:var(--color-midnight-900);color:#fff;border-color:var(--color-midnight-700);box-shadow:0 4px 12px #3b82f64d,0 2px 4px #0000001a}.filter-toggle-btn.active .icon-container svg path{stroke:#fff}.filter-toggle-btn.active:hover{background:linear-gradient(135deg,var(--color-midnight-700) 0%,var(--color-midnight-500) 100%);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666,0 3px 6px #0000001f}@keyframes pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 10px #3b82f600}}.filter-toggle-btn.pulse{animation:pulse 2s infinite}.filter-toggle-btn .toggle-icon{margin-right:.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.filter-toggle-btn:hover .toggle-icon{transform:scale(1.1) rotate(5deg)}.filter-toggle-btn.active .toggle-icon{transform:scale(1.1)}.filter-toggle-btn .toggle-icon svg{width:1rem;height:1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.filter-toggle-btn .toggle-text{position:relative;z-index:1;font-weight:600;letter-spacing:.025em}.filter-toggle-btn.show{display:flex!important}.toggle-description{font-size:.75rem;color:#6b7280;margin-top:.5rem;text-align:center;transition:color .2s ease-in-out}.toggle-description:hover{color:#374151}.facets-wrapper{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(0);opacity:1}.facets-wrapper.hidden{transform:translate(-100%);opacity:0;visibility:hidden;pointer-events:none}.facets-wrapper:not(.hidden){transform:translate(0);opacity:1;visibility:visible;pointer-events:all}.product-grid-main{flex:1;min-width:0}@media screen and (max-width:990px){.auto-parts-layout,.auto-parts-layout .filters-and-products{flex-direction:column;gap:1rem}.sidebar-filters{max-width:100%;width:100%;margin-bottom:1rem}.sidebar-filters.hidden,.facets-wrapper.hidden{transform:translateY(-100%)}.filter-toggle-btn{font-size:1rem;padding:1rem}}@media screen and (max-width:750px){.sidebar-filters{padding:1rem}.filter-group h3{font-size:1rem}.back-link{font-size:.8125rem}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-filters.slide-in{animation:slideInFromLeft .3s cubic-bezier(.4,0,.2,1)}.sidebar-filters.slide-out{animation:slideOutToLeft .3s cubic-bezier(.4,0,.2,1)}.facets-wrapper.slide-in{animation:slideInFromLeft .3s cubic-bezier(.4,0,.2,1)}.facets-wrapper.slide-out{animation:slideOutToLeft .3s cubic-bezier(.4,0,.2,1)}.no-animation,.no-animation *{animation-duration:0s!important;transition-duration:0s!important}.filter-toggle-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f680}.filter-toggle-btn:focus-visible{box-shadow:0 0 0 3px #3b82f680}.filter-item a:focus{outline:none;background-color:#f3f4f6;border-radius:4px}.back-link:focus{outline:none;background-color:#dbeafe;border-radius:4px;padding:.25rem;margin:-.25rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/filter-toggle.css.map */