.featured-vocals-grid{gap:var(--space-8);grid-template-columns:repeat(4,1fr);width:100%;display:grid}.featured-vocals-grid.grid-5{grid-template-columns:repeat(5,1fr)}.featured-vocals-grid.small{gap:var(--space-3)}.featured-vocals-grid.small .featured-vocal-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0006}.featured-vocals-grid.compact-vertical{gap:var(--space-12);grid-template-columns:repeat(4,1fr);width:100%;display:grid}.compact-vocal-card{flex-direction:column;text-decoration:none;transition:all .3s;display:flex}.compact-vocal-card:hover{transform:translateY(-2px)}.compact-image-wrapper{aspect-ratio:1;border-radius:var(--radius-md);margin-bottom:var(--space-3);border:1px solid #ffffff0d;position:relative;overflow:hidden}.compact-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.compact-vocal-card:hover .compact-image{transform:scale(1.05)}.wishlist-heart-compact{cursor:pointer;z-index:5;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.wishlist-heart-compact.active{color:var(--primary)}.compact-info-row{align-items:center;gap:var(--space-3);display:flex}.compact-play-btn{background:var(--primary);color:#000;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.compact-play-btn:hover{transform:scale(1.1);box-shadow:0 0 15px #ffbd0066}.compact-text{overflow:hidden}.compact-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;transition:all .2s;overflow:hidden}.compact-vocal-card:hover .compact-title,.vocal-title-link:hover{color:var(--primary);text-decoration:underline}.compact-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.featured-vocal-card{transition:all .3s cubic-bezier(.165,.84,.44,1)}.featured-vocal-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0006}.featured-vocal-card:hover img{transform:scale(1.05)}@media (max-width:1024px){.featured-vocals-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.featured-vocals-grid.compact-vertical{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.featured-vocals-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);justify-content:center}.featured-vocals-grid.compact-vertical{padding:0 var(--space-2);gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.featured-vocals-grid,.featured-vocals-grid.compact-vertical{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}}