.breaking-bar{background:#fff;color:#000;padding:8px 15px;display:flex;align-items:center;font-size:15px;border-bottom:2px solid #00ff00;gap:12px;font-family:'Orbitron',sans-serif;box-shadow:0 2px 8px rgba(0,255,0,0.25);} 
.break-label{background:#00ff00;color:#000;padding:6px 15px;font-size:14px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:1px;} 
.breaking-bar marquee a{color:#000;font-weight:600;text-decoration:none;margin-right:18px;transition:.25s;} 
.breaking-bar marquee a:hover{color:#00ff00;text-shadow:0 0 8px #00ff00;}


/* ✅ Ads */
.ad-box{text-align:center;margin:20px 0;width:100%;display:block;}

/* ✅ Home Hero */
.home-hero{display:grid;grid-template-columns:2fr 1fr;gap:22px;margin:22px 0;}
.hero-main{position:relative;overflow:hidden;border-radius:8px;}
.hero-img{width:100%;height:400px;object-fit:cover;border-radius:8px;transition:.3s;}
.hero-main:hover .hero-img{transform:scale(1.04);}
.hero-text{position:absolute;bottom:0;padding:18px;background:rgba(0,0,0,.65);color:#fff;width:100%;border-radius:0 0 8px 8px;}
.hero-text h1{font-size:26px;font-weight:700;}
.hero-text p{margin-top:5px;font-size:15px;}

/* ✅ Hero Sidebar */
.side-post{display:flex;gap:10px;margin-bottom:12px;transition:.2s;}
.side-post:hover{transform:scale(1.02);}
.side-img{width:100px;height:70px;border-radius:6px;object-fit:cover;}
.side-text h4{font-size:15px;font-weight:600;}
.side-summary{font-size:13px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}

/* ✅ Latest Under Hero */
.latest-under-hero{margin:25px 0;}
.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.latest-card img{width:100%;height:140px;object-fit:cover;border-radius:6px;}
.latest-card h3{font-size:16px;font-weight:600;margin-top:6px;}

/* ✅ Section Title */
.section-title{font-size:22px;font-weight:700;border-left:4px solid #ff0000;padding-left:10px;margin-bottom:15px;}

/* ✅ Main Content */
.main-content{display:grid;grid-template-columns:73% 25%;gap:2%;margin-top:25px;}
.right-sidebar{position:sticky;top:10px;}

/* ✅ Trending */
.trending-box{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px;}
.trending-left-wrapper{display:flex;flex-direction:column;}
.trend-big-img{width:100%;height:300px;object-fit:cover;border-radius:6px;}
.trending-left-wrapper h3{font-size:20px;margin-top:10px;font-weight:700;}
.trending-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.trending-latest-card img{width:100%;height:100px;object-fit:cover;border-radius:6px;}
.trending-latest-card h4{font-size:14px;padding:6px 0;font-weight:600;}

.trending-right{display:flex;flex-direction:column;gap:12px;}
.side-post-link{display:flex;align-items:flex-start;gap:10px;transition:.2s;}
.side-post-link:hover{transform:scale(1.02);}
.side-img,.trend-small-img{width:90px;height:65px;object-fit:cover;border-radius:6px;}
.side-text h4{font-size:15px;font-weight:600;line-height:1.3;}
.side-summary{font-size:13px;color:#555;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}


/* ✅ Hover */
a:hover img{transform:scale(1.05);transition:.3s;}



/* ✅ Mobile */
@media(max-width:768px){
.home-hero{grid-template-columns:1fr;}
.side-img{width:80px;height:55px;}
.main-content{grid-template-columns:1fr;}
.latest-grid{grid-template-columns:repeat(2,1fr);}
.trending-box{grid-template-columns:1fr;}
.trending-latest-grid{grid-template-columns:repeat(2,1fr);}
.catA-box{flex-direction:column;}
.catB-grid{grid-template-columns:1fr 1fr;}
.catD-mag{columns:1;}
}

