@media(max-width:767px){

    .jigji-cat-menu-btn{
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:4px;
        width:32px;
        height:32px;
        border:none;
        background:transparent;
        cursor:pointer;
        padding:0;
        flex-shrink:0;
    }

    .jigji-cat-menu-bar{
        display:block;
        width:100%;
        height:2px;
        background:#ffffff;
        border-radius:2px;
    }

    .jigji-cat-drawer-overlay{
        display:none;
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.5);
        z-index:99998;
    }

    .jigji-cat-drawer-overlay.active{
        display:block;
    }

    .jigji-cat-drawer{
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        width:78%;
        max-width:300px;
        background:#ffffff;
        z-index:99999;
        transform:translateX(-100%);
        transition:transform .25s ease;
        overflow-y:auto;
        box-shadow:6px 0 24px rgba(0,0,0,.2);
    }

    .jigji-cat-drawer.active{
        transform:translateX(0);
    }

    .jigji-cat-drawer-header{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:18px 20px;
        background:#151515;
        color:#ffffff;
        font-weight:700;
        font-size:16px;
    }

    .jigji-cat-drawer-close{
        width:30px;
        height:30px;
        border:none;
        border-radius:50%;
        background:rgba(255,255,255,.12);
        color:#ffffff;
        font-size:14px;
        cursor:pointer;
    }

    .jigji-cat-drawer-list{
        list-style:none;
        margin:0;
        padding:8px 0;
    }

    .jigji-cat-drawer-list li a{
        display:flex;
        align-items:center;
        gap:10px;
        padding:14px 20px;
        text-decoration:none;
        color:#222222;
        font-size:15px;
        border-bottom:1px solid #f0f0f0;
    }

    .jigji-cat-drawer-list li a:active{
        background:#f7f7f7;
    }

    .jigji-cat-drawer-icon{
        font-size:16px;
    }

}

@media(min-width:768px){

    .jigji-cat-menu-btn,
    .jigji-cat-drawer-overlay,
    .jigji-cat-drawer{
        display:none !important;
    }

}
