.category-menu-modal{position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:none;justify-content:flex-end;z-index:999}.category-menu-content{direction:rtl;background:#fff;width:80%;max-width:320px;height:100%;overflow-y:auto;box-shadow:-2px 0 8px rgba(0,0,0,.1);transform:translateX(100%);transition:transform .3s ease}.category-menu-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#0d6efd;color:#fff;font-size:17px}.close-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.category-menu-modal.active{display:flex}.category-menu-modal.active .category-menu-content{transform:translateX(0)}.category-list,.dropdown-list{list-style:none;margin:0;padding:0}.category-list li{border-bottom:1px solid #eee}.dropdown-btn,.category-list a{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-size:15px;background:transparent;color:#333;text-decoration:none;border:none;outline:none;cursor:pointer}.dropdown-btn:hover,.category-list a:hover{background:#f5f5f5}.dropdown-list{display:none;background:#fafafa}li.open>.dropdown-list{display:block;animation:fadeIn .3s ease;border-right:3px solid #0d6efd}@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}.dropdown-list li{padding-right:10px}.dropdown-list .dropdown-list li{padding-right:15px}.dropdown-list .dropdown-list .dropdown-list li{padding-right:20px}