:root {
  --red: #d01a1a; --red-dark: #a51414; --black: #0a0a0a; --dark: #1a1a1a;
  --gray: #555; --gray-light: #888; --border: #e5e5e5; --bg: #f4f4f4;
  --white: #ffffff; --yellow: #fbbf24; --gold: #e6a817;
  --font-te: 'Noto Sans Telugu', sans-serif; --font-en: 'Mukta', sans-serif;
  --shadow: 0 2px 12px rgba(0,0,0,0.10); --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
  --radius: 6px; --transition: 0.25s ease;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:var(--font-te); background:var(--bg); color:var(--dark); line-height:1.7; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }
ul { list-style:none; }
.container { max-width:1240px; margin:0 auto; padding:0 16px; }

/* TOP BAR */
.top-bar { background:var(--black); color:#ccc; font-size:0.78rem; padding:6px 0; font-family:var(--font-en); }
.top-bar-inner { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.top-date i,.top-weather i { margin-right:5px; color:var(--red); }
.top-social a { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; background:#1e1e1e; border-radius:50%; color:#ccc; font-size:0.7rem; margin:0 2px; transition:var(--transition); }
.top-social a:hover { background:var(--red); color:var(--white); }

/* BREAKING TICKER */
.breaking-ticker { background:var(--red); color:var(--white); overflow:hidden; font-size:0.92rem; }
.ticker-wrap { display:flex; align-items:center; height:36px; }
.ticker-label { background:var(--dark); padding:0 16px; height:100%; display:flex; align-items:center; gap:8px; white-space:nowrap; font-weight:700; font-size:0.82rem; font-family:var(--font-en); }
.live-dot { width:8px; height:8px; background:#ff4444; border-radius:50%; animation:pulse 1.2s infinite; display:inline-block; }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(1.3)} }
.ticker-content { flex:1; overflow:hidden; padding:0 12px; }
.ticker-items { display:flex; gap:60px; animation:tickerScroll 35s linear infinite; white-space:nowrap; }
.ticker-items span::before { content:"● "; color:var(--yellow); }
@keyframes tickerScroll { 0%{transform:translateX(100%)} 100%{transform:translateX(-200%)} }

/* HEADER */
.site-header { background:var(--white); border-bottom:3px solid var(--red); box-shadow:var(--shadow); padding:12px 0; }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.logo-box { display:flex; align-items:center; gap:4px; }
.logo-hit { font-family:var(--font-en); font-size:2.2rem; font-weight:900; color:var(--white); background:var(--red); padding:2px 8px; border-radius:4px; line-height:1; }
.logo-tv { font-family:var(--font-en); font-size:2.2rem; font-weight:900; color:var(--red); line-height:1; }
.logo-telugu { font-family:var(--font-te); font-size:1rem; color:var(--dark); font-weight:600; margin-left:6px; border-left:2px solid var(--red); padding-left:6px; }
.header-ad .ad-placeholder { width:620px; max-width:100%; height:60px; background:#f0f0f0; border:1px dashed #ccc; display:flex; align-items:center; justify-content:center; color:#aaa; font-size:0.8rem; border-radius:var(--radius); font-family:var(--font-en); }
.header-actions { display:flex; gap:8px; }
.search-btn,.menu-toggle { background:none; border:none; font-size:1.1rem; color:var(--dark); cursor:pointer; padding:8px; border-radius:50%; transition:var(--transition); }
.search-btn:hover,.menu-toggle:hover { background:var(--red); color:var(--white); }
.search-bar { display:none; padding:12px 0 8px; border-top:1px solid var(--border); margin-top:10px; }
.search-bar.active { display:block; }
.search-bar form { display:flex; }
.search-bar input { flex:1; padding:10px 16px; border:2px solid var(--red); border-radius:var(--radius) 0 0 var(--radius); font-size:0.95rem; font-family:var(--font-te); outline:none; }
.search-bar button { background:var(--red); color:var(--white); border:none; padding:10px 18px; border-radius:0 var(--radius) var(--radius) 0; cursor:pointer; font-size:1rem; }

/* NAV */
.main-nav { background:var(--dark); position:sticky; top:0; z-index:1000; box-shadow:0 2px 8px rgba(0,0,0,0.3); }
.nav-menu { display:flex; align-items:center; flex-wrap:wrap; }
.nav-menu > li { position:relative; }
.nav-menu > li > a { display:block; padding:12px 14px; color:#eee; font-size:0.88rem; font-weight:600; white-space:nowrap; transition:var(--transition); font-family:var(--font-te); }
.nav-menu > li > a:hover,.nav-menu > li > a.active { color:var(--white); background:var(--red); }
.nav-menu > li > a i { font-size:0.7em; margin-left:3px; }
.dropdown { display:none; position:absolute; top:100%; left:0; background:var(--white); min-width:180px; border-top:3px solid var(--red); box-shadow:var(--shadow-lg); z-index:999; border-radius:0 0 var(--radius) var(--radius); }
.has-dropdown:hover .dropdown { display:block; }
.dropdown li a { display:block; padding:10px 16px; font-size:0.85rem; color:var(--dark); border-bottom:1px solid var(--border); transition:var(--transition); }
.dropdown li a:hover { background:var(--red); color:var(--white); padding-left:22px; }

/* LAYOUT */
.main-layout { display:grid; grid-template-columns:1fr 320px; gap:24px; padding:24px 0; }

/* SECTION HEADING */
.section-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; padding-bottom:10px; border-bottom:3px solid var(--red); }
.section-heading h2 { font-size:1.15rem; font-weight:800; color:var(--dark); padding-left:12px; position:relative; font-family:var(--font-te); }
.section-heading h2::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; height:80%; background:var(--red); border-radius:2px; }
.section-heading a.view-all { font-size:0.8rem; color:var(--red); font-weight:600; font-family:var(--font-en); }
.section-heading a.view-all:hover { text-decoration:underline; }

/* HERO SLIDER */
.hero-section { margin-bottom:24px; }
.hero-slider { position:relative; border-radius:var(--radius); overflow:hidden; background:var(--black); }
.hero-slide { display:none; position:relative; }
.hero-slide.active { display:block; }
.hero-slide img { width:100%; height:440px; object-fit:cover; opacity:0.75; }
.hero-caption { position:absolute; bottom:0; left:0; right:0; padding:40px 28px 24px; background:linear-gradient(transparent, rgba(0,0,0,0.88)); }
.hero-cat-tag { display:inline-block; background:var(--red); color:#fff; font-size:0.75rem; padding:3px 10px; border-radius:3px; margin-bottom:8px; font-family:var(--font-en); font-weight:700; }
.hero-caption h1 { font-size:1.6rem; font-weight:800; color:var(--white); line-height:1.4; margin-bottom:8px; font-family:var(--font-te); }
.hero-caption p { color:#ccc; font-size:0.9rem; }
.hero-meta { margin-top:10px; color:#aaa; font-size:0.78rem; font-family:var(--font-en); display:flex; gap:12px; }
.hero-meta i { margin-right:4px; color:var(--red); }
.hero-controls { position:absolute; top:50%; transform:translateY(-50%); width:100%; display:flex; justify-content:space-between; padding:0 12px; pointer-events:none; }
.hero-btn { pointer-events:all; background:rgba(0,0,0,0.5); color:#fff; border:none; width:38px; height:38px; border-radius:50%; cursor:pointer; font-size:1rem; transition:var(--transition); }
.hero-btn:hover { background:var(--red); }
.hero-dots { position:absolute; bottom:16px; right:20px; display:flex; gap:6px; }
.hero-dot { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.4); cursor:pointer; border:none; transition:var(--transition); }
.hero-dot.active { background:var(--red); transform:scale(1.3); }

/* NEWS CARDS */
.news-card { display:flex; gap:12px; padding:12px 0; border-bottom:1px solid var(--border); }
.news-card:last-child { border-bottom:none; }
.news-card:hover .news-card-title { color:var(--red); }
.news-card-img { flex-shrink:0; width:110px; height:75px; border-radius:var(--radius); overflow:hidden; }
.news-card-img img { width:100%; height:100%; object-fit:cover; transition:var(--transition); }
.news-card:hover .news-card-img img { transform:scale(1.06); }
.news-card-cat { font-size:0.7rem; color:var(--red); font-weight:700; text-transform:uppercase; font-family:var(--font-en); margin-bottom:4px; }
.news-card-title { font-size:0.92rem; font-weight:700; line-height:1.4; color:var(--dark); margin-bottom:4px; font-family:var(--font-te); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:var(--transition); }
.news-card-meta { font-size:0.72rem; color:var(--gray-light); font-family:var(--font-en); }
.news-card-meta i { margin-right:3px; }

/* NEWS GRID */
.news-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.news-grid-card { background:var(--white); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); transition:var(--transition); }
.news-grid-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-lg); }
.news-grid-card:hover .ngc-title { color:var(--red); }
.ngc-img { position:relative; height:160px; overflow:hidden; }
.ngc-img img { width:100%; height:100%; object-fit:cover; transition:var(--transition); }
.news-grid-card:hover .ngc-img img { transform:scale(1.05); }
.ngc-cat { position:absolute; top:8px; left:8px; background:var(--red); color:#fff; font-size:0.68rem; padding:2px 8px; border-radius:3px; font-family:var(--font-en); font-weight:700; }
.ngc-body { padding:12px; }
.ngc-title { font-size:0.9rem; font-weight:700; line-height:1.4; font-family:var(--font-te); color:var(--dark); margin-bottom:6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:var(--transition); }
.ngc-meta { font-size:0.72rem; color:var(--gray-light); font-family:var(--font-en); }

/* VIDEO CARDS */
.video-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.video-card { background:var(--white); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); cursor:pointer; transition:var(--transition); }
.video-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-lg); }
.vc-thumb { position:relative; height:140px; overflow:hidden; }
.vc-thumb img { width:100%; height:100%; object-fit:cover; transition:var(--transition); }
.video-card:hover .vc-thumb img { transform:scale(1.05); }
.vc-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:44px; height:44px; background:rgba(208,26,26,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.1rem; transition:var(--transition); }
.video-card:hover .vc-play { transform:translate(-50%,-50%) scale(1.1); }
.vc-duration { position:absolute; bottom:6px; right:8px; background:rgba(0,0,0,0.7); color:#fff; font-size:0.7rem; padding:2px 6px; border-radius:3px; font-family:var(--font-en); }
.vc-body { padding:10px; }
.vc-title { font-size:0.85rem; font-weight:700; font-family:var(--font-te); color:var(--dark); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.4; }
.vc-views { font-size:0.72rem; color:var(--gray-light); margin-top:4px; font-family:var(--font-en); }

/* SECTION BLOCK */
.section-block { background:var(--white); border-radius:var(--radius); padding:16px; box-shadow:var(--shadow); margin-bottom:24px; }

/* CAT STRIP */
.cat-strip { display:flex; gap:10px; flex-wrap:wrap; padding:12px 0; margin-bottom:20px; }
.cat-strip a { display:flex; align-items:center; gap:6px; padding:7px 14px; background:var(--white); border:1px solid var(--border); border-radius:24px; font-size:0.82rem; font-weight:600; color:var(--dark); transition:var(--transition); box-shadow:var(--shadow); font-family:var(--font-te); }
.cat-strip a:hover { background:var(--red); color:var(--white); border-color:var(--red); }

/* SIDEBAR */
.sidebar-widget { background:var(--white); border-radius:var(--radius); padding:16px; box-shadow:var(--shadow); margin-bottom:20px; }
.widget-title { font-size:1rem; font-weight:800; color:var(--dark); padding-bottom:10px; margin-bottom:14px; border-bottom:2px solid var(--red); font-family:var(--font-te); }
.sidebar-news-item { display:flex; gap:10px; padding:10px 0; border-bottom:1px solid var(--border); }
.sidebar-news-item:last-child { border-bottom:none; }
.sni-img { flex-shrink:0; width:72px; height:52px; border-radius:4px; overflow:hidden; }
.sni-img img { width:100%; height:100%; object-fit:cover; }
.sni-title { font-size:0.83rem; font-weight:600; line-height:1.4; font-family:var(--font-te); color:var(--dark); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sni-title:hover { color:var(--red); }
.sni-date { font-size:0.7rem; color:var(--gray-light); font-family:var(--font-en); margin-top:3px; }
.trending-item { display:flex; align-items:flex-start; gap:10px; padding:8px 0; border-bottom:1px solid var(--border); }
.trending-item:last-child { border-bottom:none; }
.trending-num { flex-shrink:0; width:26px; height:26px; background:var(--red); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:800; font-family:var(--font-en); }
.trending-title { font-size:0.83rem; font-weight:600; line-height:1.4; font-family:var(--font-te); color:var(--dark); }
.trending-title:hover { color:var(--red); }
.social-counts { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.social-count-item { display:flex; flex-direction:column; align-items:center; padding:12px; border-radius:var(--radius); color:#fff; }
.social-count-item.fb { background:#1877f2; }
.social-count-item.yt { background:#ff0000; }
.social-count-item.tw { background:#000; }
.social-count-item.ig { background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); }
.social-count-item i { font-size:1.4rem; margin-bottom:4px; }
.social-count-item span { font-size:0.7rem; font-family:var(--font-en); }
.social-count-item strong { font-size:0.95rem; font-family:var(--font-en); }
.ad-widget { background:#f8f8f8; border:1px dashed #ddd; height:250px; display:flex; align-items:center; justify-content:center; color:#bbb; font-size:0.85rem; border-radius:var(--radius); font-family:var(--font-en); }

/* ARTICLE */
.article-header { background:var(--white); padding:24px; border-radius:var(--radius); box-shadow:var(--shadow); margin-bottom:20px; }
.article-cat-tag { display:inline-block; background:var(--red); color:#fff; font-size:0.75rem; padding:3px 10px; border-radius:3px; margin-bottom:10px; font-family:var(--font-en); font-weight:700; }
.article-title { font-size:1.6rem; font-weight:800; line-height:1.4; font-family:var(--font-te); color:var(--dark); margin-bottom:12px; }
.article-meta { display:flex; gap:16px; color:var(--gray-light); font-size:0.8rem; font-family:var(--font-en); flex-wrap:wrap; }
.article-meta i { margin-right:4px; color:var(--red); }
.article-share { display:flex; gap:8px; margin-top:14px; flex-wrap:wrap; }
.share-btn { display:flex; align-items:center; gap:6px; padding:7px 14px; border-radius:24px; font-size:0.78rem; color:#fff; font-family:var(--font-en); font-weight:700; cursor:pointer; border:none; transition:var(--transition); }
.share-btn.fb { background:#1877f2; }
.share-btn.tw { background:#000; }
.share-btn.wa { background:#25d366; }
.share-btn.tg { background:#0088cc; }
.article-featured-img { width:100%; border-radius:var(--radius); margin-bottom:20px; overflow:hidden; }
.article-featured-img img { width:100%; max-height:480px; object-fit:cover; }
.article-content { background:var(--white); padding:24px; border-radius:var(--radius); box-shadow:var(--shadow); font-family:var(--font-te); line-height:1.9; font-size:1.02rem; color:#333; }
.article-content p { margin-bottom:16px; }
.article-content blockquote { border-left:4px solid var(--red); padding:12px 20px; background:#fff5f5; margin:16px 0; font-style:italic; border-radius:0 var(--radius) var(--radius) 0; }

/* BREADCRUMB */
.breadcrumb { padding:10px 0; font-size:0.8rem; color:var(--gray-light); font-family:var(--font-en); }
.breadcrumb a { color:var(--red); }
.breadcrumb span::before { content:" › "; }

/* PAGINATION */
.pagination { display:flex; gap:6px; justify-content:center; margin:24px 0; flex-wrap:wrap; }
.pagination a,.pagination span { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:var(--radius); font-size:0.85rem; font-family:var(--font-en); transition:var(--transition); border:1px solid var(--border); background:var(--white); color:var(--dark); }
.pagination a:hover { background:var(--red); color:#fff; border-color:var(--red); }
.pagination span.current { background:var(--red); color:#fff; border-color:var(--red); }

/* VIDEOS PAGE */
.videos-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }

/* TAG CLOUD */
.tag-cloud { display:flex; flex-wrap:wrap; gap:8px; }
.tag-cloud a { padding:5px 12px; background:#f4f4f4; border-radius:24px; font-size:0.78rem; color:var(--dark); border:1px solid var(--border); transition:var(--transition); font-family:var(--font-te); }
.tag-cloud a:hover { background:var(--red); color:#fff; border-color:var(--red); }

/* FOOTER */
.site-footer { background:var(--dark); color:#aaa; margin-top:40px; }
.footer-top { padding:40px 0; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.5fr; gap:32px; }
.footer-about .footer-logo { display:flex; align-items:center; gap:4px; margin-bottom:12px; }
.footer-about p { font-size:0.85rem; line-height:1.7; font-family:var(--font-en); }
.footer-social { display:flex; gap:8px; margin-top:16px; }
.footer-social a { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:#2a2a2a; color:#aaa; font-size:0.8rem; transition:var(--transition); }
.footer-social a:hover { background:var(--red); color:#fff; }
.footer-col h4 { color:var(--white); font-size:1rem; font-weight:800; margin-bottom:14px; padding-bottom:8px; border-bottom:2px solid var(--red); font-family:var(--font-te); }
.footer-col ul li { margin-bottom:8px; }
.footer-col ul li a { font-size:0.85rem; color:#aaa; transition:var(--transition); font-family:var(--font-te); }
.footer-col ul li a:hover { color:var(--red); padding-left:4px; }
.contact-info li { display:flex; align-items:flex-start; gap:8px; font-size:0.85rem; margin-bottom:10px; font-family:var(--font-en); }
.contact-info li i { color:var(--red); margin-top:3px; flex-shrink:0; }
.app-links { margin-top:12px; }
.app-links h5 { color:#ccc; font-size:0.8rem; margin-bottom:8px; font-family:var(--font-en); }
.app-btn { display:inline-flex; align-items:center; gap:6px; background:#1e1e1e; color:#ccc; padding:7px 12px; border-radius:var(--radius); font-size:0.78rem; margin:3px 4px 3px 0; transition:var(--transition); font-family:var(--font-en); }
.app-btn:hover { background:var(--red); color:#fff; }
.footer-bottom { border-top:1px solid #2a2a2a; padding:16px 0; }
.footer-bottom-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.footer-bottom p,.footer-links a { font-size:0.8rem; font-family:var(--font-en); }
.footer-links { display:flex; gap:16px; flex-wrap:wrap; }
.footer-links a { color:#888; transition:var(--transition); }
.footer-links a:hover { color:var(--red); }

/* SCROLL TOP */
.scroll-top { position:fixed; bottom:24px; right:24px; width:42px; height:42px; background:var(--red); color:#fff; border:none; border-radius:50%; cursor:pointer; font-size:1rem; display:none; align-items:center; justify-content:center; box-shadow:var(--shadow-lg); z-index:9999; transition:var(--transition); }
.scroll-top:hover { background:var(--red-dark); }
.scroll-top.show { display:flex; }

/* RESPONSIVE */
@media(max-width:1024px) { .header-ad{display:none;} .footer-grid{grid-template-columns:1fr 1fr;} .main-layout{grid-template-columns:1fr 280px;} }
@media(max-width:768px) {
  .main-layout{grid-template-columns:1fr;} .nav-menu{display:none;flex-direction:column;}
  .nav-menu.active{display:flex;} .nav-menu>li>a{padding:12px 16px;border-bottom:1px solid #333;}
  .dropdown{position:static;display:none!important;background:#1e1e1e;} .has-dropdown.open .dropdown{display:block!important;}
  .dropdown li a{color:#ccc;background:#1e1e1e;border-color:#333;}
  .news-grid{grid-template-columns:1fr;} .hero-slide img{height:240px;} .hero-caption h1{font-size:1.1rem;}
  .footer-grid{grid-template-columns:1fr;} .videos-grid{grid-template-columns:1fr 1fr;} .top-weather{display:none;}
  .video-grid{grid-template-columns:1fr;}
}
@media(max-width:480px) { .videos-grid{grid-template-columns:1fr;} .footer-bottom-inner{flex-direction:column;text-align:center;} }