/* JL Nasheeds v2.0 */
.jl-nasheeds-grid { max-width: 800px; margin: 0 auto; padding: 40px clamp(16px,4vw,40px); }
.jl-nasheed-item { display: flex; align-items: center; gap: 20px; background: white; border-radius: 20px; padding: 20px; margin-bottom: 12px; box-shadow: 0 4px 16px rgba(0,0,0,0.04); transition: all 0.3s ease; }
.jl-nasheed-item:hover { transform: translateX(4px); box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
.jl-nasheed-item .thumb { width: 64px; height: 64px; border-radius: 16px; background: linear-gradient(135deg, #5CBFCF, #4A90D9); display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0; }
.jl-nasheed-item .info { flex: 1; }
.jl-nasheed-item .info h3 { font-family: 'Fredoka', sans-serif; font-size: 17px; margin: 0 0 4px; color: #2C3E50; }
.jl-nasheed-item .info .meta { font-size: 13px; color: #999; }
.jl-nasheed-item .play-btn { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, #F5A623, #F09D51); color: white; border: none; font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s; }
.jl-nasheed-item .play-btn:hover { transform: scale(1.12); }
.jl-audio-player { width: 100%; margin-top: 12px; border-radius: 8px; }
.jl-lyrics-box { background: #f8f9fa; border-radius: 12px; padding: 20px; margin-top: 12px; white-space: pre-line; font-size: 15px; line-height: 1.8; color: #2C3E50; }