/* toggle icon wishlist  */
.wishlist-btn{
    background:#fff;
    border:none;
    cursor:pointer;
    padding:8px;
    border-radius:50%;
    transition:0.3s;
}

.wishlist-btn i{
    color:#555;
    font-size:16px;
    transition:0.3s;
}

.wishlist-btn.active i{
     color: #cb4551;
    /* transform: scale(1.2); */
}


.sidebar{
background:#fff;
padding:20px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.profile-box{
display:flex;
align-items:center;
margin-bottom:20px;
}

.profile-icon{
width:45px;
height:45px;
/* background:#ffd700; */
border-radius:50%;
margin-right:10px;
display:flex;
align-items:center;
justify-content:center;
font-weight: bold;
background: #77c31b;
font-size: 20px;
color: #fff;
}

.sidebar h6{
font-weight:600;
color:#878787;
margin-top:15px;
display: flex;
}
h6 .material-icons {
    font-size: 18px;
}
.sidebar ul{
list-style:none;
/* padding:0; */
}

.sidebar ul li{
padding:8px 0;
font-size:14px;
color:#333;
cursor:pointer;
}

.sidebar ul li:hover{
color:#2874f0;
}

/* Wishlist Section */

.wishlist-page{
background:#fff;
padding:20px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.wishlist-title{
font-size:20px;
font-weight:600;
margin-bottom:20px;
}

/* Product Item */

.product-item{
display:flex;
align-items:center;
border-top:1px solid #eee;
padding:15px 0;
}

.product-img{
width:80px;
margin-right:20px;
}

.product-img img{
width:100%;
}

.product-details{
flex:1;
}

.product-title{
font-size:15px;
font-weight:500;
margin-bottom:5px;
}

.price{
font-size:18px;
font-weight:600;
}

.old-price{
text-decoration:line-through;
color:#888;
font-size:14px;
margin-left:5px;
}

.discount{
color:green;
font-size:13px;
margin-left:5px;
}

.remove-btn{
color:#aaa;
cursor:pointer;
font-size:20px;
}

.wishlist-item{
border-bottom:1px solid #eee;
padding:20px 10px;
}

.wishlist-img img{
width:90px;
height:auto;
}

.wishlist-details{
padding-left:20px;
}

.wishlist-title{
font-size:16px;
font-weight:500;
margin-bottom:6px;
}

.wishlist-price{
font-size:22px;
font-weight:600;
}

.old-price{
text-decoration:line-through;
color:#999;
font-size:14px;
margin-left:8px;
}

.discount{
color:#388e3c;
font-size:14px;
margin-left:8px;
font-weight:500;
}

.wishlist-remove button{
border:none;
background:none;
font-size:18px;
color:#aaa;
cursor:pointer;
}

.wishlist-remove button:hover{
color:#000;
}

/* Responsive */

@media (max-width:991px){

.sidebar{
margin-bottom:20px;
}

}

@media (max-width:768px){

.product-item{
flex-direction:column;
align-items:flex-start;
}

.product-img{
margin-bottom:10px;
}

.remove-btn{
align-self:flex-end;
}

}