.nav-drill {
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    z-index: 100;
    background-color: #fff;
    position: relative;
    transition: height 0.45s;
}

div:not(.menu-drill-product-tag) > .nav-drill.nav-drill-cat {
    opacity: 0;
}

.nav-items {
    margin: 0;
    z-index: 1;
    width: 100%;
    height: fit-content;
}

aside.left-sidebar .nav-items li a {
    color: #333;
}

aside.left-sidebar .nav-items li.current-cat > a {
    color: var(--primary-color);
}

.uk-offcanvas-bar .uk-list-divider > :nth-child(n+2) {
    border-top: 1px solid var(--secondary-color);
}

.uk-offcanvas-bar .nav-item {
    background-color: #fff;
}

.uk-offcanvas-bar .nav-link {
    display: block;
    background-color: #fff;
    color: var(--secondary-color);
}

.uk-offcanvas-bar .nav-expand-link:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left: 10px;
    width: 1.4em;
    height: 1.4em;
    float: right;
}

.uk-offcanvas-bar .nav-link:hover {
    color: #000000;
}

.nav-expand-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateX(100%);
    transition: 0.3s;
    visibility: hidden;
    margin: 0 !important;
    z-index: 1;
}

.nav-expand-content .nav-back-link {
    display: flex;
    align-items: center;
}

.uk-offcanvas-bar .nav-back-link:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 1.4em;
    height: 1.4em;
    float: right;
    margin-right: 10px;
}

.nav-expand-link {
    display: flex;
    justify-content: space-between;
}

.nav-expand.active > .nav-expand-content {
    transform: translateX(0);
    visibility: visible;
}

.nav-expand .nav-expand-content {
    background-color: #FFFFFF;
}

.menu-drill-product-tag{
    display: none;
}

@media screen and (max-width: 960px){
    .menu-drill-product-tag{
        display: block;
        
    }
    .menu-drill-product-tag .nav-drill-cat {
        height: auto!important;
    }
}