/* Phase 5 - My Album */
.album-featured{
display:flex;
gap:18px;
overflow-x:auto;
scroll-snap-type:x mandatory;
padding:18px;
}
.album-featured>.album-card{
min-width:320px;
scroll-snap-align:center;
background:#fff;
border-radius:18px;
box-shadow:0 14px 30px rgba(0,0,0,.15);
}
.album-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
gap:18px;
padding:20px;
}
.album-toolbar{
position:sticky;
top:0;
background:#24384d;
padding:12px;
display:flex;
gap:10px;
flex-wrap:wrap;
}
.album-search{
flex:1;
min-width:220px;
}
@media(max-width:700px){
.album-featured>.album-card{min-width:260px;}
.album-grid{grid-template-columns:1fr;}
}