/* HERO */

.hero-small{
height:50vh;
background:
linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),
url('../images/temple5.png');
background-size:cover;
background-position:center;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
color:white;
}

.hero-small h1{
font-size:3rem;
margin-bottom:15px;
}

/* INTRO */

.shiva-intro{
display:grid;
grid-template-columns:1fr 1.2fr;
gap:40px;
align-items:center;
margin-bottom:60px;
}

.shiva-image img{
width:100%;
max-height:550px;
object-fit:cover;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.12);
}

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

.shiva-info h2{
text-align:left;
color:#8B0000;
margin-bottom:20px;
}

.shiva-info p{
font-size:18px;
line-height:1.9;
text-align:left;
}

/* HIGHLIGHTS */

.shiva-highlights{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin-top:25px;
}

.highlight-card{
background:#fff4e8;
padding:18px;
border-radius:12px;
text-align:center;
font-weight:600;
color:#8B0000;
}

/* QUOTE */

.shiva-quote{
background:linear-gradient(135deg,#fff4e8,#fff);
padding:30px;
border-radius:20px;
text-align:center;
font-size:24px;
font-style:italic;
color:#8B0000;
margin:40px 0;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* SYMBOLS */

.shiva-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
margin-top:30px;
}

.shiva-card{
background:white;
padding:25px;
border-radius:18px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
text-align:center;
}

.shiva-card h3{
color:#8B0000;
margin-bottom:12px;
}

.shiva-card p{
text-align:center;
}

/* WORSHIP */

.worship-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
margin-top:30px;
}

.worship-card{
background:white;
padding:30px;
border-radius:18px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.3s;
}

.worship-card:hover{
transform:translateY(-8px);
}

.worship-card .icon{
display:block;
font-size:42px;
margin-bottom:12px;
}

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

/* JYOTIRLINGAS */

.jyotirlinga-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
margin-top:40px;
}

.jyotirlinga-card{
background:white;
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
}

.jyotirlinga-card:hover{
transform:translateY(-8px);
}

.jyotirlinga-card img{
width:100%;
height:220px;
object-fit:cover;
}

.jyotirlinga-content{
padding:20px;
text-align:center;
}

.state-badge{
display:inline-block;
background:#fff4e8;
color:#c45c00;
padding:8px 14px;
border-radius:50px;
font-size:14px;
font-weight:600;
margin-top:10px;
}

/* RELATED LINKS */

.related-links{
text-align:center;
padding:50px 0;
}

.related-links .btn{
margin:10px;
}

/* MOBILE */

@media(max-width:768px){

.hero-small{
height:35vh;
}

.hero-small h1{
font-size:2rem;
}

.shiva-intro{
grid-template-columns:1fr;
}

.shiva-highlights{
grid-template-columns:1fr;
}

.shiva-info{
padding:25px;
}

.shiva-quote{
font-size:20px;
}

}

.story{
max-width:1200px;
margin:60px auto;
padding:50px;
background:white;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}

#om{
margin-top:60px;
}

blockquote{
background:#fff4e8;
border-left:5px solid #ff6600;
padding:20px;
margin:25px 0;
border-radius:12px;
font-style:italic;
font-size:22px;
}

.story h2{
text-align:center;
color:#8B0000;
font-size:36px;
margin:50px 0 25px;
}

.story p{
font-size:18px;
line-height:1.9;
color:#444;
}
/* SECTION SPACING */

.story + .story{
margin-top:40px;
}

/* PARAGRAPHS */

.story p{
text-align:center;
}

/* MAHADEV ENDING */

.mahadev-ending{
text-align:center;
font-size:32px;
font-weight:700;
color:#c45c00;
margin-top:50px;
}

/* JYOTIRLINGA HEADINGS */

.jyotirlinga-content h3{
color:#8B0000;
margin-bottom:12px;
font-size:22px;
}

/* WORSHIP CARD TEXT */

.worship-card p{
text-align:center;
color:#555;
line-height:1.8;
}

/* SYMBOL CARD TEXT */

.shiva-card p{
color:#555;
line-height:1.8;
}

/* MOBILE STORY */

@media(max-width:768px){

.story{
padding:25px;
margin:30px 15px;
}

.story h2{
font-size:28px;
}

blockquote{
font-size:18px;
}

}
.hero-subtitle{
font-size:20px;
max-width:700px;
margin:auto;
opacity:.95;
}
.bn{
font-family:'Noto Sans Bengali',sans-serif;
}

.hidden{
display:none;
}

.hidden{
display:none !important;
}