.sidebar{width:300px;height:100%;background:#f8f9fa;padding:20px;overflow-y:auto;transition:transform .3s ease-in-out}.sidebar h2{font-size:1.6rem;margin-bottom:15px;color:#222;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:10px}@media (min-width: 1024px){.sidebar{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}}.hamburger{display:none;font-size:1.8rem;cursor:pointer;background:none;border:none;color:#036;position:absolute;top:15px;left:15px;z-index:1100}.sidebar ul{list-style:none;padding:0}.sidebar ul li{position:relative;margin-bottom:8px}.sidebar ul>li>a{text-decoration:none;font-size:1.2rem;font-weight:700;font-family:Poppins,sans-serif;color:#036;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-radius:5px;transition:background .3s ease-in-out,color .3s ease-in-out}.sidebar ul>li>a:hover{background:#d9e7ff;color:#001a33}.sidebar ul>li>a.active-category{background:#b0d0ff;color:#001a33}.sidebar ul>li>a .arrow{font-size:1rem;transition:transform .3s ease-in-out}.sidebar ul>li>a.active-category .arrow{transform:rotate(90deg)}.sidebar ul ul{list-style:none;padding-left:20px;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.sidebar ul ul.active{max-height:500px}.sidebar ul ul li{font-size:1.1rem;font-weight:400;font-family:Roboto,sans-serif;color:#603;padding:6px 0;transition:background .3s ease-in-out,color .3s ease-in-out}.sidebar ul ul li a{font-size:1.1rem;padding-left:30px;display:block;color:#800040}.sidebar ul ul li a:hover{background:#ffd9e7;color:#603}.sidebar ul ul li a.active-category{background:#ffb0d0;color:#603}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;width:250px;height:100%;background:#f8f9fa;box-shadow:2px 0 10px #0000001a;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1000}.sidebar.open{transform:translate(0)}.hamburger{display:block}}@media (max-width: 480px){.sidebar{width:220px;padding:15px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/category-sidebar.css.map */