.sidebar-section{margin-bottom:30px}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{font-size:18px;font-weight:600;text-transform:uppercase;margin-bottom:15px;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.category-item{margin-bottom:10px}.category-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#333}.category-header a{color:#333;text-decoration:none;font-weight:500;flex:1}.category-header a:hover{text-decoration:none;color:#333}.category-header:hover{background:#f0f0f0;border-color:#d0d0d0}.category-header.active{background:#333;border-color:#333}.category-header.active a{color:#fff}.toggle-icon{font-size:18px;font-weight:700;transition:transform .3s ease;cursor:pointer;padding:5px;margin-left:10px;border-radius:3px;display:flex;align-items:center;justify-content:center;min-width:25px;height:25px}.toggle-icon:hover{background:#0000001a}.category-header.active .toggle-icon{transform:rotate(45deg)}.subcategory-header .toggle-icon{font-size:14px;min-width:20px;height:20px;padding:3px}.subcategory-header.active .toggle-icon{transform:rotate(45deg)}.category-content{max-height:0;overflow:hidden;transition:max-height .3s ease;border-left:3px solid transparent}.category-content.show{max-height:100%;border-left-color:#333;padding-left:15px;margin-top:10px}.subcategory-list{list-style:none;padding:0;margin:0}.subcategory-list li{margin-bottom:8px}.subcategory-list li:last-child{margin-bottom:0}.subcategory-list a{display:block;padding:8px 12px;color:#666;text-decoration:none;border-radius:4px;transition:all .2s ease;font-size:14px}.subcategory-list a:hover{background:#f0f0f0;color:#333;text-decoration:none}.no-categories{text-align:center;color:#999;font-style:italic;padding:20px 0;font-size:14px}@media screen and (max-width:768px){.category-header{padding:10px 12px;font-size:14px}.sidebar-title{font-size:16px}.subcategory-list a{padding:6px 10px;font-size:13px}}@media screen and (max-width:480px){.category-header{padding:8px 10px}.sidebar-title{font-size:15px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.category-content.show{animation:slideDown .3s ease}.category-header:focus,.subcategory-list a:focus{outline:2px solid #333;outline-offset:2px}.category-header.active-category{background:#333;color:#fff;border-color:#333}.subcategory-list a.active{background:#f0f0f0;color:#333;font-weight:600}.subcategory-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#555;margin-bottom:5px}.subcategory-header a{color:#555;text-decoration:none;font-weight:500;flex:1;font-size:14px}.subcategory-header a:hover{text-decoration:none;color:#333}.subcategory-header:hover{background:#eee;border-color:#d0d0d0}.subcategory-header.active{background:#555;border-color:#555}.subcategory-header.active a{color:#fff}.subcategory-content{max-height:0;overflow:hidden;transition:max-height .3s ease;border-left:2px solid transparent;margin-left:10px}.subcategory-content.show{max-height:300px;border-left-color:#555;padding-left:10px;margin-top:5px}.sub-subcategory-list{list-style:none;padding:0;margin:0}.sub-subcategory-list li{margin-bottom:6px}.sub-subcategory-list li:last-child{margin-bottom:0}.sub-subcategory-list li a{display:block;padding:6px 10px;color:#777;text-decoration:none;border-radius:3px;transition:all .2s ease;font-size:13px}.sub-subcategory-list li a:hover{background:#f0f0f0;color:#333;text-decoration:none}.sub-subcategory-list li a.active{background:#f0f0f0;color:#333;font-weight:600}.category-header:not(:has(+.category-content)){cursor:default}.category-header:not(:has(+.category-content)):hover{background:#f8f8f8;border-color:#e0e0e0}.category-header:not(:has(+.category-content)) .toggle-icon{display:none}.subcategory-header:not(:has(+.subcategory-content)){cursor:default}.subcategory-header:not(:has(+.subcategory-content)):hover{background:#f5f5f5;border-color:#e8e8e8}.subcategory-header:not(:has(+.subcategory-content)) .toggle-icon{display:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/category-sidebar.css.map */