.overflow-hidden{

    overflow-y:hidden;

}

.addToWishlistPopup{

    position:fixed;

    top:0;

    left:0;

    right:0;

    bottom:0;

    width:100%;

    padding:15px;

    z-index:-999;

    display: none;

    background:rgba(0,0,0,.5);

}

.addToWishlistPopup button{

    cursor: pointer;

}

.addToWishlistPopup.show{

    display:block;

    z-index:999;

}

.addToWishlistPopup img{

    max-width: 100%;

}

.addToWishlistPopup .popup-body{

    overflow: hidden;

}

.addToWishlistPopup .popup-dialog{

    display:flex;

    align-items:Center;

    justify-content: center;

    height:100%;

    width:100%;

}

.addToWishlistPopup .popup-content{

    background:#fff;

    max-width:800px;

    padding:15px;

    border-radius:10px;

    position: relative;

}

.addToWishlistPopup .popup-body .wishlist-category-title{

    display:flex;

    align-items: center;

    justify-content: center;

    gap:15px;

}

.wishlist-category{



    width: 100%;

    height: 100%;

    display: block;

}



.addToWishlistPopup .popup-body .wishlist-category-title{

    gap:0px;



}

.category-wrapper label{

    display:block;

    padding: 15px;

    background: rgba(0, 0, 0, .05);

    border-radius: 10px;

    cursor:pointer;

}

.category-wrapper img{

    margin-bottom: 10px;

    border-radius: 10px;

}

.addToWishlistPopup button{

    max-width: 200px;

    margin:20px  0 0 0 ;

}

.addToWishlistPopup .card-btn {

    text-align: center;

}

.closeButtonWrapper{

    position: absolute;

    right: -10px;

    top: -10px;

}

.closeButtonWrapper button{

    background: var(--red-color);

    line-height: 0;

    width: 30px;

    height: 30px;

    color: #fff;

    border-radius: 100%;

    margin: 0;

}

@media screen and (min-width:768px){



    .addToWishlistPopup .popup-body .category-wrapper{

        display:flex;

        justify-content: center;

        gap:15px;

        padding: 20px 0 0;

    }

    .category-wrapper label span{margin-left: 5px;}

}

@media screen and (max-width:768px){

    .category-wrapper{

        height: 100%;

        overflow: auto;

        padding-bottom: 100px;

    }

    .category-wrapper label{

        margin-bottom: 10px;



    }

    .addToWishlistPopup .popup-dialog,

    .addToWishlistPopup .popup-content,

    .addToWishlistPopup .popup-body,

    .addToWishlistPopup .popup-body form{

        height:100%;

        max-height: 100%;

    }

    .addToWishlistPopup .card-btn{

        position: absolute;

        bottom: 0;

        z-index: 9;

        width: 100%;

        background: white;

        left: 0;

        padding-bottom: 20px;

    }



}

[data-wishlistfilter]{



    color: inherit;

    display: block;

    text-decoration: none;

    border-bottom: 2px solid transparent;

    padding: 0 5px 20px 5px;

    font-size: 24px;

    cursor: pointer;

}

[data-wishlistfilter].active{

    border-bottom-color: var(--red-color);

    font-weight: 600;

}

.wishlistItemList:empty{

    display:block;

    text-align:center;

}

.wishlistItemList:empty:before{

    content:"You don't have recipe here, Please feel free to add some. 😉";    

}