.chalisa-hero{
height:50vh;  
padding:120px 20px 80px;
text-align:center;
background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),
url('../images/temple6.png');
background-size:cover;
background-position:center;
color:white;
}

.chalisa-hero h1{
font-size:48px;
margin-bottom:15px;
}

.chalisa-hero p{
font-size:20px;
max-width:700px;
margin:auto;
}

.chalisa-container{
max-width:1000px;
margin:60px auto;
padding:0 20px;
}

.chalisa-container h2{
text-align:center;
color:#8B0000;
margin-bottom:30px;
font-size:36px;
}

.verse-card{
background:white;
padding:35px;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
margin-bottom:30px;
}

.verse-card h3{
color:#8B0000;
margin-top:20px;
margin-bottom:10px;
}

.verse-card p{
line-height:2;
font-size:18px;
white-space:pre-line;
}

.related-links{
text-align:center;
padding:60px 20px;
}

.related-grid{
display:flex;
gap:20px;
justify-content:center;
flex-wrap:wrap;
}

.btn{
display:inline-block;
padding:12px 24px;
background:#ff6600;
color:white;
text-decoration:none;
border-radius:30px;
transition:.3s;
}

.btn:hover{
transform:translateY(-3px);
}

.hidden{
display:none !important;
}

@media(max-width:768px){

.chalisa-hero h1{
font-size:34px;
}

.chalisa-container h2{
font-size:28px;
}

.verse-card{
padding:20px;
}

.verse-card p{
font-size:16px;
}

}
.language-switcher{
display:flex;
justify-content:center;
gap:10px;
margin:30px 0;
flex-wrap:wrap;
}

.lang-btn{
padding:12px 24px;
border:none;
border-radius:30px;
cursor:pointer;
font-size:16px;
font-weight:600;
background:#eee;
transition:.3s;
}

.lang-btn.active{
background:#ff6600;
color:#fff;
}

.lang-content{
display:none;
}

.lang-content.active{
display:block;
}

.chalisa-verse{
background:#fff;
padding:25px;
border-radius:15px;
margin-bottom:20px;
box-shadow:0 5px 15px rgba(0,0,0,.08);
line-height:2;
font-size:20px;
white-space:pre-line;
}

.hi{
font-family:'Noto Sans Devanagari',sans-serif;
}

.bn{
font-family:'Noto Sans Bengali',sans-serif;
}

.chalisa-intro{
max-width:900px;
margin:0 auto 40px;
padding:30px;
background:linear-gradient(135deg,#fffaf2,#fff4e5);
border:1px solid #ffd699;
border-radius:20px;
box-shadow:0 8px 20px rgba(0,0,0,.08);

font-size:18px;
line-height:1.9;
text-align:center;
color:#444;
}

@media(max-width:768px){

.chalisa-intro{
padding:20px;
font-size:16px;
line-height:1.8;
margin-bottom:30px;
}

}
.chalisa-card{
max-width:750px;
margin:40px auto;
padding:50px 40px;
background:#fffdf7;
border:2px solid #f0d6a0;
border-radius:20px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
position:relative;
}

.chalisa-card::before{
content:"🕉️";
position:absolute;
top:15px;
right:20px;
font-size:30px;
opacity:.2;
}

.section-title{
text-align:center;
font-size:34px;
color:#8B0000;
margin-bottom:30px;
}

.dohra,
.chaupai{
text-align:center;
margin:30px 0 20px;
}

.dohra h4,
.chaupai h4{
display:inline-block;
padding:8px 22px;
background:#fff0dc;
border-radius:30px;
color:#8B0000;
font-size:24px;
font-weight:700;
}

.verse{
text-align:center;
font-size:24px;
line-height:2.2;
color:#222;
margin:8px 0;
padding:0;
}

.hi .verse{
font-family:"Noto Sans Devanagari", sans-serif;
font-weight:500;
}

.verse-number{
display:none;
}
.mahadev-divider{
text-align:center;
font-size:24px;
margin:25px 0;
color:#ff6600;
letter-spacing:10px;
}
/* FOOTER */

footer{
background:linear-gradient(135deg,#8B0000,#5a0000);
color:white;
text-align:center;
padding:40px 20px;
margin-top:80px;
}

.footer-logo{
width:80px;
height:auto;
margin-bottom:15px;
}

footer h3{
font-size:28px;
margin-bottom:10px;
font-weight:700;
}

footer p{
margin:8px 0;
font-size:16px;
line-height:1.8;
}

.footer-divider{
width:80px;
height:3px;
background:#ffcc80;
margin:20px auto;
border-radius:10px;
}

footer .en,
footer .bn{
max-width:600px;
margin:auto;
}

footer a{
color:#ffd699;
text-decoration:none;
}

footer a:hover{
color:white;
}

@media(max-width:768px){

footer{
padding:30px 15px;
}

.footer-logo{
width:65px;
}

footer h3{
font-size:24px;
}

footer p{
font-size:14px;
}

}