

.dashboard-layout{
display:grid;
grid-template-columns:260px 1fr;
gap:25px;
}

.dashboard-sidebar{
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 2px 15px rgba(0,0,0,.08);
}

.dashboard-content{
background:#fff;
padding:13px;
display:flex;
flex-direction:column;
border-radius:12px;
box-shadow:0 2px 15px rgba(0,0,0,.08);
gap:25px;
}

.section-card{
background:#fff;
padding:10px;
border-radius:12px;
box-shadow:0 2px 15px rgba(0,0,0,.08);
}

.section-title{
margin-bottom:20px;
}

.wishlist-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:20px;
}

.wishlist-card{
background:#fff;
border:1px solid #eee;
border-radius:12px;
padding:15px;
transition:.3s;
text-align:center;
}
.wishlist-card a{ 
    color:#666;
}
.wishlist-card:hover{
transform:translateY(-5px);
box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.wishlist-card img{
width:100%;
height:180px;
object-fit:contain;
}

.wishlist-card h5{
margin-top:15px;
font-size:15px;
height:45px;
overflow:hidden;
}

.price{
font-size:20px;
font-weight:bold;
color:#ff6600;
margin:10px 0;
}

.wishlist-date{
font-size:12px;
color:#777;
margin-bottom:10px;
}

.wishlist-buttons{
display:flex;
gap:10px;
justify-content:center;
}

.order-card{
background:#fff;
padding:18px;
border-radius:12px;
border:1px solid #eee;
margin-bottom:15px;
}

.order-top{
display:flex;
justify-content:space-between;
margin-bottom:15px;
}

.order-price{
font-size:24px;
font-weight:bold;
color:#ff6600;
margin-bottom:15px;
}

.order-actions{
display:flex;
gap:10px;
}

@media(max-width:991px){

.dashboard-layout{

grid-template-columns:1fr;

}

.dashboard-sidebar{

margin-bottom:20px;

}

}

@media(max-width:576px){

.wishlist-grid{

grid-template-columns:1fr;

}

.dashboard-header{

text-align:center;

justify-content:center;

gap:10px;

}

.order-top{

flex-direction:column;

gap:8px;

}

.order-actions{

flex-direction:column;

}

.wishlist-buttons{

flex-direction:column;

}

}




