.diggin-mixtapes-wrap{
    width:100%;
    background:#000;
    padding:10px 0 40px;
}
.diggin-mixtapes-grid{
    display:grid;
    grid-template-columns:repeat(var(--diggin-columns,4),minmax(0,1fr));
    gap:24px;
    align-items:start;
}
.diggin-mixtape-card{
    color:#fff!important;
    text-decoration:none!important;
    display:block;
    min-width:0;
}
.diggin-mixtape-featured{
    grid-column:span 2;
    grid-row:span 2;
}
.diggin-mixtape-cover{
    position:relative;
    overflow:hidden;
    border-radius:10px;
    background:#111;
    aspect-ratio:1/1;
    box-shadow:0 14px 34px rgba(0,0,0,.35);
}
.diggin-mixtape-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transform:scale(1);
    transition:transform .35s ease, filter .35s ease;
}
.diggin-mixtape-card:hover .diggin-mixtape-cover img{
    transform:scale(1.07);
    filter:brightness(.8);
}
.diggin-mixtape-overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:24px;
    opacity:0;
    background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.12),rgba(0,0,0,0));
    transition:opacity .3s ease;
}
.diggin-mixtape-card:hover .diggin-mixtape-overlay{
    opacity:1;
}
.diggin-mixtape-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:11px 18px;
    border-radius:999px;
    background:#fff;
    color:#000;
    font-weight:800;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.diggin-mixtape-new{
    position:absolute;
    top:12px;
    left:12px;
    z-index:2;
    background:#dca8ff;
    color:#000;
    border-radius:999px;
    padding:7px 10px;
    font-size:11px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.diggin-mixtape-title{
    margin:12px 0 0!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:800!important;
}
.diggin-mixtape-featured .diggin-mixtape-title{
    font-size:24px!important;
}
.diggin-mixtape-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:20px;
    color:#fff;
    font-weight:900;
    background:linear-gradient(135deg,#111,#333);
}
.diggin-mixtapes-empty{
    color:#fff;
    background:#000;
    padding:30px;
    text-align:center;
}
@media (max-width:1024px){
    .diggin-mixtapes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
    .diggin-mixtape-featured{grid-column:span 2;}
}
@media (max-width:640px){
    .diggin-mixtapes-grid{grid-template-columns:1fr;gap:20px;}
    .diggin-mixtape-featured{grid-column:span 1;grid-row:span 1;}
    .diggin-mixtape-title,.diggin-mixtape-featured .diggin-mixtape-title{font-size:18px!important;}
}