:root{--sidebar-transition: all .2s ease;--sidebar-bg-active: rgba(var(--bs-primary-rgb), .05);--swatch-size: 28px}.category-sidebar .category-item{border-bottom:1px solid #eee}.category-sidebar .category-item:last-child,.category-sidebar .last-child-border-0:last-child{border-bottom:none!important}.category-sidebar .main-link{transition:var(--sidebar-transition);font-size:.95rem;display:block}.category-sidebar .main-link:hover{color:var(--bs-primary)!important;padding-left:1.2rem!important}.category-sidebar .active-parent{background-color:var(--sidebar-bg-active)}.category-sidebar .active-child{background-color:transparent!important;position:relative;font-weight:700}.category-sidebar .active-child:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background-color:var(--bs-primary);border-radius:0 4px 4px 0}.category-sidebar .toggle-icon{color:#adb5bd;transition:var(--sidebar-transition)}.category-sidebar .toggle-icon:hover{color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.1)}.category-sidebar .toggle-icon i{transition:transform .3s ease}.category-sidebar .toggle-icon:not(.collapsed) i,.rotate-icon.expanded i{transform:rotate(180deg);color:var(--bs-primary)}.category-sidebar .bg-light-subtle{background-color:#fcfcfc}.filter-scroll{max-height:250px;overflow-y:auto}.filter-scroll::-webkit-scrollbar{width:4px}.filter-scroll::-webkit-scrollbar-track{background:#f1f1f1}.filter-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.color-swatch{width:var(--swatch-size);height:var(--swatch-size);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--sidebar-transition);position:relative;border:1px solid #dee2e6;border-radius:4px}.color-swatch:hover{transform:scale(1.15);border-color:#000!important}.color-swatch i{display:none;font-size:14px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.5)}.btn-check:checked+.color-swatch{border-color:#000!important;transform:scale(1.1);box-shadow:0 0 0 2px #fff,0 0 0 4px #000!important}.btn-check:checked+.color-swatch i{display:block}.color-swatch[style*="background-color: #ffffff"] i,.color-swatch[style*="background-color: white"] i,.color-swatch[style*="background-color: #fff"] i{color:#000!important;text-shadow:none}.btn-white{background:#fff;color:#000;border:1px solid #dee2e6;transition:var(--sidebar-transition)}.btn-white:hover{background:#f8f9fa;border-color:#adb5bd}.text-uppercase{text-transform:uppercase}.transition-base{transition:var(--sidebar-transition)}@media(max-width:991px){.h4{font-size:1.1rem}}@media(max-width:768px){.color-swatch{width:32px;height:32px}}