.blog-detail-page{
background:#0b0f17;
min-height:100vh;
padding-bottom:100px;
overflow:hidden;
}

.blog-hero{
height:560px;
position:relative;
overflow:hidden;
}

.video-wrapper{
position:absolute;
inset:0;
overflow:hidden;
z-index:1;
}

.hero-video{
width:100%;
height:100%;
border:none;
opacity:1;
}

.hero-img{
width:100%;
height:100%;
object-fit:cover;
filter:brightness(.3);
}

.hero-overlay{
position:absolute;
inset:0;
background:linear-gradient(
to top,
#0b0f17 10%,
rgba(11,15,23,.35),
transparent
);
z-index:2;
pointer-events:none;
}

.hero-content{
position:absolute;
left:50%;
bottom:35px;
transform:translateX(-50%);
width:min(1200px,90%);
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:40px;
z-index:20;
}

.hero-left{
flex:1;
max-width:520px;
min-width:0;
}

.hero-right{
display:flex;
align-items:center;
flex-shrink:0;
}

.blog-badge{
display:inline-block;
padding:8px 16px;
background:#e8611a;
border-radius:50px;
font-size:12px;
font-weight:700;
letter-spacing:1px;
color:#fff;
margin-bottom:18px;
}

.blog-title{
margin:0;
color:#fff;
font-size:clamp(1.8rem,4vw,3.2rem);
font-weight:800;
line-height:1.08;

display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;

overflow:hidden;
text-overflow:ellipsis;

max-width:100%;
}

.blog-meta{
margin-top:16px;
font-size:14px;
color:#cfcfcf;
}

.social-links{
display:flex;
gap:10px;
flex-wrap:nowrap;
align-items:center;
}

.social-btn{
padding:12px 18px;
background:#e8611a;
border-radius:50px;
text-decoration:none;
color:#fff;
font-weight:700;
transition:.3s;
white-space:nowrap;
}

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

.blog-container{
width:min(950px,92%);
margin:auto;
margin-top:1px;
position:relative;
z-index:100;
}

.blog-card{
background:#131b27;
padding:55px;
border-radius:30px;
box-shadow:0 20px 70px rgba(0,0,0,.35);
}

.blog-text{
color:#ddd;
font-size:18px;
line-height:2;
}

.back-btn{
display:inline-block;
margin-top:40px;
padding:14px 24px;
background:#fff;
color:#000;
border-radius:50px;
text-decoration:none;
font-weight:700;
}


/* MOBILE */

@media(max-width:768px){

.blog-hero{
height:450px;
}

.hero-content{
flex-direction:column;
align-items:flex-start;
bottom:25px;
gap:15px;
}

.hero-left{
max-width:100%;
width:100%;
}

.hero-right{
width:100%;
justify-content:flex-start;
}

.social-links{
overflow-x:auto;
scrollbar-width:none;
padding-bottom:5px;
}

.social-links::-webkit-scrollbar{
display:none;
}

.social-btn{
flex:0 0 auto;
padding:10px 14px;
font-size:13px;
}

.blog-title{
font-size:28px;
line-height:1.15;
}

.blog-card{
padding:30px;
}

.blog-text{
font-size:16px;
line-height:1.8;
}

}



.hero-left{
flex:1;
max-width:1000px; /* আগে 850px ছিল */
min-width:0;
}

.blog-title{
margin:0;
color:#fff;

font-size: clamp(1.3rem,2.5vw,2rem);
font-weight:600;
line-height:1.1;

max-width:1000px;

display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;

overflow:hidden;
text-overflow:ellipsis;
}

@media(max-width:768px){

.blog-title{
font-size:26px;
line-height:1.15;
max-width:100%;
}

}