/* ===============================
   PREMIUM SHORT NEWS PAGE
=============================== */

body{
background:linear-gradient(135deg,#f4f6f9,#e9eef5);
font-family:'Segoe UI Variable',sans-serif;
}

.premium-shortnews-page{
padding:70px 5%;
}

/* Section Title */

.section-title{
font-size:2rem;
font-weight:800;
margin-bottom:50px;
text-align:center;
background:linear-gradient(45deg,#ff512f,#dd2476);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* FULL WIDTH GRID */

.premium-shortnews-row{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
}

/* Card */

.premium-card{
padding:25px;
border-radius:22px;
background:#ffffff;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:all .35s ease;
position:relative;
display:flex;
flex-direction:column;
}

/* Hover */

.premium-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 40px rgba(0,0,0,0.12);
}

/* Category Tag */

.tag{
display:inline-block;
padding:6px 14px;
border-radius:20px;
font-size:0.75rem;
font-weight:600;
margin-bottom:12px;
color:#fff;
}

/* Category Colors */

.yamunanagar{background:#ff512f;}
.jagadhri{background:#dd2476;}
.india{background:#2193b0;}
.haryana{background:#11998e;}
.tech{background:#6a11cb;}
.business{background:#f7971e;}

/* Title */

.premium-title{
font-size:1.05rem;
font-weight:700;
margin-bottom:10px;
color:#111827;
line-height:1.4;
max-height:2.8em;
overflow:hidden;
}

/* Description (2 Lines Only) */

.premium-desc{
font-size:0.9rem;
line-height:1.6;
color:#555;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
margin-bottom:10px;
}

/* Meta */

.premium-meta{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:auto;
font-size:0.85rem;
color:#777;
}

/* Read More */

.premium-read-more{
color:#ff512f;
font-weight:600;
text-decoration:none;
transition:.2s;
}

.premium-read-more:hover{
color:#dd2476;
}

/* ===============================
   POPUP OVERLAY
=============================== */

.premium-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.65);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
backdrop-filter:blur(5px);
}

/* Popup Content */

.premium-popup-content{
background:#fff;
padding:30px;
border-radius:16px;
max-width:720px;
width:90%;
max-height:80vh;
overflow-y:auto;
position:relative;
animation:popupFade .3s ease;
}

/* Popup Title */

#premiumPopupTitle{
font-size:1.5rem;
font-weight:700;
margin-bottom:15px;
color:#111;
}

/* Popup Body */

#premiumPopupContent{
font-size:0.95rem;
line-height:1.8;
color:#444;
white-space:pre-line;
}

/* Close Button */

.premium-popup-close{
position:absolute;
top:12px;
right:12px;
width:36px;
height:36px;
border:none;
border-radius:50%;
background:#ff3b3b;
color:#fff;
font-size:16px;
cursor:pointer;
transition:.3s;
}

.premium-popup-close:hover{
background:#c90000;
transform:rotate(90deg);
}

/* Animation */

@keyframes popupFade{
from{
opacity:0;
transform:scale(.95);
}
to{
opacity:1;
transform:scale(1);
}
}

/* Responsive */

@media(max-width:768px){

.premium-shortnews-page{
padding:50px 20px;
}

.premium-popup-content{
padding:20px;
}

}