/* JL Duas v2.0 */
.jl-duas-grid { max-width: 900px; margin: 0 auto; padding: 40px clamp(16px,4vw,40px); }
.jl-dua-item { background: white; border-radius: 24px; padding: 28px; margin-bottom: 20px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); border-left: 4px solid #F5A623; transition: all 0.3s ease; }
.jl-dua-item:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.1); }
.jl-dua-item h3 { font-family: 'Fredoka', sans-serif; font-size: 20px; margin: 0 0 16px; color: #2C3E50; }
.jl-dua-item .arabic { font-size: 26px; text-align: right; direction: rtl; line-height: 2; color: #2C3E50; padding: 16px; background: #f8f9fa; border-radius: 12px; margin-bottom: 14px; }
.jl-dua-item .translit { font-size: 15px; font-style: italic; color: #9B6FCF; margin-bottom: 8px; }
.jl-dua-item .translation { font-size: 15px; color: #5a6b7a; line-height: 1.6; }
.jl-dua-item .when-to-say { margin-top: 12px; padding: 10px 16px; background: #FFF8E7; border-radius: 10px; font-size: 13px; color: #856404; font-weight: 600; }
.jl-dua-item audio { width: 100%; margin-top: 12px; border-radius: 8px; }
.jl-dua-daily { background: linear-gradient(135deg, #FFF8E7, #f0e6ff); border-radius: 24px; padding: 32px; text-align: center; margin-bottom: 32px; border: 2px solid #F5A623; }
.jl-dua-daily h2 { font-family: 'Baloo 2', cursive; font-size: 24px; color: #F5A623; margin: 0 0 8px; }