/* =========================================================
   TOLI ADUGU — CATEGORY LAYOUT + HEADER WIDGET FIX V4
   Patch scope only:
   1) Compact category topic scroller
   2) Prevent Telugu header title/subtitle cropping
   3) Keep three real glass widgets on header right side
   ========================================================= */

/* Remove legacy fallback title/emoji block that appears as black text. */
.category-section .category-hero > .category-title-text{
  display:none!important;
}

/* ---------- CATEGORY HEADER ---------- */
.category-section .category-hero{
  position:relative!important;
  height:142px!important;
  min-height:142px!important;
  max-height:142px!important;
  padding:17px 20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:22px!important;
  overflow:hidden!important;
}

.category-section .category-identity{
  position:relative!important;
  z-index:4!important;
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  overflow:visible!important;
}

.category-section .category-symbol{
  flex:0 0 76px!important;
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  min-height:76px!important;
}

.category-section .category-title-copy{
  min-width:0!important;
  max-width:620px!important;
  padding:5px 0 7px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow:visible!important;
}

.category-section .category-title-copy small{
  display:block!important;
  margin:0 0 3px!important;
  line-height:1.25!important;
}

.category-section .category-title-copy h2{
  display:block!important;
  margin:0 0 4px!important;
  padding:1px 0 3px!important;
  font-size:34px!important;
  line-height:1.22!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

.category-section .category-title-copy p{
  display:block!important;
  margin:0!important;
  padding:0 0 2px!important;
  font-size:13px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.category-section .category-watermark{
  z-index:1!important;
  pointer-events:none!important;
}

/* ---------- RIGHT-SIDE GLASS WIDGETS ---------- */
.category-section .category-header-widgets{
  position:relative!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(126px,142px))!important;
  align-items:stretch!important;
  gap:10px!important;
  min-width:0!important;
}

.category-section .category-header-widgets .header-widget{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:82px!important;
  min-height:82px!important;
  padding:11px 13px!important;
  border-radius:17px!important;
  color:#fff!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.27),0 8px 18px rgba(0,0,0,.08)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
  overflow:hidden!important;
}

.category-section .header-widget small,
.category-section .header-widget strong{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  color:#fff!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.category-section .header-widget small{
  margin:0!important;
  font-size:8px!important;
  line-height:1.2!important;
  letter-spacing:1.1px!important;
  white-space:nowrap!important;
  opacity:.82!important;
}

.category-section .header-widget strong{
  margin:5px 0 0!important;
  font-size:11px!important;
  line-height:1.35!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

.category-section .header-widget .widget-signal{
  position:absolute!important;
  z-index:3!important;
  top:10px!important;
  right:10px!important;
}

/* ---------- COMPACT TOPIC SCROLLER ---------- */
.category-section .category-scroll{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:8px 0 0!important;
  padding:0!important;
  border-radius:13px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.category-section .category-scroll-track{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  height:100%!important;
  min-height:0!important;
  max-height:42px!important;
  margin:0!important;
  padding:0 7px!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

.category-section .category-scroll a{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:28px!important;
  min-height:28px!important;
  margin:0 3px!important;
  padding:0 13px!important;
  line-height:1!important;
  box-sizing:border-box!important;
}

/* Prevent old oversized patch rules from recreating the white gap. */
.category-section .category-scroll,
.category-section .category-scroll-track{
  align-self:auto!important;
  justify-self:stretch!important;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1180px){
  .category-section .category-hero{
    height:136px!important;
    min-height:136px!important;
    max-height:136px!important;
    column-gap:15px!important;
  }
  .category-section .category-header-widgets{
    grid-template-columns:repeat(3,minmax(108px,118px))!important;
    gap:8px!important;
  }
  .category-section .category-title-copy h2{font-size:30px!important;}
}

@media(max-width:920px){
  .category-section .category-hero{
    height:126px!important;
    min-height:126px!important;
    max-height:126px!important;
    padding:14px 15px!important;
  }
  .category-section .category-symbol{
    flex-basis:64px!important;
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    min-height:64px!important;
  }
  .category-section .category-title-copy h2{font-size:27px!important;}
  .category-section .category-title-copy p{font-size:11px!important;max-width:360px!important;}
  .category-section .category-header-widgets{
    grid-template-columns:repeat(2,108px)!important;
  }
  .category-section .category-header-widgets .header-widget:nth-child(3){display:none!important;}
  .category-section .category-header-widgets .header-widget{height:74px!important;min-height:74px!important;}
}

@media(max-width:640px){
  .category-section .category-hero{
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    padding:11px 12px!important;
    grid-template-columns:minmax(0,1fr) 92px!important;
    column-gap:8px!important;
  }
  .category-section .category-identity{gap:9px!important;}
  .category-section .category-symbol{
    flex-basis:52px!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
  }
  .category-section .category-title-copy{padding:3px 0 4px!important;}
  .category-section .category-title-copy small{font-size:6px!important;margin-bottom:2px!important;}
  .category-section .category-title-copy h2{
    font-size:21px!important;
    line-height:1.22!important;
    margin-bottom:2px!important;
  }
  .category-section .category-title-copy p{
    font-size:8px!important;
    line-height:1.3!important;
    max-width:190px!important;
  }
  .category-section .category-header-widgets{
    grid-template-columns:92px!important;
    gap:0!important;
  }
  .category-section .category-header-widgets .header-widget:nth-child(n+2){display:none!important;}
  .category-section .category-header-widgets .header-widget{
    height:66px!important;
    min-height:66px!important;
    padding:8px!important;
    border-radius:14px!important;
  }
  .category-section .header-widget strong{font-size:8px!important;line-height:1.3!important;}
  .category-section .category-scroll{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin-top:6px!important;
  }
  .category-section .category-scroll-track{max-height:36px!important;padding-inline:4px!important;}
  .category-section .category-scroll a{
    height:25px!important;
    min-height:25px!important;
    padding:0 10px!important;
    font-size:8px!important;
  }
}

/* =========================================================
   HOMEPAGE TOP CARDS + CATEGORY ORBS — DIRECT STRUCTURE FIX V6
   Scope only: .top-widget-deck and .category-universe
   ========================================================= */

/* ---------- TOP INFORMATION CARDS ---------- */
body.hybrid-category-design .top-widget-deck{
  padding:12px 0 14px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#edf5fb 0%,#f9fcff 100%)!important;
}
body.hybrid-category-design .top-widget-deck>.container.widget-deck-grid,
body.hybrid-category-design .top-widget-deck .widget-deck-grid{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:10px!important;
  width:min(calc(100% - 36px),var(--container))!important;
  margin-inline:auto!important;
  padding:0 0 4px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  box-sizing:border-box!important;
}
body.hybrid-category-design .top-widget-deck .widget-deck-grid::-webkit-scrollbar{display:none!important;}
body.hybrid-category-design .top-widget-deck .mini-widget{
  position:relative!important;
  flex:1 0 210px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  grid-template:none!important;
  width:auto!important;
  min-width:210px!important;
  max-width:none!important;
  height:112px!important;
  min-height:112px!important;
  max-height:112px!important;
  margin:0!important;
  padding:10px 11px 9px!important;
  overflow:hidden!important;
  border-radius:15px!important;
  box-sizing:border-box!important;
  scroll-snap-align:start!important;
}
body.hybrid-category-design .top-widget-deck .mini-widget>.widget-title{
  position:relative!important;
  flex:0 0 34px!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) auto!important;
  grid-template-rows:34px!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
body.hybrid-category-design .top-widget-deck .widget-title>span{
  grid-column:1!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
}
body.hybrid-category-design .top-widget-deck .widget-title>span svg{
  width:17px!important;
  height:17px!important;
}
body.hybrid-category-design .top-widget-deck .widget-title>div{
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:1px!important;
  overflow:hidden!important;
}
body.hybrid-category-design .top-widget-deck .widget-title small,
body.hybrid-category-design .top-widget-deck .widget-title b{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.hybrid-category-design .top-widget-deck .widget-title small{
  font:800 7px/1.15 Inter,sans-serif!important;
  letter-spacing:.55px!important;
}
body.hybrid-category-design .top-widget-deck .widget-title b{
  font:700 11px/1.2 Inter,"Noto Sans Telugu",sans-serif!important;
}
body.hybrid-category-design .top-widget-deck .widget-title em{
  grid-column:3!important;
  position:static!important;
  align-self:start!important;
  justify-self:end!important;
  width:auto!important;
  min-width:0!important;
  max-width:48px!important;
  margin:1px 0 0!important;
  padding:0!important;
  font:900 7px/1.15 Inter,sans-serif!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:right!important;
}
body.hybrid-category-design .top-widget-deck .mini-widget>:not(.widget-title){
  position:relative!important;
  flex:1 1 auto!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
body.hybrid-category-design .top-widget-deck .seat-pulse{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  margin-top:7px!important;
}
body.hybrid-category-design .top-widget-deck .seat-pulse span{
  min-width:0!important;
  padding:5px 2px!important;
  font-size:7px!important;
  line-height:1!important;
  overflow:hidden!important;
}
body.hybrid-category-design .top-widget-deck .seat-pulse b{font-size:15px!important;line-height:1!important;}
body.hybrid-category-design .top-widget-deck .scoreline,
body.hybrid-category-design .top-widget-deck .weatherline{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:end!important;
  gap:7px!important;
  margin-top:8px!important;
  overflow:hidden!important;
}
body.hybrid-category-design .top-widget-deck .scoreline strong,
body.hybrid-category-design .top-widget-deck .weatherline strong{
  font:900 18px/1 Inter,sans-serif!important;
  white-space:nowrap!important;
}
body.hybrid-category-design .top-widget-deck .scoreline span,
body.hybrid-category-design .top-widget-deck .weatherline span{
  min-width:0!important;
  font:600 7px/1.25 Inter,sans-serif!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
body.hybrid-category-design .top-widget-deck .meter{height:9px!important;margin:17px 0 4px!important;}
body.hybrid-category-design .top-widget-deck .deadline-strip{
  display:flex!important;
  align-items:center!important;
  min-height:34px!important;
  max-height:34px!important;
  margin-top:7px!important;
  padding:5px 8px!important;
  font:700 7px/1.3 Inter,sans-serif!important;
  white-space:normal!important;
  overflow:hidden!important;
}
body.hybrid-category-design .top-widget-deck .traffic-dots{
  display:grid!important;
  grid-template-columns:8px 8px 8px minmax(0,1fr)!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:13px!important;
  overflow:hidden!important;
}
body.hybrid-category-design .top-widget-deck .traffic-dots i{width:8px!important;height:8px!important;}
body.hybrid-category-design .top-widget-deck .traffic-dots span{
  min-width:0!important;
  font:700 7px/1.2 Inter,sans-serif!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
body.hybrid-category-design .top-widget-deck .poll-actions{display:flex!important;gap:6px!important;margin-top:8px!important;}
body.hybrid-category-design .top-widget-deck .poll-actions button{min-width:0!important;padding:6px 4px!important;font-size:8px!important;line-height:1!important;}
body.hybrid-category-design .top-widget-deck .poll-result{height:6px!important;margin-top:5px!important;}
body.hybrid-category-design .top-widget-deck .audio-play{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  margin-top:8px!important;
  padding:5px 8px!important;
  gap:7px!important;
}
body.hybrid-category-design .top-widget-deck .audio-play>svg{flex:0 0 19px!important;width:19px!important;height:19px!important;}
body.hybrid-category-design .top-widget-deck .audio-bars{min-width:0!important;height:21px!important;}

/* ---------- HOMEPAGE CATEGORIES ---------- */
body.hybrid-category-design .category-universe{
  position:relative!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:22px 0 24px!important;
  overflow:hidden!important;
}
body.hybrid-category-design .category-universe>.section-head.compact{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin-bottom:14px!important;
  overflow:visible!important;
}
body.hybrid-category-design .category-universe>.category-scroll[data-horizontal-scroll],
body.hybrid-category-design .category-universe>.category-scroll{
  position:relative!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:14px!important;
  width:100%!important;
  height:179px!important;
  min-height:179px!important;
  max-height:179px!important;
  margin:0!important;
  padding:10px max(18px,calc((100vw - var(--container))/2)) 14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  box-sizing:border-box!important;
}
body.hybrid-category-design .category-universe>.category-scroll::-webkit-scrollbar{display:none!important;}
body.hybrid-category-design .category-universe .category-scroll>.category-orb{
  position:relative!important;
  flex:0 0 130px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:130px!important;
  min-width:130px!important;
  max-width:130px!important;
  height:155px!important;
  min-height:155px!important;
  max-height:155px!important;
  margin:0!important;
  padding:13px 10px 11px!important;
  color:inherit!important;
  background:#fff!important;
  border:1px solid rgba(4,38,75,.08)!important;
  border-radius:24px!important;
  box-shadow:var(--shadow-soft)!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
  box-sizing:border-box!important;
}
body.hybrid-category-design .category-universe .category-orb>.orb-3d{
  position:relative!important;
  flex:0 0 70px!important;
  display:grid!important;
  place-items:center!important;
  width:70px!important;
  min-width:70px!important;
  max-width:70px!important;
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
  margin:0 auto 11px!important;
  padding:0!important;
  border-radius:22px!important;
  color:#fff!important;
  background:linear-gradient(145deg,var(--orb1),var(--orb2))!important;
  box-shadow:inset 0 2px 2px rgba(255,255,255,.45),0 14px 22px color-mix(in srgb,var(--orb2) 28%,transparent)!important;
  overflow:visible!important;
}
body.hybrid-category-design .category-universe .category-orb>.orb-3d svg{width:32px!important;height:32px!important;}
body.hybrid-category-design .category-universe .category-orb>b,
body.hybrid-category-design .category-universe .category-orb>small{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:transparent!important;
  border:0!important;
}
body.hybrid-category-design .category-universe .category-orb>b{font:800 14px/1.25 var(--headline)!important;}
body.hybrid-category-design .category-universe .category-orb>small{margin-top:4px!important;color:var(--muted)!important;font:700 9px/1.2 var(--ui)!important;}

@media(max-width:760px){
  body.hybrid-category-design .top-widget-deck .widget-deck-grid{width:100%!important;padding:0 12px 4px!important;}
  body.hybrid-category-design .top-widget-deck .mini-widget{flex-basis:190px!important;min-width:190px!important;}
  body.hybrid-category-design .category-universe{padding:19px 0 18px!important;}
  body.hybrid-category-design .category-universe>.category-scroll[data-horizontal-scroll],
  body.hybrid-category-design .category-universe>.category-scroll{height:157px!important;min-height:157px!important;max-height:157px!important;gap:9px!important;padding:8px 12px 11px!important;}
  body.hybrid-category-design .category-universe .category-scroll>.category-orb{flex-basis:112px!important;width:112px!important;min-width:112px!important;max-width:112px!important;height:138px!important;min-height:138px!important;max-height:138px!important;padding:10px 8px 9px!important;border-radius:19px!important;}
  body.hybrid-category-design .category-universe .category-orb>.orb-3d{flex-basis:59px!important;width:59px!important;min-width:59px!important;max-width:59px!important;height:59px!important;min-height:59px!important;max-height:59px!important;margin-bottom:9px!important;border-radius:18px!important;}
  body.hybrid-category-design .category-universe .category-orb>.orb-3d svg{width:27px!important;height:27px!important;}
  body.hybrid-category-design .category-universe .category-orb>b{font-size:12px!important;}
  body.hybrid-category-design .category-universe .category-orb>small{font-size:8px!important;}
}

/* =========================================================
   V7 — LAST TOP CARD VISIBILITY FIX
   Scope only: homepage .top-widget-deck
   ========================================================= */

/* Keep safe end-space when the row must scroll. */
body.hybrid-category-design .top-widget-deck>.container.widget-deck-grid,
body.hybrid-category-design .top-widget-deck .widget-deck-grid{
  width:100%!important;
  max-width:none!important;
  padding-left:22px!important;
  padding-right:30px!important;
  scroll-padding-left:22px!important;
  scroll-padding-right:30px!important;
}

body.hybrid-category-design .top-widget-deck .mini-widget:last-child{
  margin-right:0!important;
}

/* Wide desktop: display all eight cards in one complete row. */
@media(min-width:1680px){
  body.hybrid-category-design .top-widget-deck{
    overflow:visible!important;
  }

  body.hybrid-category-design .top-widget-deck>.container.widget-deck-grid,
  body.hybrid-category-design .top-widget-deck .widget-deck-grid{
    display:grid!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 22px 4px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }

  body.hybrid-category-design .top-widget-deck .mini-widget{
    flex:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  body.hybrid-category-design .top-widget-deck .widget-title{
    grid-template-columns:32px minmax(0,1fr) minmax(0,44px)!important;
  }

  body.hybrid-category-design .top-widget-deck .widget-title em{
    max-width:44px!important;
  }
}

/* Medium desktop/laptop: carousel remains, but the last card can scroll fully into view. */
@media(min-width:761px) and (max-width:1679px){
  body.hybrid-category-design .top-widget-deck .widget-deck-grid{
    padding-right:38px!important;
  }

  body.hybrid-category-design .top-widget-deck .mini-widget:last-child{
    scroll-snap-align:end!important;
  }
}

/* Mobile: preserve a visible right gutter after the last card. */
@media(max-width:760px){
  body.hybrid-category-design .top-widget-deck .widget-deck-grid{
    padding-left:12px!important;
    padding-right:24px!important;
    scroll-padding-left:12px!important;
    scroll-padding-right:24px!important;
  }
}

/* =========================================================
   V8 — ALL TOP CARDS ALWAYS VISIBLE
   Fixes right-edge clipping and restores the final Audio/Podcast card.
   Scope only: homepage .top-widget-deck
   ========================================================= */

/* Reset carousel behaviour so cards cannot sit outside a clipped viewport. */
body.hybrid-category-design .top-widget-deck{
  overflow:visible!important;
}

body.hybrid-category-design .top-widget-deck>.container.widget-deck-grid,
body.hybrid-category-design .top-widget-deck .widget-deck-grid{
  display:grid!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 22px 4px!important;
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  scroll-snap-type:none!important;
  box-sizing:border-box!important;
}

body.hybrid-category-design .top-widget-deck .mini-widget{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  scroll-snap-align:none!important;
}

/* Explicitly keep the final audio/podcast card in the layout. */
body.hybrid-category-design .top-widget-deck .mini-widget.audio,
body.hybrid-category-design .top-widget-deck .mini-widget:last-child{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0!important;
}

/* Large and normal desktop: all eight cards in one complete row. */
@media(min-width:1180px){
  body.hybrid-category-design .top-widget-deck>.container.widget-deck-grid,
  body.hybrid-category-design .top-widget-deck .widget-deck-grid{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.hybrid-category-design .top-widget-deck .mini-widget{
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    padding:10px 9px 9px!important;
  }

  body.hybrid-category-design .top-widget-deck .widget-title{
    grid-template-columns:30px minmax(0,1fr) minmax(0,39px)!important;
    gap:5px!important;
  }

  body.hybrid-category-design .top-widget-deck .widget-title>span{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
  }

  body.hybrid-category-design .top-widget-deck .widget-title small{
    font-size:6.6px!important;
    letter-spacing:.38px!important;
  }

  body.hybrid-category-design .top-widget-deck .widget-title b{
    font-size:10px!important;
  }

  body.hybrid-category-design .top-widget-deck .widget-title em{
    max-width:39px!important;
    font-size:6.3px!important;
  }

  body.hybrid-category-design .top-widget-deck .deadline-strip,
  body.hybrid-category-design .top-widget-deck .traffic-dots span,
  body.hybrid-category-design .top-widget-deck .scoreline span,
  body.hybrid-category-design .top-widget-deck .weatherline span{
    font-size:6.6px!important;
  }
}

/* Smaller desktop and tablet: use two complete rows instead of hiding cards. */
@media(min-width:641px) and (max-width:1179px){
  body.hybrid-category-design .top-widget-deck>.container.widget-deck-grid,
  body.hybrid-category-design .top-widget-deck .widget-deck-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
    padding:0 16px 4px!important;
  }

  body.hybrid-category-design .top-widget-deck .mini-widget{
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
  }
}

/* Mobile: two complete columns; no missing final card. */
@media(max-width:640px){
  body.hybrid-category-design .top-widget-deck>.container.widget-deck-grid,
  body.hybrid-category-design .top-widget-deck .widget-deck-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:0 10px 4px!important;
  }

  body.hybrid-category-design .top-widget-deck .mini-widget{
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    padding:9px 8px!important;
  }
}

/* =========================================================
   TOLI ADUGU — HEADER DIRECT FIX V10
   Loaded through the existing category-layout-fix-v4.css link.
   Scope: very-top utility strip + masthead only.
   ========================================================= */
:root{
  --tad-logo-blue:#003e79;
  --tad-logo-blue-deep:#003568;
  --tad-header-white:#ffffff;
  --tad-header-soft:#c8e4f8;
  --tad-header-accent:#68d7ff;
}

/* Remove the complete former utility strip immediately. */
.broadcast-header > .signal-strip,
.signal-strip{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

/* Blend the masthead with the exact dominant background of logo.jpg. */
.broadcast-header .masthead{
  position:relative!important;
  background:var(--tad-logo-blue)!important;
  color:var(--tad-header-white)!important;
  border:0!important;
  box-shadow:0 5px 20px rgba(0,31,65,.22)!important;
}
.broadcast-header .masthead::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:rgba(255,255,255,.13);
  pointer-events:none;
}

.broadcast-header .masthead-inner{
  min-height:112px!important;
  height:112px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  display:grid!important;
  grid-template-columns:56px minmax(180px,1fr) minmax(285px,330px) minmax(205px,1fr) auto!important;
  grid-template-rows:112px!important;
  align-items:center!important;
  column-gap:18px!important;
}

.broadcast-header .drawer-open{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
}

/* Date above time, positioned left of the logo. */
.masthead-meta-left{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  min-width:0!important;
  padding-right:10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:7px!important;
  text-align:right!important;
  color:#fff!important;
}
.masthead-meta-left .brand-date{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font:800 13px/1.25 var(--ui)!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}
.masthead-time{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  color:var(--tad-header-accent)!important;
  font:900 15px/1 var(--ui)!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
.masthead-time svg{
  width:17px!important;
  height:17px!important;
  color:var(--tad-header-accent)!important;
  stroke-width:2.2!important;
}
.masthead-time .digital-clock{
  color:inherit!important;
  font:inherit!important;
}

/* Location above weather, positioned right of the logo. */
.masthead-meta-right{
  grid-column:4!important;
  grid-row:1!important;
  justify-self:start!important;
  min-width:0!important;
  padding-left:10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:left!important;
}
.masthead-meta-right .signal-item{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  color:#fff!important;
  font:800 12px/1.2 var(--ui)!important;
  white-space:nowrap!important;
}
.masthead-meta-right .signal-item:last-child{
  color:var(--tad-header-soft)!important;
}
.masthead-meta-right .signal-item svg{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  color:var(--tad-header-accent)!important;
  stroke-width:2.15!important;
}

.broadcast-header .brand-lockup{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:center!important;
  align-self:center!important;
  width:100%!important;
  max-width:330px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--tad-logo-blue)!important;
  border:0!important;
  box-shadow:none!important;
}
.broadcast-header .brand-lockup img{
  display:block!important;
  width:100%!important;
  max-width:320px!important;
  height:96px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  background:var(--tad-logo-blue)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
/* Hidden only until JS moves this exact node into the left meta block. */
.broadcast-header .brand-lockup > .brand-date{
  display:none!important;
}

.broadcast-header .masthead-actions{
  grid-column:5!important;
  grid-row:1!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
/* Remove only the masthead Live TV control. */
.broadcast-header .masthead-actions .live-tv,
.broadcast-header .action-pill.live-tv{
  display:none!important;
}
.broadcast-header .masthead .icon-button{
  width:46px!important;
  height:46px!important;
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 8px 20px rgba(0,25,55,.16)!important;
  backdrop-filter:blur(8px)!important;
}
.broadcast-header .masthead .icon-button:hover{
  color:#fff!important;
  background:rgba(255,255,255,.17)!important;
}
.broadcast-header .masthead .alert-count{
  border-color:var(--tad-logo-blue)!important;
}

/* Navigation remains structurally untouched, but sits flush below masthead. */
.broadcast-header .category-nav{
  border-top:0!important;
}

@media(max-width:1180px){
  .broadcast-header .masthead-inner{
    grid-template-columns:50px minmax(150px,1fr) minmax(245px,285px) minmax(175px,1fr) auto!important;
    column-gap:11px!important;
  }
  .masthead-meta-left .brand-date{font-size:10px!important;}
  .masthead-time{font-size:12px!important;gap:5px!important;}
  .masthead-meta-right .signal-item{font-size:10px!important;gap:5px!important;}
  .broadcast-header .brand-lockup img{max-width:280px!important;height:88px!important;}
  .broadcast-header .masthead .icon-button{width:41px!important;height:41px!important;}
}

@media(max-width:900px){
  .broadcast-header .masthead-inner{
    height:auto!important;
    min-height:126px!important;
    grid-template-columns:46px minmax(0,1fr) auto!important;
    grid-template-rows:78px 42px!important;
    column-gap:8px!important;
    row-gap:0!important;
    padding-top:3px!important;
    padding-bottom:3px!important;
  }
  .broadcast-header .drawer-open{grid-column:1!important;grid-row:1!important;}
  .broadcast-header .brand-lockup{grid-column:2!important;grid-row:1!important;max-width:250px!important;}
  .broadcast-header .brand-lockup img{max-width:245px!important;height:72px!important;}
  .broadcast-header .masthead-actions{grid-column:3!important;grid-row:1!important;gap:4px!important;}
  .broadcast-header .masthead .icon-button{width:36px!important;height:36px!important;}
  .masthead-meta-left{
    grid-column:1 / 3!important;
    grid-row:2!important;
    justify-self:start!important;
    align-items:flex-start!important;
    text-align:left!important;
    padding:0!important;
    gap:2px!important;
  }
  .masthead-meta-right{
    grid-column:2 / 4!important;
    grid-row:2!important;
    justify-self:end!important;
    align-items:flex-end!important;
    text-align:right!important;
    padding:0!important;
    gap:2px!important;
  }
  .masthead-meta-left .brand-date,
  .masthead-time,
  .masthead-meta-right .signal-item{font-size:9px!important;}
  .masthead-time svg,
  .masthead-meta-right .signal-item svg{width:14px!important;height:14px!important;flex-basis:14px!important;}
}

@media(max-width:560px){
  .broadcast-header .masthead-inner{
    min-height:120px!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    grid-template-rows:72px 42px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .broadcast-header .brand-lockup{max-width:200px!important;}
  .broadcast-header .brand-lockup img{max-width:195px!important;height:66px!important;}
  .broadcast-header .masthead-actions .icon-button:nth-of-type(3){display:none!important;}
  .masthead-meta-left .brand-date{max-width:46vw!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .masthead-meta-right .signal-item{max-width:46vw!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}

/* =========================================================
   TOLI ADUGU — HEADER EDGE ALIGNMENT V11
   Scope: refine only masthead metadata placement and time.
   ========================================================= */

/* Push date/time to the outer left side of its available masthead area. */
.broadcast-header .masthead-meta-left{
  justify-self:start!important;
  align-items:flex-start!important;
  text-align:left!important;
  padding-left:2px!important;
  padding-right:0!important;
  gap:3px!important;
}

/* Date is the primary line. */
.broadcast-header .masthead-meta-left .brand-date{
  order:1!important;
  margin:0!important;
  color:#fff!important;
  font:900 15px/1.25 var(--ui)!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
}

/* Time is the smaller child line under the date. */
.broadcast-header .masthead-time{
  order:2!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font:700 12px/1.15 var(--ui)!important;
  letter-spacing:.035em!important;
  opacity:.88!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
.broadcast-header .masthead-time svg,
.broadcast-header .masthead-time .digital-clock{
  display:none!important;
}
.broadcast-header .masthead-time-value{
  display:inline!important;
  color:#fff!important;
  font:inherit!important;
  letter-spacing:inherit!important;
}

/* Push location/weather to the outer right side of its available masthead area. */
.broadcast-header .masthead-meta-right{
  justify-self:end!important;
  align-items:flex-end!important;
  text-align:right!important;
  padding-left:0!important;
  padding-right:2px!important;
}
.broadcast-header .masthead-meta-right .signal-item{
  justify-content:flex-end!important;
  text-align:right!important;
}

@media(max-width:1180px){
  .broadcast-header .masthead-meta-left .brand-date{font-size:12px!important;}
  .broadcast-header .masthead-time{font-size:10px!important;}
}

@media(max-width:900px){
  .broadcast-header .masthead-meta-left{
    justify-self:start!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  .broadcast-header .masthead-meta-right{
    justify-self:end!important;
    align-items:flex-end!important;
    text-align:right!important;
  }
  .broadcast-header .masthead-meta-left .brand-date{font-size:10px!important;}
  .broadcast-header .masthead-time{font-size:9px!important;}
}

/* =========================================================
   TOLI ADUGU — MAIN BROADCAST HERO CLEANUP V12
   Scope: Main Broadcast Hero only.
   ========================================================= */

/* Remove the Politics / Weather / Sports tabs and pause control. */
.broadcast-hero .hero-progress,
.broadcast-hero .hero-pause{
  display:none!important;
}

/* Remove left/right inset from the slide so the bottom headline bar reaches both edges. */
.broadcast-hero .hero-slide{
  padding-left:0!important;
  padding-right:0!important;
}

/* Keep the action buttons aligned safely inside the image after removing slide side padding. */
.broadcast-hero .hero-actions{
  margin-left:44px!important;
  margin-right:44px!important;
}

/* Bottom headline strip must touch the complete left and right edges. */
.broadcast-hero .lower-third{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:0!important;
}

/* Keep the code block as one clean blue layer. */
.broadcast-hero .lower-code{
  clip-path:none!important;
  overflow:hidden!important;
  border-radius:0!important;
}

/* Remove the second overlapping blue wedge/layer beside TA • SP. */
.broadcast-hero .lower-code::after{
  content:none!important;
  display:none!important;
}

/* Remove compensation that was previously required for the diagonal wedge. */
.broadcast-hero .lower-third > div{
  margin-left:0!important;
  padding-left:18px!important;
}

/* Keep only the logo in the top-right badge, on the matching dark-blue background. */
.broadcast-hero .hero-channel-bug{
  width:112px!important;
  height:54px!important;
  min-height:54px!important;
  display:block!important;
  grid-template-rows:none!important;
  overflow:hidden!important;
  background:#003e79!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:11px!important;
  box-shadow:0 10px 24px rgba(0,19,45,.24)!important;
}
.broadcast-hero .hero-channel-bug::before{
  content:""!important;
  display:block!important;
  width:auto!important;
  height:100%!important;
  margin:0!important;
  background:url('../images/toli-adugu-hero-logo.png') center/88% auto no-repeat!important;
}
.broadcast-hero .hero-channel-bug b,
.broadcast-hero .hero-channel-bug span{
  display:none!important;
}

/* With the top controls removed, keep the logo neatly at the top-right. */
.broadcast-hero .hero-channel-bug{
  top:16px!important;
  right:18px!important;
}

@media(max-width:900px){
  .broadcast-hero .hero-actions{
    margin-left:24px!important;
    margin-right:24px!important;
  }
  .broadcast-hero .hero-channel-bug{
    width:96px!important;
    height:48px!important;
    min-height:48px!important;
    top:12px!important;
    right:12px!important;
  }
  .broadcast-hero .lower-third > div{
    padding-left:15px!important;
  }
}

@media(max-width:600px){
  .broadcast-hero .hero-slide{
    padding-left:0!important;
    padding-right:0!important;
  }
  .broadcast-hero .hero-content{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .broadcast-hero .hero-actions{
    margin-left:14px!important;
    margin-right:14px!important;
  }
  .broadcast-hero .hero-channel-bug{
    width:78px!important;
    height:42px!important;
    min-height:42px!important;
    top:9px!important;
    right:9px!important;
  }
  .broadcast-hero .lower-third > div{
    padding-left:12px!important;
  }
}

/* =========================================================
   V14 — LIGHT / WHITE BACKGROUND FOR TWO REQUESTED SECTIONS
   Scope: Main Broadcast Hero + Top 10 Ranking Wall only
   ========================================================= */

/* ---------- MAIN BROADCAST HERO: white section surface ---------- */
.broadcast-hero{
  background:#fff!important;
}
.broadcast-hero .hero-layout{
  background:#fff!important;
}
.broadcast-hero .hero-main,
.broadcast-hero .hero-side-stack{
  background:#fff!important;
}

/* Keep the main image, but remove the heavy dark cast. */
.broadcast-hero .hero-overlay{
  background:
    linear-gradient(90deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.06) 48%,transparent 78%),
    linear-gradient(0deg,rgba(255,255,255,.16) 0%,transparent 46%)!important;
}

/* Side newsroom cards become white/light without changing their structure. */
.broadcast-hero .hero-side-stack .rotating-side-card,
.broadcast-hero .hero-side-stack .side-story,
.broadcast-hero .hero-side-stack .flash-panel,
.broadcast-hero .just-in-rotator,
.broadcast-hero .cinema-rotator{
  background:#fff!important;
  border-color:#d7e3ef!important;
  box-shadow:0 12px 28px rgba(17,53,87,.10)!important;
}
.broadcast-hero .rotating-side-card .side-copy,
.broadcast-hero .rotating-side-card .side-copy > h3,
.broadcast-hero .rotating-side-card .side-copy > small,
.broadcast-hero .rotating-side-card .side-title-bullets a,
.broadcast-hero .flash-list p,
.broadcast-hero .flash-list time{
  color:#10243b!important;
  text-shadow:none!important;
}
.broadcast-hero .rotating-side-card .side-title-bullets,
.broadcast-hero .rotating-side-card .side-title-bullets li,
.broadcast-hero .flash-list,
.broadcast-hero .flash-list li{
  border-color:#dce7f1!important;
}
.broadcast-hero .rotating-side-card .side-title-bullets li.is-current{
  background:#eef7ff!important;
  border-color:#65bfff!important;
}

/* ---------- TOP 10 RANKING WALL: white/light panel ---------- */
#top10{
  background:#fff!important;
}
.ranking-wall.ranking-rotator{
  background:#fff!important;
  border-color:#d7e3ef!important;
  box-shadow:0 18px 42px rgba(17,53,87,.10)!important;
}
.ranking-wall.ranking-rotator::before,
.ranking-wall.ranking-rotator::after{
  display:none!important;
}
.ranking-wall.ranking-rotator .rotating-rank-feature,
.ranking-wall.ranking-rotator .top10-rotator-list{
  background:#fff!important;
  border-color:#d7e3ef!important;
  box-shadow:0 8px 22px rgba(17,53,87,.08)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Light gradient under the feature copy so the text remains readable. */
.ranking-wall.ranking-rotator .rotating-rank-feature .rank-gradient{
  background:
    linear-gradient(0deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.90) 36%,rgba(255,255,255,.18) 72%,transparent 100%)!important;
}
.ranking-wall.ranking-rotator .rank-feature-copy h3,
.ranking-wall.ranking-rotator .rank-feature-copy p,
.ranking-wall.ranking-rotator .meta-inverse,
.ranking-wall.ranking-rotator .meta-inverse span,
.ranking-wall.ranking-rotator .top10-rotator-list li,
.ranking-wall.ranking-rotator .top10-rotator-list li b,
.ranking-wall.ranking-rotator .top10-rotator-list li small{
  color:#10243b!important;
  text-shadow:none!important;
}
.ranking-wall.ranking-rotator .rank-feature-copy p,
.ranking-wall.ranking-rotator .top10-rotator-list li small{
  color:#61758a!important;
}
.ranking-wall.ranking-rotator .top10-rotator-list li{
  background:#fff!important;
  border-bottom-color:#e3ebf3!important;
  opacity:1!important;
}
.ranking-wall.ranking-rotator .top10-rotator-list li:hover{
  background:#f5f9fd!important;
  border-color:#b9daf5!important;
}
.ranking-wall.ranking-rotator .top10-rotator-list li.active,
.ranking-wall.ranking-rotator .top10-rotator-list li.is-active{
  background:#eef7ff!important;
  border-color:#35a9f4!important;
}

/* =========================================================
   TOLI ADUGU — WIDGET STUDIO MENU V15
   Scope:
   1) Label hamburger button as Widgets
   2) Replace legacy drawer category icons with Widget Studio
   3) Remove Widget Studio from the homepage after JS moves it
   ========================================================= */

/* Menu button becomes an icon + text trigger. */
.broadcast-header .drawer-open.widget-drawer-trigger{
  width:60px!important;
  height:72px!important;
  min-width:60px!important;
  padding:8px 5px 7px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:16px!important;
  line-height:1!important;
}
.broadcast-header .drawer-open.widget-drawer-trigger > svg{
  width:23px!important;
  height:23px!important;
  flex:0 0 23px!important;
}
.broadcast-header .drawer-open .drawer-trigger-label{
  display:block!important;
  color:#fff!important;
  font:800 9px/1 var(--ui)!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  opacity:.95!important;
}

/* Larger desktop widget drawer; mobile remains full width. */
.mobile-drawer.widget-studio-drawer{
  width:min(94vw,1480px)!important;
  max-width:1480px!important;
  padding-bottom:26px!important;
  background:#f3f8fc!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.mobile-drawer.widget-studio-drawer .drawer-head{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  min-height:74px!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  box-shadow:0 8px 22px rgba(12,47,79,.08)!important;
}
.mobile-drawer.widget-studio-drawer .drawer-live{
  margin:14px 20px 0!important;
}

/* The old category icon menu is removed by JS; keep it hidden as a safeguard. */
.mobile-drawer.widget-studio-drawer > .drawer-grid{
  display:none!important;
}

.drawer-widget-studio{
  width:100%!important;
  padding:18px 20px 28px!important;
}
.drawer-widget-studio .section-head{
  margin:0 0 16px!important;
  padding:17px 18px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  background:#fff!important;
  border:1px solid #dce7f1!important;
  border-radius:19px!important;
  box-shadow:0 10px 25px rgba(17,53,87,.07)!important;
}
.drawer-widget-studio .section-head h2{
  margin:4px 0 2px!important;
  color:#10243b!important;
  font-size:30px!important;
  line-height:1.15!important;
}
.drawer-widget-studio .section-head p{
  margin:0!important;
  color:#62788d!important;
}
.drawer-widget-studio .studio-filter{
  flex:0 0 auto!important;
}
.drawer-widget-studio .category-widget-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  padding:0!important;
}
.drawer-widget-studio .category-widget{
  min-width:0!important;
  min-height:250px!important;
  margin:0!important;
  box-shadow:0 11px 25px rgba(17,53,87,.09)!important;
}

/* The original homepage section is removed by JS; this prevents a flash. */
html.widget-studio-menu-v15-ready .category-studio{
  display:none!important;
}

/* Mobile bottom navigation wording remains consistent. */
.mobile-bottom-nav .drawer-open span{
  white-space:nowrap!important;
}

@media(max-width:1180px){
  .drawer-widget-studio .category-widget-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:900px){
  .broadcast-header .drawer-open.widget-drawer-trigger{
    width:44px!important;
    min-width:44px!important;
    height:64px!important;
    padding:6px 2px!important;
    gap:4px!important;
  }
  .broadcast-header .drawer-open.widget-drawer-trigger > svg{
    width:20px!important;
    height:20px!important;
    flex-basis:20px!important;
  }
  .broadcast-header .drawer-open .drawer-trigger-label{
    font-size:7px!important;
    letter-spacing:.02em!important;
  }
  .mobile-drawer.widget-studio-drawer{
    width:min(96vw,760px)!important;
  }
  .drawer-widget-studio{
    padding:12px 12px 24px!important;
  }
  .drawer-widget-studio .section-head{
    align-items:flex-start!important;
    padding:14px!important;
  }
  .drawer-widget-studio .section-head h2{
    font-size:25px!important;
  }
  .drawer-widget-studio .category-widget-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .drawer-widget-studio .category-widget{
    min-height:222px!important;
  }
}

@media(max-width:560px){
  .mobile-drawer.widget-studio-drawer{
    width:100vw!important;
    max-width:100vw!important;
  }
  .mobile-drawer.widget-studio-drawer .drawer-head{
    padding:12px!important;
  }
  .mobile-drawer.widget-studio-drawer .drawer-head img{
    width:165px!important;
    height:46px!important;
  }
  .mobile-drawer.widget-studio-drawer .drawer-live{
    margin:10px 10px 0!important;
  }
  .drawer-widget-studio{
    padding:10px 9px 22px!important;
  }
  .drawer-widget-studio .section-head{
    margin-bottom:10px!important;
    padding:12px!important;
  }
  .drawer-widget-studio .section-head h2{
    font-size:22px!important;
  }
  .drawer-widget-studio .section-head p,
  .drawer-widget-studio .section-head .eyebrow,
  .drawer-widget-studio .studio-filter{
    display:none!important;
  }
  .drawer-widget-studio .category-widget-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .drawer-widget-studio .category-widget{
    min-height:210px!important;
    padding:9px!important;
  }
}

/* =========================================================
   TOLI ADUGU — HOME CATEGORIES INTO “మరిన్ని +” V16
   Scope: main navigation More panel + moved homepage category icons.
   ========================================================= */

/* Keep the menu dropdown in front of both live ticker rows. */
.broadcast-header{
  overflow:visible!important;
}

.broadcast-header .category-nav{
  position:relative!important;
  z-index:12000!important;
  overflow:visible!important;
  isolation:isolate!important;
}

.broadcast-header .category-nav.open{
  z-index:13000!important;
}

.broadcast-header .category-nav .mega-panel{
  position:absolute!important;
  top:100%!important;
  left:0!important;
  right:0!important;
  z-index:13010!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  max-height:min(72vh,650px)!important;
  padding:0!important;
  background:#fff!important;
  color:var(--ink)!important;
  border-top:1px solid rgba(4,38,75,.08)!important;
  border-bottom:1px solid rgba(4,38,75,.12)!important;
  box-shadow:0 28px 55px rgba(2,25,52,.28)!important;
  pointer-events:none!important;
}

.broadcast-header .category-nav.open .mega-panel{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  pointer-events:auto!important;
}

/* Tickers remain behind the open More panel. */
.broadcast-header .live-information-ticker,
.broadcast-header .tv-ticker,
.broadcast-header .headline-theatre,
.broadcast-header .headline-theatre-v4{
  position:relative!important;
  z-index:20!important;
}

/* The old text/icon mega-grid is replaced by the homepage category orbs. */
.category-nav .mega-panel > .mega-grid{
  display:none!important;
}

.mega-categories-shell{
  width:min(100% - 30px,1540px)!important;
  max-width:1540px!important;
  margin:0 auto!important;
  padding:15px 0 20px!important;
}

.mega-categories-shell .mega-categories-head{
  min-height:46px!important;
  margin:0 0 11px!important;
  padding:0 3px 10px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  border-bottom:1px solid #e3ebf3!important;
}

.mega-categories-shell .mega-categories-head > div:first-child{
  min-width:0!important;
}

.mega-categories-shell .mega-categories-head .eyebrow{
  display:block!important;
  margin:0 0 3px!important;
  color:#0a72c9!important;
  font:900 8px/1 var(--ui)!important;
  letter-spacing:.12em!important;
}

.mega-categories-shell .mega-categories-head h2{
  margin:0!important;
  color:#092a4d!important;
  font:900 23px/1.15 var(--headline)!important;
}

.mega-categories-shell .mega-categories-head .section-controls{
  display:none!important;
}

.mega-categories-shell .mega-category-grid{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:10px!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
}

.mega-categories-shell .mega-category-grid > .category-orb{
  --orb-accent:#0b7bd5;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:115px!important;
  min-height:115px!important;
  max-height:115px!important;
  margin:0!important;
  padding:9px 7px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid #dfe9f2!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#fff,#f7fbff)!important;
  box-shadow:0 7px 16px rgba(4,38,75,.07)!important;
  text-align:center!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}

.mega-categories-shell .mega-category-grid > .category-orb:hover{
  transform:translateY(-3px)!important;
  border-color:color-mix(in srgb,var(--orb-accent) 42%,#dfe9f2)!important;
  box-shadow:0 13px 25px rgba(4,38,75,.12)!important;
}

.mega-categories-shell .category-orb.blue{--orb-accent:#087dde!important;}
.mega-categories-shell .category-orb.cyan{--orb-accent:#08a8d5!important;}
.mega-categories-shell .category-orb.navy{--orb-accent:#164e94!important;}
.mega-categories-shell .category-orb.violet{--orb-accent:#7045d5!important;}
.mega-categories-shell .category-orb.orange{--orb-accent:#ed7e19!important;}
.mega-categories-shell .category-orb.purple{--orb-accent:#9b43ce!important;}
.mega-categories-shell .category-orb.green{--orb-accent:#15a664!important;}
.mega-categories-shell .category-orb.aqua{--orb-accent:#09a5ae!important;}
.mega-categories-shell .category-orb.gold{--orb-accent:#d99b05!important;}
.mega-categories-shell .category-orb.coral{--orb-accent:#ed6451!important;}
.mega-categories-shell .category-orb.indigo{--orb-accent:#5664d8!important;}
.mega-categories-shell .category-orb.teal{--orb-accent:#0e9c91!important;}
.mega-categories-shell .category-orb.lime{--orb-accent:#6da91c!important;}
.mega-categories-shell .category-orb.red{--orb-accent:#dc3545!important;}
.mega-categories-shell .category-orb.saffron{--orb-accent:#e99314!important;}
.mega-categories-shell .category-orb.sky{--orb-accent:#319dd8!important;}
.mega-categories-shell .category-orb.emerald{--orb-accent:#12a875!important;}
.mega-categories-shell .category-orb.magenta{--orb-accent:#d84cb0!important;}
.mega-categories-shell .category-orb.pink{--orb-accent:#eb5c8f!important;}
.mega-categories-shell .category-orb.paper{--orb-accent:#536a82!important;}

.mega-categories-shell .category-orb > .orb-3d{
  flex:0 0 57px!important;
  width:57px!important;
  min-width:57px!important;
  max-width:57px!important;
  height:57px!important;
  min-height:57px!important;
  max-height:57px!important;
  margin:0 0 6px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--orb-accent) 15%,white),color-mix(in srgb,var(--orb-accent) 6%,white))!important;
  color:var(--orb-accent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 13px color-mix(in srgb,var(--orb-accent) 16%,transparent)!important;
}

.mega-categories-shell .category-orb > .orb-3d svg{
  width:29px!important;
  height:29px!important;
  stroke-width:2.2!important;
}

.mega-categories-shell .category-orb > b,
.mega-categories-shell .category-orb > small{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.mega-categories-shell .category-orb > b{
  color:#102c49!important;
  font:900 12px/1.25 var(--headline)!important;
}

.mega-categories-shell .category-orb > small{
  margin-top:2px!important;
  color:#74879b!important;
  font:700 8px/1.2 var(--ui)!important;
}

/* Show that More opens a categories panel. */
.category-nav .nav-more[aria-expanded="true"]{
  background:rgba(255,255,255,.14)!important;
}

.category-nav .nav-more[aria-expanded="true"] b{
  transform:rotate(45deg)!important;
}

.category-nav .nav-more b{
  transition:transform .18s ease!important;
}

@media(max-width:1380px){
  .mega-categories-shell .mega-category-grid{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }
}

@media(max-width:1100px){
  .mega-categories-shell{
    width:min(100% - 22px,1000px)!important;
  }
  .mega-categories-shell .mega-category-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .broadcast-header .category-nav .mega-panel{
    position:fixed!important;
    top:auto!important;
    left:8px!important;
    right:8px!important;
    bottom:74px!important;
    max-height:70vh!important;
    border:1px solid #dbe6ef!important;
    border-radius:20px!important;
  }
  .mega-categories-shell{
    width:100%!important;
    padding:13px 12px 15px!important;
  }
  .mega-categories-shell .mega-categories-head h2{
    font-size:19px!important;
  }
  .mega-categories-shell .mega-category-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .mega-categories-shell .mega-category-grid > .category-orb{
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
  }
  .mega-categories-shell .category-orb > .orb-3d{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
  }
}

@media(max-width:430px){
  .mega-categories-shell .mega-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* =========================================================
   V17 — MOVE ONLY, PRESERVE ORIGINAL CATEGORY ORB DESIGN
   The homepage category cards keep the exact approved colours,
   gradients, 3D effects, shadows, sizes and horizontal behaviour.
   Only their DOM location inside “మరిన్ని +” changes.
   ========================================================= */
body.hybrid-category-design .mega-categories-shell .mega-category-grid{
  position:relative!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  grid-template-columns:none!important;
  grid-auto-flow:initial!important;
  gap:14px!important;
  width:100%!important;
  height:179px!important;
  min-height:179px!important;
  max-height:179px!important;
  margin:0!important;
  padding:10px 18px 14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  box-sizing:border-box!important;
}
body.hybrid-category-design .mega-categories-shell .mega-category-grid::-webkit-scrollbar{
  display:none!important;
}
body.hybrid-category-design .mega-categories-shell .mega-category-grid>.category-orb{
  position:relative!important;
  flex:0 0 130px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:130px!important;
  min-width:130px!important;
  max-width:130px!important;
  height:155px!important;
  min-height:155px!important;
  max-height:155px!important;
  margin:0!important;
  padding:13px 10px 11px!important;
  gap:0!important;
  color:inherit!important;
  background:#fff!important;
  border:1px solid rgba(4,38,75,.08)!important;
  border-radius:24px!important;
  box-shadow:var(--shadow-soft)!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
  box-sizing:border-box!important;
  text-align:center!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
body.hybrid-category-design .mega-categories-shell .mega-category-grid>.category-orb:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(4,38,75,.08)!important;
  box-shadow:0 18px 34px rgba(4,38,75,.14)!important;
}
body.hybrid-category-design .mega-categories-shell .category-orb>.orb-3d{
  position:relative!important;
  flex:0 0 70px!important;
  display:grid!important;
  place-items:center!important;
  width:70px!important;
  min-width:70px!important;
  max-width:70px!important;
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
  margin:0 auto 11px!important;
  padding:0!important;
  border:0!important;
  border-radius:22px!important;
  color:#fff!important;
  background:linear-gradient(145deg,var(--orb1),var(--orb2))!important;
  box-shadow:inset 0 2px 2px rgba(255,255,255,.45),0 14px 22px color-mix(in srgb,var(--orb2) 28%,transparent)!important;
  overflow:visible!important;
}
body.hybrid-category-design .mega-categories-shell .category-orb>.orb-3d svg{
  width:32px!important;
  height:32px!important;
  stroke-width:inherit!important;
}
body.hybrid-category-design .mega-categories-shell .category-orb>b,
body.hybrid-category-design .mega-categories-shell .category-orb>small{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:transparent!important;
  border:0!important;
}
body.hybrid-category-design .mega-categories-shell .category-orb>b{
  color:inherit!important;
  font:800 14px/1.25 var(--headline)!important;
}
body.hybrid-category-design .mega-categories-shell .category-orb>small{
  margin-top:4px!important;
  color:var(--muted)!important;
  font:700 9px/1.2 var(--ui)!important;
}

@media(max-width:760px){
  body.hybrid-category-design .mega-categories-shell .mega-category-grid{
    height:157px!important;
    min-height:157px!important;
    max-height:157px!important;
    gap:9px!important;
    padding:8px 12px 11px!important;
  }
  body.hybrid-category-design .mega-categories-shell .mega-category-grid>.category-orb{
    flex-basis:112px!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
    padding:10px 8px 9px!important;
    border-radius:19px!important;
  }
  body.hybrid-category-design .mega-categories-shell .category-orb>.orb-3d{
    flex-basis:59px!important;
    width:59px!important;
    min-width:59px!important;
    max-width:59px!important;
    height:59px!important;
    min-height:59px!important;
    max-height:59px!important;
    margin-bottom:9px!important;
    border-radius:18px!important;
  }
  body.hybrid-category-design .mega-categories-shell .category-orb>.orb-3d svg{
    width:27px!important;
    height:27px!important;
  }
  body.hybrid-category-design .mega-categories-shell .category-orb>b{font-size:12px!important;}
  body.hybrid-category-design .mega-categories-shell .category-orb>small{font-size:8px!important;}
}

/* =========================================================
   V18 — MORE CATEGORIES FULL DROP / NO VERTICAL CROPPING
   Scope only: moved homepage category icons inside “మరిన్ని +”.
   Preserves all approved V17 colours, gradients and effects.
   ========================================================= */

/* Let the desktop dropdown grow to the full category-card height. */
body.hybrid-category-design .broadcast-header .category-nav .mega-panel{
  height:auto!important;
  min-height:0!important;
  max-height:min(78vh,720px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:0 0 18px!important;
  box-sizing:border-box!important;
  overscroll-behavior:contain!important;
}

body.hybrid-category-design .mega-categories-shell{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-top:15px!important;
  padding-bottom:24px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* Remove the restrictive fixed row height that clipped the card bottoms. */
body.hybrid-category-design .mega-categories-shell .mega-category-grid{
  height:196px!important;
  min-height:196px!important;
  max-height:none!important;
  padding-top:10px!important;
  padding-bottom:25px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  align-items:flex-start!important;
  scroll-padding-inline:18px!important;
}

body.hybrid-category-design .mega-categories-shell .mega-category-grid>.category-orb{
  height:162px!important;
  min-height:162px!important;
  max-height:162px!important;
  overflow:visible!important;
}

/* Preserve a safe end area so the last category can be fully scrolled in. */
body.hybrid-category-design .mega-categories-shell .mega-category-grid::after{
  content:""!important;
  display:block!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:1px!important;
}

@media(max-width:760px){
  body.hybrid-category-design .broadcast-header .category-nav .mega-panel{
    max-height:74vh!important;
    padding-bottom:12px!important;
  }

  body.hybrid-category-design .mega-categories-shell{
    padding-bottom:18px!important;
  }

  body.hybrid-category-design .mega-categories-shell .mega-category-grid{
    height:174px!important;
    min-height:174px!important;
    max-height:none!important;
    padding-top:8px!important;
    padding-bottom:22px!important;
    overflow-y:visible!important;
  }

  body.hybrid-category-design .mega-categories-shell .mega-category-grid>.category-orb{
    height:142px!important;
    min-height:142px!important;
    max-height:142px!important;
  }
}

/* =========================================================
   V19 — MORE CATEGORIES WRAPPED GRID + DARK BACKGROUND
   Scope only: homepage category cards moved into “మరిన్ని +”.
   - No horizontally cropped/half-visible cards
   - Cards wrap into complete additional rows
   - Hide the secondary subtitle below every category name
   - Preserve original coloured 3D icon gradients/effects
   ========================================================= */

body.hybrid-category-design .broadcast-header .category-nav .mega-panel{
  background:
    radial-gradient(circle at 10% 0%,rgba(22,117,193,.23),transparent 34%),
    radial-gradient(circle at 92% 12%,rgba(119,64,210,.18),transparent 30%),
    linear-gradient(135deg,#061a2f 0%,#082744 52%,#06182b 100%)!important;
  border-top:1px solid rgba(80,180,255,.32)!important;
  box-shadow:0 24px 52px rgba(0,13,30,.38)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}

body.hybrid-category-design .mega-categories-shell{
  width:min(100% - 30px,1860px)!important;
  max-width:1860px!important;
  padding:15px 0 24px!important;
  overflow:visible!important;
}

body.hybrid-category-design .mega-categories-shell .mega-categories-head{
  border-bottom-color:rgba(255,255,255,.14)!important;
}
body.hybrid-category-design .mega-categories-shell .mega-categories-head .eyebrow{
  color:#5fc6ff!important;
}
body.hybrid-category-design .mega-categories-shell .mega-categories-head h2{
  color:#fff!important;
}

/* Replace horizontal carousel with a complete wrapped grid. */
body.hybrid-category-design .mega-categories-shell .mega-category-grid{
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  gap:14px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:10px 4px 16px!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
  box-sizing:border-box!important;
}

body.hybrid-category-design .mega-categories-shell .mega-category-grid::after{
  display:none!important;
  content:none!important;
}

body.hybrid-category-design .mega-categories-shell .mega-category-grid>.category-orb{
  flex:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:142px!important;
  min-height:142px!important;
  max-height:142px!important;
  padding:14px 9px 12px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,249,255,.96))!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 12px 26px rgba(0,8,24,.24)!important;
}

/* Keep the approved coloured icon blocks exactly visible. */
body.hybrid-category-design .mega-categories-shell .category-orb>.orb-3d{
  flex:0 0 74px!important;
  width:74px!important;
  min-width:74px!important;
  max-width:74px!important;
  height:74px!important;
  min-height:74px!important;
  max-height:74px!important;
  margin:0 auto 13px!important;
}

body.hybrid-category-design .mega-categories-shell .category-orb>b{
  display:block!important;
  color:#0b2947!important;
  font:900 14px/1.25 var(--headline)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* User requested removal of the second line/subtitle. */
body.hybrid-category-design .mega-categories-shell .category-orb>small{
  display:none!important;
}

@media(max-width:1600px){
  body.hybrid-category-design .mega-categories-shell .mega-category-grid{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }
}

@media(max-width:1250px){
  body.hybrid-category-design .mega-categories-shell .mega-category-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}

@media(max-width:900px){
  body.hybrid-category-design .mega-categories-shell{
    width:calc(100% - 20px)!important;
  }
  body.hybrid-category-design .mega-categories-shell .mega-category-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
}

@media(max-width:600px){
  body.hybrid-category-design .broadcast-header .category-nav .mega-panel{
    max-height:76vh!important;
  }
  body.hybrid-category-design .mega-categories-shell{
    width:100%!important;
    padding:12px 10px 18px!important;
  }
  body.hybrid-category-design .mega-categories-shell .mega-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    padding:8px 0 14px!important;
  }
  body.hybrid-category-design .mega-categories-shell .mega-category-grid>.category-orb{
    height:126px!important;
    min-height:126px!important;
    max-height:126px!important;
    padding:11px 7px 10px!important;
  }
  body.hybrid-category-design .mega-categories-shell .category-orb>.orb-3d{
    flex-basis:64px!important;
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    margin-bottom:10px!important;
  }
  body.hybrid-category-design .mega-categories-shell .category-orb>b{
    font-size:12px!important;
  }
}

/* =========================================================
   V20 — TOP 10 CATEGORY COLOURS + GLASS EFFECT
   Changes only #top10.
   ========================================================= */
#top10 .ranking-wall{
  --rank-accent:#129fda;
  --rank-accent-rgb:18,159,218;
}

/* Active category controls the feature accent colour. */
#top10 .ranking-wall:has(.top10-rotator-list li:nth-child(1).is-current){--rank-accent:#c32979;--rank-accent-rgb:195,41,121;}
#top10 .ranking-wall:has(.top10-rotator-list li:nth-child(2).is-current){--rank-accent:#78a51c;--rank-accent-rgb:120,165,28;}
#top10 .ranking-wall:has(.top10-rotator-list li:nth-child(3).is-current){--rank-accent:#168fd0;--rank-accent-rgb:22,143,208;}
#top10 .ranking-wall:has(.top10-rotator-list li:nth-child(4).is-current){--rank-accent:#7852e8;--rank-accent-rgb:120,82,232;}
#top10 .ranking-wall:has(.top10-rotator-list li:nth-child(5).is-current){--rank-accent:#0aa0bd;--rank-accent-rgb:10,160,189;}
#top10 .ranking-wall:has(.top10-rotator-list li:nth-child(6).is-current){--rank-accent:#16a766;--rank-accent-rgb:22,167,102;}
#top10 .ranking-wall:has(.top10-rotator-list li:nth-child(7).is-current){--rank-accent:#d39a13;--rank-accent-rgb:211,154,19;}
#top10 .ranking-wall:has(.top10-rotator-list li:nth-child(8).is-current){--rank-accent:#675bdc;--rank-accent-rgb:103,91,220;}
#top10 .ranking-wall:has(.top10-rotator-list li:nth-child(9).is-current){--rank-accent:#27a7d8;--rank-accent-rgb:39,167,216;}
#top10 .ranking-wall:has(.top10-rotator-list li:nth-child(10).is-current){--rank-accent:#e32e67;--rank-accent-rgb:227,46,103;}

/* Different permanent colour for every number button. */
#top10 .top10-rotator-list li:nth-child(1){--item-accent:#c32979;--item-rgb:195,41,121;}
#top10 .top10-rotator-list li:nth-child(2){--item-accent:#78a51c;--item-rgb:120,165,28;}
#top10 .top10-rotator-list li:nth-child(3){--item-accent:#168fd0;--item-rgb:22,143,208;}
#top10 .top10-rotator-list li:nth-child(4){--item-accent:#7852e8;--item-rgb:120,82,232;}
#top10 .top10-rotator-list li:nth-child(5){--item-accent:#0aa0bd;--item-rgb:10,160,189;}
#top10 .top10-rotator-list li:nth-child(6){--item-accent:#16a766;--item-rgb:22,167,102;}
#top10 .top10-rotator-list li:nth-child(7){--item-accent:#d39a13;--item-rgb:211,154,19;}
#top10 .top10-rotator-list li:nth-child(8){--item-accent:#675bdc;--item-rgb:103,91,220;}
#top10 .top10-rotator-list li:nth-child(9){--item-accent:#27a7d8;--item-rgb:39,167,216;}
#top10 .top10-rotator-list li:nth-child(10){--item-accent:#e32e67;--item-rgb:227,46,103;}

#top10 .top10-rotator-list li{
  border:1px solid rgba(16,62,105,.10)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(246,250,255,.62))!important;
  backdrop-filter:blur(13px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(145%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 6px 18px rgba(10,41,74,.05)!important;
}
#top10 .top10-rotator-list li.is-current{
  border-color:rgba(var(--item-rgb),.72)!important;
  background:linear-gradient(135deg,rgba(var(--item-rgb),.20),rgba(255,255,255,.76))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 0 0 1px rgba(var(--item-rgb),.12),0 10px 26px rgba(var(--item-rgb),.18)!important;
}
#top10 .top10-rotator-list .rank-number{
  color:#fff!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--item-accent) 78%,white),var(--item-accent))!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -7px 12px rgba(0,0,0,.10),0 6px 14px rgba(var(--item-rgb),.30)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.20)!important;
}
#top10 .top10-rotator-list li.is-current .rank-number{
  transform:scale(1.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 0 0 5px rgba(var(--item-rgb),.14),0 8px 20px rgba(var(--item-rgb),.38)!important;
}

/* Main feature number follows active highlight colour. */
#top10 .rank-crown{
  background:linear-gradient(145deg,color-mix(in srgb,var(--rank-accent) 76%,white),var(--rank-accent))!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.58),0 0 0 7px rgba(var(--rank-accent-rgb),.18),0 12px 30px rgba(var(--rank-accent-rgb),.38)!important;
}

/* Solid category-colour panel behind main news text, finished as glass. */
#top10 .rank-feature-copy{
  left:24px!important;
  right:24px!important;
  bottom:20px!important;
  width:auto!important;
  padding:18px 22px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(var(--rank-accent-rgb),.94),rgba(var(--rank-accent-rgb),.76))!important;
  border:1px solid rgba(255,255,255,.40)!important;
  backdrop-filter:blur(16px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(150%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.44),inset 0 -18px 36px rgba(0,0,0,.10),0 16px 38px rgba(var(--rank-accent-rgb),.30)!important;
  overflow:hidden!important;
}
#top10 .rank-feature-copy::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(115deg,rgba(255,255,255,.24),transparent 34%,transparent 70%,rgba(255,255,255,.08))!important;
}
#top10 .rank-feature-copy>*{position:relative!important;z-index:1!important;}
#top10 .rank-feature-copy h3,
#top10 .rank-feature-copy p,
#top10 .rank-feature-copy .meta-inverse,
#top10 .rank-feature-copy .meta-inverse span{
  color:#fff!important;
  text-shadow:0 2px 7px rgba(0,0,0,.24)!important;
}
#top10 .rank-feature-copy .tag{
  background:rgba(255,255,255,.20)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.38)!important;
  backdrop-filter:blur(8px)!important;
}
#top10 .rank-feature{
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70),0 16px 42px rgba(15,55,95,.13)!important;
}
#top10 .rank-board{
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(245,250,255,.64))!important;
  border:1px solid rgba(255,255,255,.78)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 16px 38px rgba(18,56,91,.10)!important;
}

@media(max-width:760px){
  #top10 .rank-feature-copy{left:12px!important;right:12px!important;bottom:12px!important;padding:14px 15px!important;border-radius:15px!important;}
}


/* =========================================================
   V21 — TOP 10 ACTIVE ROW 100% OPAQUE + READABLE TEXT
   Changes only the currently highlighted Top 10 list item.
   ========================================================= */

/* Use the exact category colour as a fully opaque background. */
#top10 .top10-rotator-list li.is-current{
  background:var(--item-accent)!important;
  background-image:none!important;
  opacity:1!important;
  border-color:color-mix(in srgb,var(--item-accent) 72%,#081f3d)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -12px 22px rgba(0,0,0,.10),
    0 0 0 2px rgba(var(--item-rgb),.18),
    0 10px 26px rgba(var(--item-rgb),.30)!important;
}

/* Force all highlighted news text and indicators to remain visible. */
#top10 .top10-rotator-list li.is-current b,
#top10 .top10-rotator-list li.is-current small,
#top10 .top10-rotator-list li.is-current em,
#top10 .top10-rotator-list li.is-current em.up,
#top10 .top10-rotator-list li.is-current em.down{
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 1px 3px rgba(0,0,0,.34)!important;
}

/* Give the thumbnail a clean white glass border on the solid highlight. */
#top10 .top10-rotator-list li.is-current .rank-thumb{
  border:2px solid rgba(255,255,255,.88)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.20)!important;
}

/* Apply the same exact category colour to the active number background. */
#top10 .top10-rotator-list li.is-current .rank-number{
  color:#fff!important;
  background:var(--item-accent)!important;
  background-image:none!important;
  opacity:1!important;
  border:2px solid rgba(255,255,255,.92)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -6px 10px rgba(0,0,0,.12),
    0 0 0 6px rgba(255,255,255,.18),
    0 8px 18px rgba(var(--item-rgb),.46)!important;
  text-shadow:0 1px 3px rgba(0,0,0,.32)!important;
}


/* =========================================================
   V22 — TOP 10 CLEAN COLOURS + TELUGU HEADING SUPPORT
   Scope: #top10 only
   ========================================================= */

/* Remove the purple TOP STORY badge completely. */
#top10 .rank-feature-copy .plate.exclusive{
  display:none!important;
}

/* Remove the white/fog wash from the main feature image. */
#top10 .rank-feature-media .rank-gradient{
  display:none!important;
  opacity:0!important;
  background:none!important;
}
#top10 .rank-feature-media .rank-feature-image,
#top10 .rank-feature-media .rank-feature-image-next{
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* Every number button and ALL of its rings use that item's category colour. */
#top10 .top10-rotator-list li .rank-number{
  color:#fff!important;
  background:var(--item-accent)!important;
  background-image:none!important;
  border-color:color-mix(in srgb,var(--item-accent) 62%,white)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -5px 10px rgba(0,0,0,.13),
    0 0 0 4px rgba(var(--item-rgb),.20),
    0 6px 15px rgba(var(--item-rgb),.36)!important;
}
#top10 .top10-rotator-list li .rank-number::before{
  background:var(--item-accent)!important;
  border-color:rgba(255,255,255,.65)!important;
  box-shadow:0 0 0 4px rgba(var(--item-rgb),.18)!important;
}
#top10 .top10-rotator-list li .rank-number::after{
  background:rgba(var(--item-rgb),.24)!important;
  border-color:rgba(var(--item-rgb),.55)!important;
  box-shadow:0 0 14px rgba(var(--item-rgb),.38)!important;
}

/* Active number keeps its own category colour, with no common blue layer. */
#top10 .top10-rotator-list li.is-current .rank-number,
#top10 .top10-rotator-list li.is-current .rank-number::before{
  background:var(--item-accent)!important;
  background-image:none!important;
}
#top10 .top10-rotator-list li.is-current .rank-number::after{
  background:rgba(var(--item-rgb),.30)!important;
  border-color:rgba(var(--item-rgb),.72)!important;
}

/* Main large rank number follows the current news colour, including all rings. */
#top10 .rank-crown{
  color:#fff!important;
  background:var(--rank-accent)!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.78)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.45),
    inset 0 -10px 18px rgba(0,0,0,.12),
    0 0 0 7px rgba(var(--rank-accent-rgb),.22),
    0 12px 28px rgba(var(--rank-accent-rgb),.42)!important;
}
#top10 .rank-crown::before,
#top10 .rank-crown::after{
  border-color:rgba(var(--rank-accent-rgb),.72)!important;
  background:rgba(var(--rank-accent-rgb),.22)!important;
  box-shadow:0 0 18px rgba(var(--rank-accent-rgb),.38)!important;
}

/* Keep icon + value on the exact same line in the left metadata strip. */
#top10 .rank-feature-copy .meta-inverse{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:14px!important;
}
#top10 .rank-feature-copy .meta-inverse>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#top10 .rank-feature-copy .meta-inverse svg{
  display:block!important;
  flex:0 0 14px!important;
  width:14px!important;
  height:14px!important;
  margin:0!important;
  vertical-align:middle!important;
}

/* Heading remains clean after Telugu replacement. */
#top10 .section-head h2{
  font-family:var(--headline)!important;
  line-height:1.12!important;
}


/* =========================================================
   V23 — REPLACE JUST IN + CINEMA FLASH WITH FOUR NEWS CARDS
   Scope: broadcast hero right-side column only
   ========================================================= */

.broadcast-hero .hero-side-stack{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  align-self:stretch!important;
  overflow:visible!important;
}

.broadcast-hero .hero-four-news-grid{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  padding:0!important;
}

.broadcast-hero .hero-mini-news-card{
  --card-accent:#0ea5e9;
  --card-rgb:14,165,233;
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(var(--card-rgb),.30)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,250,255,.94))!important;
  box-shadow:
    0 12px 28px rgba(15,45,79,.12),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
  opacity:0;
  transform:translateY(18px) scale(.97);
  animation:heroMiniNewsReveal .62s cubic-bezier(.2,.8,.2,1) forwards;
  transition:
    transform .32s ease,
    box-shadow .32s ease,
    border-color .32s ease!important;
}

.broadcast-hero .hero-mini-news-card:nth-child(2){animation-delay:.10s;}
.broadcast-hero .hero-mini-news-card:nth-child(3){animation-delay:.20s;}
.broadcast-hero .hero-mini-news-card:nth-child(4){animation-delay:.30s;}

.broadcast-hero .hero-mini-news-card.tone-cyan{
  --card-accent:#08a9d6;
  --card-rgb:8,169,214;
}
.broadcast-hero .hero-mini-news-card.tone-orange{
  --card-accent:#f97316;
  --card-rgb:249,115,22;
}
.broadcast-hero .hero-mini-news-card.tone-pink{
  --card-accent:#e83e8c;
  --card-rgb:232,62,140;
}
.broadcast-hero .hero-mini-news-card.tone-green{
  --card-accent:#16a765;
  --card-rgb:22,167,101;
}

.broadcast-hero .hero-mini-news-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:5px!important;
  z-index:4!important;
  background:var(--card-accent)!important;
  box-shadow:0 0 16px rgba(var(--card-rgb),.50)!important;
}

.broadcast-hero .hero-mini-news-card::after{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  top:-40%!important;
  left:-65%!important;
  width:48%!important;
  height:190%!important;
  pointer-events:none!important;
  transform:rotate(18deg)!important;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.58),
    transparent
  )!important;
  animation:heroMiniNewsSweep 5.4s ease-in-out infinite!important;
}

.broadcast-hero .hero-mini-news-card:nth-child(2)::after{animation-delay:1.2s!important;}
.broadcast-hero .hero-mini-news-card:nth-child(3)::after{animation-delay:2.4s!important;}
.broadcast-hero .hero-mini-news-card:nth-child(4)::after{animation-delay:3.6s!important;}

.broadcast-hero .hero-mini-news-card > a{
  display:grid!important;
  grid-template-rows:minmax(88px,46%) minmax(0,1fr)!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  color:inherit!important;
  text-decoration:none!important;
}

.broadcast-hero .hero-mini-news-media{
  position:relative!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#dceaf5!important;
}

.broadcast-hero .hero-mini-news-media::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(180deg,transparent 40%,rgba(4,22,44,.46) 100%),
    linear-gradient(135deg,rgba(var(--card-rgb),.08),transparent 48%)!important;
}

.broadcast-hero .hero-mini-news-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:scale(1.01)!important;
  transition:transform .55s ease!important;
}

.broadcast-hero .hero-mini-news-badge{
  position:absolute!important;
  z-index:2!important;
  left:12px!important;
  bottom:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:var(--card-accent)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:
    0 4px 12px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.30)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.broadcast-hero .hero-mini-news-copy{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  min-height:0!important;
  padding:12px 13px 12px 17px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:7px!important;
  background:
    linear-gradient(135deg,rgba(var(--card-rgb),.07),transparent 58%),
    rgba(255,255,255,.97)!important;
}

.broadcast-hero .hero-mini-news-copy h3{
  position:relative!important;
  margin:0!important;
  padding-left:14px!important;
  color:#09213d!important;
  font-size:14px!important;
  line-height:1.32!important;
  font-weight:900!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}

.broadcast-hero .hero-mini-news-copy h3::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.48em!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:var(--card-accent)!important;
  box-shadow:
    0 0 0 4px rgba(var(--card-rgb),.13),
    0 0 12px rgba(var(--card-rgb),.35)!important;
}

.broadcast-hero .hero-mini-news-copy p{
  margin:0!important;
  color:#5a6e82!important;
  font-size:10.5px!important;
  line-height:1.42!important;
  font-weight:650!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}

.broadcast-hero .hero-mini-news-card:hover{
  transform:translateY(-5px) scale(1.015)!important;
  border-color:rgba(var(--card-rgb),.72)!important;
  box-shadow:
    0 18px 36px rgba(15,45,79,.18),
    0 0 0 3px rgba(var(--card-rgb),.10),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
}

.broadcast-hero .hero-mini-news-card:hover .hero-mini-news-media img{
  transform:scale(1.08)!important;
}

.broadcast-hero .hero-mini-news-card.is-featured{
  border-color:var(--card-accent)!important;
  box-shadow:
    0 16px 34px rgba(15,45,79,.16),
    0 0 0 3px rgba(var(--card-rgb),.13),
    0 0 24px rgba(var(--card-rgb),.14)!important;
}

@keyframes heroMiniNewsReveal{
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@keyframes heroMiniNewsSweep{
  0%,68%{left:-65%;opacity:0;}
  74%{opacity:.72;}
  88%{opacity:.28;}
  100%{left:135%;opacity:0;}
}

@media(max-width:1180px){
  .broadcast-hero .hero-four-news-grid{
    gap:10px!important;
  }

  .broadcast-hero .hero-mini-news-copy{
    padding:10px 10px 10px 14px!important;
    gap:5px!important;
  }

  .broadcast-hero .hero-mini-news-copy h3{
    font-size:12px!important;
  }

  .broadcast-hero .hero-mini-news-copy p{
    font-size:9.5px!important;
  }
}

@media(max-width:900px){
  .broadcast-hero .hero-four-news-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:minmax(190px,auto)!important;
    height:auto!important;
  }

  .broadcast-hero .hero-mini-news-card > a{
    grid-template-rows:105px minmax(82px,auto)!important;
  }
}

@media(max-width:520px){
  .broadcast-hero .hero-four-news-grid{
    grid-template-columns:1fr!important;
    grid-auto-rows:minmax(205px,auto)!important;
  }

  .broadcast-hero .hero-mini-news-card > a{
    grid-template-rows:112px minmax(88px,auto)!important;
  }

  .broadcast-hero .hero-mini-news-copy h3{
    font-size:13px!important;
  }

  .broadcast-hero .hero-mini-news-copy p{
    font-size:10px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .broadcast-hero .hero-mini-news-card,
  .broadcast-hero .hero-mini-news-card::after,
  .broadcast-hero .hero-mini-news-media img{
    animation:none!important;
    transition:none!important;
    opacity:1!important;
    transform:none!important;
  }
}


/* =========================================================
   V24 — FOUR NEWS CARDS HERO FIT + HASH STABILITY
   Scope: Main broadcast hero and V23 four-card side grid only
   ========================================================= */

/* Keep the left slider and the four-card grid at the same desktop height. */
.broadcast-hero .hero-layout{
  align-items:start!important;
}

.broadcast-hero .hero-main,
.broadcast-hero .hero-side-stack{
  height:400px!important;
  min-height:400px!important;
  max-height:400px!important;
  align-self:start!important;
}

/* V23 used height:100%, which allowed the side column to grow with its cards. */
.broadcast-hero .hero-side-stack{
  overflow:hidden!important;
}

.broadcast-hero .hero-four-news-grid{
  height:400px!important;
  min-height:400px!important;
  max-height:400px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:hidden!important;
}

.broadcast-hero .hero-mini-news-card{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}

.broadcast-hero .hero-mini-news-card > a{
  grid-template-rows:88px minmax(0,1fr)!important;
  min-height:0!important;
}

.broadcast-hero .hero-mini-news-media,
.broadcast-hero .hero-mini-news-copy{
  min-height:0!important;
  overflow:hidden!important;
}

.broadcast-hero .hero-mini-news-copy{
  padding:9px 10px 9px 14px!important;
  gap:5px!important;
  justify-content:center!important;
}

.broadcast-hero .hero-mini-news-copy h3{
  font-size:12px!important;
  line-height:1.28!important;
  -webkit-line-clamp:2!important;
}

.broadcast-hero .hero-mini-news-copy p{
  font-size:9px!important;
  line-height:1.34!important;
  -webkit-line-clamp:2!important;
}

/* Keep the section surface white, but restore proper image contrast. */
.broadcast-hero{
  background:#fff!important;
}

.broadcast-hero .hero-main{
  background:#071a30!important;
}

.broadcast-hero .hero-overlay{
  background:
    linear-gradient(90deg,rgba(2,13,28,.62) 0%,rgba(2,13,28,.34) 44%,rgba(2,13,28,.08) 78%,rgba(2,13,28,.02) 100%),
    linear-gradient(0deg,rgba(0,8,20,.60) 0%,rgba(0,8,20,.10) 54%,transparent 100%)!important;
}

/* Remove the white sweep/fog effect over the hero image. */
.broadcast-hero .hero-slide::after{
  display:none!important;
}

.broadcast-hero .hero-grid-lines{
  opacity:.12!important;
}

/* Use a clean solid lower-third so background text cannot show through. */
.broadcast-hero .lower-third > div{
  background:#07345d!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.broadcast-hero .lower-third h1{
  color:#fff!important;
  opacity:1!important;
  text-shadow:none!important;
}

.broadcast-hero .lower-code{
  background:#0c7fd8!important;
  color:#fff!important;
}

/* Keep anchor destinations stable after the side-column DOM replacement. */
#latest{
  scroll-margin-top:110px!important;
}

@media(max-width:1100px) and (min-width:901px){
  .broadcast-hero .hero-main,
  .broadcast-hero .hero-side-stack{
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
  }

  .broadcast-hero .hero-four-news-grid{
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
    gap:9px!important;
  }

  .broadcast-hero .hero-mini-news-card > a{
    grid-template-rows:82px minmax(0,1fr)!important;
  }

  .broadcast-hero .hero-mini-news-copy h3{
    font-size:11px!important;
  }

  .broadcast-hero .hero-mini-news-copy p{
    font-size:8.5px!important;
  }
}

@media(max-width:900px){
  .broadcast-hero .hero-main{
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
  }

  .broadcast-hero .hero-side-stack{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .broadcast-hero .hero-four-news-grid{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,190px)!important;
    overflow:visible!important;
  }
}

@media(max-width:520px){
  .broadcast-hero .hero-four-news-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(4,190px)!important;
  }
}


/* =========================================================
   V25 — REMOVE SELECTED LARGE DASHBOARD SECTIONS
   Fallback hiding only; JavaScript also removes these nodes.
   ========================================================= */

/* 1. NEWS RUNDOWN strip */
.hero-rundown,

/* 2. Trending Search row only */
.command-centre .trending-queries,

/* 3–9. Large feature/dashboard sections shown by the user */
#telangana-feature,
#andhra-feature,
#politics-feature,
#sports-feature,
#business-feature,
#agriculture-feature,
#crime-feature{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}


/* =========================================================
   V26 — MEDIA, MOVIE, OTT, POLL, SCORE & JOB WIDGETS
   Replaces only the homepage top widget deck.
   ========================================================= */

.top-widget-deck{
  padding:16px 0!important;
  background:#eef6fc!important;
  border-bottom:1px solid #d7e5ef!important;
}

.top-widget-deck .widget-deck-grid{
  display:grid!important;
  grid-template-columns:
    repeat(3,minmax(240px,1.35fr))
    repeat(4,minmax(126px,.72fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  overflow:visible!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

.top-widget-deck .media-widget{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(9,53,94,.12)!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(20,59,91,.09)!important;
  transition:transform .28s ease,box-shadow .28s ease!important;
}

.top-widget-deck .media-widget:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 16px 32px rgba(20,59,91,.16)!important;
}

.top-widget-deck .media-widget a{
  color:inherit!important;
  text-decoration:none!important;
}

.media-widget-large{
  height:210px!important;
}

.media-widget-large > a{
  display:grid!important;
  grid-template-rows:126px 1fr!important;
  height:100%!important;
}

.media-widget-image{
  position:relative!important;
  overflow:hidden!important;
  background:#dbe8f1!important;
}

.media-widget-image::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,transparent 30%,rgba(1,17,34,.65) 100%)!important;
}

.media-widget-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .45s ease!important;
}

.media-widget:hover .media-widget-image img{
  transform:scale(1.07)!important;
}

.media-widget-chip,
.media-widget-count,
.media-widget-rating{
  position:absolute!important;
  z-index:2!important;
  top:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  border-radius:999px!important;
  padding:4px 9px!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  backdrop-filter:blur(8px)!important;
}

.media-widget-chip{left:10px!important;background:rgba(0,73,139,.88)!important;}
.media-widget-count,.media-widget-rating{right:10px!important;background:rgba(0,0,0,.58)!important;}

.media-widget-movie .media-widget-chip{background:rgba(225,34,100,.90)!important;}
.media-widget-ott .media-widget-chip{background:rgba(116,43,221,.90)!important;}

.media-widget-body{
  min-width:0!important;
  padding:10px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:6px!important;
}

.media-widget-body h3{
  margin:0!important;
  color:#08213d!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:900!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

.media-widget-body p{
  margin:0!important;
  color:#607489!important;
  font-size:9px!important;
  line-height:1.35!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

.media-widget-stats{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

.media-widget-stats b{
  color:#e12264!important;
  font-size:17px!important;
}

.media-widget-stats span{
  color:#607489!important;
  font-size:9px!important;
  font-weight:800!important;
}

.media-widget-platforms{
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}

.media-widget-platforms span{
  border-radius:6px!important;
  padding:4px 6px!important;
  background:#efe8ff!important;
  color:#6e2bd4!important;
  font-size:8px!important;
  font-weight:900!important;
}

.media-widget-small{
  height:210px!important;
  display:flex!important;
  flex-direction:column!important;
}

.media-widget-small > a{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}

.small-widget-image{
  height:92px!important;
  min-height:92px!important;
  overflow:hidden!important;
  background:#dbe8f1!important;
}

.small-widget-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .42s ease!important;
}

.media-widget-small:hover .small-widget-image img{
  transform:scale(1.08)!important;
}

.small-widget-copy{
  flex:1!important;
  min-width:0!important;
  padding:10px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
}

.small-widget-copy small{
  color:#0782c8!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}

.media-widget-poll .small-widget-copy small{color:#6e2bd4!important;}
.media-widget-private-jobs .small-widget-copy small{color:#009a72!important;}
.media-widget-govt-jobs .small-widget-copy small{color:#e06b00!important;}

.small-widget-copy h3{
  margin:0!important;
  color:#08213d!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:900!important;
}

.small-widget-copy p{
  margin:0!important;
  color:#63778a!important;
  font-size:9px!important;
  font-weight:700!important;
}

.small-poll-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  margin-top:3px!important;
}

.small-poll-actions button{
  min-width:0!important;
  border:0!important;
  border-radius:7px!important;
  padding:6px 3px!important;
  background:#eaf5ff!important;
  color:#0579bb!important;
  font-size:8px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

.small-poll-actions button:last-child{
  background:#fff0f4!important;
  color:#d42b63!important;
}

/* Centre Search button in mobile bottom navigation */
.mobile-bottom-nav .mobile-centre-search{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

.mobile-bottom-nav .mobile-centre-search svg{
  width:22px!important;
  height:22px!important;
}

@media(max-width:1450px){
  .top-widget-deck .widget-deck-grid{
    grid-template-columns:repeat(3,minmax(220px,1fr)) repeat(2,minmax(150px,.7fr))!important;
  }
  .media-widget-small:nth-last-child(-n+2){
    grid-column:span 1!important;
  }
}

@media(max-width:1100px){
  .top-widget-deck .widget-deck-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  .media-widget-large{grid-column:span 2!important;}
  .media-widget-small{grid-column:span 3!important;height:150px!important;display:grid!important;grid-template-columns:110px 1fr!important;}
  .media-widget-small > a{display:grid!important;grid-template-columns:110px 1fr!important;}
  .small-widget-image{height:100%!important;min-height:0!important;}
}

@media(max-width:760px){
  .top-widget-deck{
    padding:10px 0!important;
  }

  .top-widget-deck .widget-deck-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:10px!important;
    padding:0 12px 8px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }

  .top-widget-deck .widget-deck-grid::-webkit-scrollbar{display:none!important;}

  .media-widget-large,
  .media-widget-small{
    flex:0 0 78vw!important;
    width:78vw!important;
    height:190px!important;
    scroll-snap-align:start!important;
    display:block!important;
  }

  .media-widget-small > a{
    display:flex!important;
    flex-direction:column!important;
  }

  .small-widget-image{
    height:92px!important;
    min-height:92px!important;
  }
}


/* =========================================================
   V27 — FULL MEDIA HUB WIDGETS
   3 full-size multi-item widgets + 4 double-size compact cards
   ========================================================= */

.top-widget-deck{
  padding:18px 0!important;
  background:#edf5fb!important;
}

.top-widget-deck .widget-deck-grid{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,168px)!important;
  gap:12px!important;
  align-items:stretch!important;
  overflow:visible!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Three large widgets: two columns wide and two rows tall. */
.top-widget-deck .media-hub-card{
  --hub-accent:#087dd1;
  --hub-rgb:8,125,209;
  grid-column:span 2!important;
  grid-row:span 2!important;
  min-width:0!important;
  height:348px!important;
  display:grid!important;
  grid-template-rows:52px 166px minmax(0,1fr)!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid rgba(11,54,92,.13)!important;
  background:#fff!important;
  box-shadow:
    0 14px 32px rgba(18,57,91,.12),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
}

.top-widget-deck .media-hub-movies{
  --hub-accent:#e72570;
  --hub-rgb:231,37,112;
}

.top-widget-deck .media-hub-ott{
  --hub-accent:#7b3ce6;
  --hub-rgb:123,60,230;
}

.media-hub-header{
  min-width:0!important;
  padding:9px 11px 7px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  border-bottom:1px solid rgba(8,40,72,.09)!important;
  background:
    linear-gradient(90deg,rgba(var(--hub-rgb),.10),transparent 62%),
    #fff!important;
}

.media-hub-header>div:first-child{
  min-width:0!important;
}

.media-hub-kicker{
  display:block!important;
  margin-bottom:2px!important;
  color:var(--hub-accent)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.10em!important;
}

.media-hub-header h2{
  margin:0!important;
  color:#08213d!important;
  font-size:14px!important;
  line-height:1.05!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.media-hub-controls{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}

.media-hub-total{
  margin-right:2px!important;
  color:#65798c!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

.media-hub-controls button{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  padding:0!important;
  border:1px solid rgba(var(--hub-rgb),.22)!important;
  border-radius:8px!important;
  background:rgba(var(--hub-rgb),.08)!important;
  color:var(--hub-accent)!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:transform .2s ease,background .2s ease!important;
}

.media-hub-controls button:hover{
  transform:translateY(-1px)!important;
  background:rgba(var(--hub-rgb),.16)!important;
}

.media-hub-feature{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  display:block!important;
  color:#fff!important;
  text-decoration:none!important;
  background:#17334d!important;
}

.media-hub-feature>img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  transition:transform .55s ease,opacity .24s ease!important;
}

.media-hub-card:hover .media-hub-feature>img{
  transform:scale(1.045)!important;
}

.media-hub-feature-shade{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(180deg,rgba(2,14,29,.03) 18%,rgba(2,14,29,.82) 100%),
    linear-gradient(90deg,rgba(var(--hub-rgb),.30),transparent 66%)!important;
}

.media-hub-feature-copy{
  position:absolute!important;
  z-index:2!important;
  inset:auto 12px 10px 12px!important;
  min-width:0!important;
}

.media-hub-feature-copy>span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:20px!important;
  margin-bottom:5px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:var(--hub-accent)!important;
  border:1px solid rgba(255,255,255,.44)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.18)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:950!important;
}

.media-hub-feature-copy h3{
  margin:0!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.24!important;
  font-weight:950!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  text-shadow:0 2px 7px rgba(0,0,0,.46)!important;
}

.media-hub-feature-copy p{
  margin:4px 0 0!important;
  color:rgba(255,255,255,.86)!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:750!important;
}

.media-hub-feature-copy strong{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  color:#ffd44f!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  text-shadow:0 2px 5px rgba(0,0,0,.4)!important;
}

.media-hub-list{
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  padding:8px!important;
  background:
    linear-gradient(180deg,#fff,#f7fbff)!important;
}

.media-hub-item{
  min-width:0!important;
  height:100%!important;
  padding:5px!important;
  display:grid!important;
  grid-template-rows:48px minmax(0,1fr)!important;
  gap:5px!important;
  overflow:hidden!important;
  border:1px solid rgba(8,40,72,.10)!important;
  border-radius:11px!important;
  background:#fff!important;
  cursor:pointer!important;
  text-align:left!important;
  box-shadow:0 4px 10px rgba(18,57,91,.05)!important;
  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease,
    background .24s ease!important;
}

.media-hub-item:hover,
.media-hub-item.is-active{
  transform:translateY(-2px)!important;
  border-color:rgba(var(--hub-rgb),.54)!important;
  background:rgba(var(--hub-rgb),.07)!important;
  box-shadow:
    0 8px 15px rgba(18,57,91,.10),
    0 0 0 2px rgba(var(--hub-rgb),.08)!important;
}

.media-hub-item img{
  width:100%!important;
  height:48px!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:7px!important;
}

.media-hub-item>span{
  min-width:0!important;
  display:block!important;
}

.media-hub-item b{
  display:block!important;
  color:#0a2440!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.media-hub-item small{
  display:block!important;
  margin-top:2px!important;
  color:var(--hub-accent)!important;
  font-size:6.7px!important;
  line-height:1.1!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Four side cards: two columns by two rows. */
.top-widget-deck .media-compact-card{
  --compact-accent:#087dd1;
  --compact-rgb:8,125,209;
  grid-column:span 1!important;
  grid-row:span 1!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:17px!important;
  border:1px solid rgba(8,40,72,.12)!important;
  background:#fff!important;
  box-shadow:0 10px 22px rgba(18,57,91,.09)!important;
  transition:transform .26s ease,box-shadow .26s ease!important;
}

.top-widget-deck .compact-poll{
  --compact-accent:#7138d8;
  --compact-rgb:113,56,216;
}

.top-widget-deck .compact-private-jobs{
  --compact-accent:#079871;
  --compact-rgb:7,152,113;
}

.top-widget-deck .compact-govt-jobs{
  --compact-accent:#e2770a;
  --compact-rgb:226,119,10;
}

.media-compact-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:
    0 15px 30px rgba(18,57,91,.15),
    0 0 0 3px rgba(var(--compact-rgb),.08)!important;
}

.media-compact-card>a,
.media-compact-card:not(:has(>a)){
  height:100%!important;
}

.media-compact-card>a{
  display:grid!important;
  grid-template-columns:42% minmax(0,1fr)!important;
  color:inherit!important;
  text-decoration:none!important;
}

.compact-poll{
  display:grid!important;
  grid-template-columns:42% minmax(0,1fr)!important;
}

.media-compact-image{
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  position:relative!important;
  background:#dce8f2!important;
}

.media-compact-image::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(180deg,transparent 44%,rgba(3,18,36,.36) 100%),
    linear-gradient(135deg,rgba(var(--compact-rgb),.18),transparent 64%)!important;
}

.media-compact-image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  transition:transform .45s ease!important;
}

.media-compact-card:hover .media-compact-image img{
  transform:scale(1.08)!important;
}

.media-compact-copy{
  min-width:0!important;
  padding:11px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  background:
    linear-gradient(135deg,rgba(var(--compact-rgb),.08),transparent 65%),
    #fff!important;
}

.media-compact-copy small{
  color:var(--compact-accent)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}

.media-compact-copy h3{
  margin:0!important;
  color:#08213d!important;
  font-size:12px!important;
  line-height:1.22!important;
  font-weight:950!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}

.media-compact-copy p{
  margin:0!important;
  color:#61778b!important;
  font-size:8px!important;
  line-height:1.25!important;
  font-weight:750!important;
}

.compact-poll-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  margin-top:2px!important;
}

.compact-poll-actions button{
  min-width:0!important;
  border:0!important;
  border-radius:7px!important;
  padding:6px 3px!important;
  color:#fff!important;
  background:var(--compact-accent)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
}

.compact-poll-actions button:last-child{
  color:#c92361!important;
  background:#ffeaf1!important;
}

/* Tablet: three large cards first, then four wide cards in 2x2. */
@media(max-width:1200px){
  .top-widget-deck .widget-deck-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:auto!important;
  }

  .top-widget-deck .media-hub-card{
    grid-column:span 2!important;
    grid-row:span 1!important;
    height:330px!important;
  }

  .top-widget-deck .media-compact-card{
    grid-column:span 3!important;
    grid-row:span 1!important;
    height:148px!important;
  }
}

/* Mobile: horizontal media carousel, preserving centre Search in bottom menu. */
@media(max-width:760px){
  .top-widget-deck{
    padding:12px 0!important;
  }

  .top-widget-deck .widget-deck-grid{
    display:flex!important;
    gap:11px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    padding:0 12px 10px!important;
  }

  .top-widget-deck .widget-deck-grid::-webkit-scrollbar{
    display:none!important;
  }

  .top-widget-deck .media-hub-card{
    flex:0 0 88vw!important;
    width:88vw!important;
    height:340px!important;
    scroll-snap-align:start!important;
  }

  .top-widget-deck .media-compact-card{
    flex:0 0 72vw!important;
    width:72vw!important;
    height:154px!important;
    scroll-snap-align:start!important;
  }

  .media-hub-header h2{
    font-size:13px!important;
  }
}

@media(max-width:430px){
  .top-widget-deck .media-hub-card{
    flex-basis:91vw!important;
    width:91vw!important;
  }

  .top-widget-deck .media-compact-card{
    flex-basis:82vw!important;
    width:82vw!important;
  }
}


/* =========================================================
   V28 — DESIGN 1 GALLERY + MOVIES/OTT + GOSSIPS
   ========================================================= */
.top-widget-deck{padding:18px 0!important;background:#edf5fb!important;}
.top-widget-deck .widget-deck-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:390px!important;gap:14px!important;overflow:visible!important;padding:0!important;}
.v28-media-card{min-width:0!important;height:390px!important;display:grid!important;grid-template-rows:54px minmax(0,1fr)!important;overflow:hidden!important;border:1px solid rgba(8,40,72,.12)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 15px 32px rgba(18,57,91,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;}
.v28-card-head{min-width:0!important;padding:9px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border-bottom:1px solid rgba(8,40,72,.08)!important;background:linear-gradient(90deg,rgba(28,112,216,.09),transparent 70%),#fff!important;}
.v28-card-head small{display:block!important;color:#0b7dcc!important;font-size:7px!important;font-weight:950!important;letter-spacing:.12em!important;line-height:1!important;margin-bottom:3px!important;}
.v28-card-head h2{margin:0!important;color:#08213d!important;font-size:16px!important;line-height:1!important;font-weight:950!important;}
.v28-card-head>a{color:#0b7dcc!important;text-decoration:none!important;font-size:8px!important;font-weight:900!important;white-space:nowrap!important;}
.v28-gallery-card{grid-template-rows:54px 258px 78px!important;}
.v28-gallery-stage{position:relative!important;min-height:0!important;overflow:hidden!important;background:#10243a!important;}
.v28-gallery-stage>img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;transition:opacity .2s ease,transform .55s ease!important;}
.v28-gallery-card:hover .v28-gallery-stage>img{transform:scale(1.035)!important;}
.v28-gallery-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,transparent 38%,rgba(1,12,27,.82) 100%)!important;}
.v28-gallery-count{position:absolute!important;right:12px!important;top:12px!important;padding:5px 8px!important;border-radius:999px!important;color:#fff!important;background:rgba(5,22,42,.68)!important;border:1px solid rgba(255,255,255,.32)!important;font-size:8px!important;font-weight:900!important;backdrop-filter:blur(8px)!important;}
.v28-gallery-prev,.v28-gallery-next{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.90)!important;color:#0a2a49!important;font-size:25px!important;line-height:1!important;cursor:pointer!important;box-shadow:0 6px 18px rgba(0,0,0,.18)!important;}
.v28-gallery-prev{left:12px!important;}.v28-gallery-next{right:12px!important;}
.v28-gallery-caption{position:absolute!important;left:14px!important;right:14px!important;bottom:12px!important;color:#fff!important;}
.v28-gallery-caption h3{margin:0!important;font-size:16px!important;line-height:1.22!important;font-weight:950!important;text-shadow:0 2px 7px rgba(0,0,0,.5)!important;}
.v28-gallery-caption p{margin:4px 0 0!important;font-size:8px!important;font-weight:800!important;color:rgba(255,255,255,.88)!important;}
.v28-gallery-thumbs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;padding:8px!important;background:#fff!important;}
.v28-gallery-thumbs button{min-width:0!important;padding:0!important;overflow:hidden!important;border:2px solid transparent!important;border-radius:10px!important;background:#e8f0f7!important;cursor:pointer!important;transition:transform .2s ease,border-color .2s ease!important;}
.v28-gallery-thumbs button:hover,.v28-gallery-thumbs button.is-active{transform:translateY(-2px)!important;border-color:#1889dc!important;}
.v28-gallery-thumbs img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;}
.v28-movie-ott-card{grid-template-rows:54px 194px 142px!important;}
.v28-ent-tabs{display:flex!important;gap:5px!important;}
.v28-ent-tabs button{padding:6px 9px!important;border:0!important;border-radius:999px!important;background:#eef3f8!important;color:#60758a!important;font-size:7px!important;font-weight:900!important;cursor:pointer!important;}
.v28-ent-tabs button.is-active{background:#e72570!important;color:#fff!important;}
.v28-ent-feature{position:relative!important;overflow:hidden!important;background:#18283d!important;}
.v28-ent-feature>img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:opacity .18s ease,transform .5s ease!important;}
.v28-movie-ott-card:hover .v28-ent-feature>img{transform:scale(1.04)!important;}
.v28-ent-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,transparent 30%,rgba(2,10,24,.84) 100%)!important;}
.v28-ent-copy{position:absolute!important;left:13px!important;right:13px!important;bottom:11px!important;color:#fff!important;}
.v28-ent-copy span{display:inline-flex!important;padding:4px 7px!important;border-radius:999px!important;background:#e72570!important;color:#fff!important;font-size:7px!important;font-weight:950!important;}
.v28-ent-copy h3{margin:6px 0 0!important;font-size:15px!important;line-height:1.22!important;font-weight:950!important;text-shadow:0 2px 6px rgba(0,0,0,.45)!important;}
.v28-ent-copy p{margin:4px 0 0!important;font-size:8px!important;font-weight:800!important;color:rgba(255,255,255,.86)!important;}
.v28-ent-copy strong{position:absolute!important;right:0!important;bottom:0!important;color:#ffd34e!important;font-size:11px!important;}
.v28-ent-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:8px!important;background:#fff!important;}
.v28-ent-item{min-width:0!important;padding:5px!important;border:1px solid rgba(8,40,72,.10)!important;border-radius:11px!important;background:#fff!important;cursor:pointer!important;text-align:left!important;transition:transform .2s ease,border-color .2s ease,background .2s ease!important;}
.v28-ent-item:hover,.v28-ent-item.is-active{transform:translateY(-2px)!important;border-color:#e72570!important;background:#fff2f7!important;}
.v28-ent-item img{width:100%!important;height:58px!important;object-fit:cover!important;border-radius:7px!important;display:block!important;}
.v28-ent-item b,.v28-ent-item small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.v28-ent-item b{margin-top:5px!important;color:#09223e!important;font-size:8px!important;font-weight:900!important;}.v28-ent-item small{margin-top:2px!important;color:#e72570!important;font-size:7px!important;font-weight:850!important;}
.v28-gossip-card{grid-template-rows:54px 206px 130px!important;}
.v28-gossip-feature{position:relative!important;overflow:hidden!important;background:#251635!important;}
.v28-gossip-feature>img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:opacity .18s ease,transform .5s ease!important;}
.v28-gossip-card:hover .v28-gossip-feature>img{transform:scale(1.04)!important;}
.v28-gossip-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,transparent 28%,rgba(29,8,42,.88) 100%)!important;}
.v28-gossip-copy{position:absolute!important;left:13px!important;right:13px!important;bottom:12px!important;color:#fff!important;}
.v28-gossip-copy span{display:inline-flex!important;padding:4px 7px!important;border-radius:999px!important;background:#8b3fe2!important;font-size:7px!important;font-weight:950!important;}
.v28-gossip-copy h3{margin:6px 0 0!important;font-size:15px!important;line-height:1.22!important;font-weight:950!important;text-shadow:0 2px 6px rgba(0,0,0,.5)!important;}.v28-gossip-copy p{margin:4px 0 0!important;font-size:8px!important;color:rgba(255,255,255,.85)!important;font-weight:800!important;}
.v28-gossip-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:8px!important;background:#fff!important;}
.v28-gossip-list button{min-width:0!important;padding:5px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:6px!important;align-items:center!important;border:1px solid rgba(8,40,72,.10)!important;border-radius:10px!important;background:#fff!important;cursor:pointer!important;text-align:left!important;transition:transform .2s ease,border-color .2s ease,background .2s ease!important;}
.v28-gossip-list button:hover,.v28-gossip-list button.is-active{transform:translateY(-2px)!important;border-color:#8b3fe2!important;background:#f7f0ff!important;}
.v28-gossip-list img{width:42px!important;height:52px!important;object-fit:cover!important;border-radius:7px!important;}.v28-gossip-list span{min-width:0!important;}.v28-gossip-list b,.v28-gossip-list small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}.v28-gossip-list b{font-size:8px!important;color:#09223e!important;font-weight:900!important;}.v28-gossip-list small{margin-top:3px!important;font-size:6.8px!important;color:#8b3fe2!important;font-weight:850!important;}
@media(max-width:1100px){.top-widget-deck .widget-deck-grid{grid-template-columns:1fr!important;grid-template-rows:none!important;}.v28-media-card{height:390px!important;}}
@media(max-width:760px){.top-widget-deck .widget-deck-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important;padding:0 12px 10px!important;}.v28-media-card{flex:0 0 90vw!important;width:90vw!important;scroll-snap-align:start!important;}.v28-gallery-caption h3,.v28-ent-copy h3,.v28-gossip-copy h3{font-size:13px!important;}}

/* =========================================================
   V29 — MEDIA HUB THREE FULL-WIDTH COLUMNS
   Fixes V28 compressed-left layout only
   ========================================================= */
.top-widget-deck{width:100%!important;padding:18px 0!important;background:#edf5fb!important;}
.top-widget-deck .widget-deck-grid{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto!important;gap:16px!important;align-items:stretch!important;justify-content:stretch!important;overflow:visible!important;padding:0 24px!important;margin:0!important;}
.top-widget-deck .media-hub-card,.top-widget-deck .gallery-slider-card,.top-widget-deck .movies-ott-card,.top-widget-deck .gossips-card,.top-widget-deck [data-media-hub],.top-widget-deck [data-gallery-slider],.top-widget-deck [data-movies-ott],.top-widget-deck [data-gossips]{grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important;max-width:none!important;height:480px!important;min-height:480px!important;margin:0!important;align-self:stretch!important;}
.top-widget-deck .widget-deck-grid>*{flex:none!important;min-width:0!important;}
@media(max-width:1360px) and (min-width:981px){.top-widget-deck .widget-deck-grid{gap:13px!important;padding:0 16px!important;}.top-widget-deck .media-hub-card,.top-widget-deck .gallery-slider-card,.top-widget-deck .movies-ott-card,.top-widget-deck .gossips-card,.top-widget-deck [data-media-hub],.top-widget-deck [data-gallery-slider],.top-widget-deck [data-movies-ott],.top-widget-deck [data-gossips]{height:455px!important;min-height:455px!important;}}
@media(max-width:980px){.top-widget-deck .widget-deck-grid{grid-template-columns:1fr!important;gap:14px!important;padding:0 14px!important;}.top-widget-deck .media-hub-card,.top-widget-deck .gallery-slider-card,.top-widget-deck .movies-ott-card,.top-widget-deck .gossips-card,.top-widget-deck [data-media-hub],.top-widget-deck [data-gallery-slider],.top-widget-deck [data-movies-ott],.top-widget-deck [data-gossips]{width:100%!important;height:460px!important;min-height:460px!important;}}
@media(max-width:620px){.top-widget-deck .widget-deck-grid{display:flex!important;overflow-x:auto!important;gap:12px!important;padding:0 12px 10px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;}.top-widget-deck .widget-deck-grid::-webkit-scrollbar{display:none!important;}.top-widget-deck .media-hub-card,.top-widget-deck .gallery-slider-card,.top-widget-deck .movies-ott-card,.top-widget-deck .gossips-card,.top-widget-deck [data-media-hub],.top-widget-deck [data-gallery-slider],.top-widget-deck [data-movies-ott],.top-widget-deck [data-gossips]{flex:0 0 90vw!important;width:90vw!important;height:450px!important;min-height:450px!important;scroll-snap-align:start!important;}}

/* =========================================================
   V30 — FORCE V28 MEDIA CARDS TO USE THE COMPLETE ROW
   Exact selectors + runtime fallback in JS.
   ========================================================= */
html body.hybrid-category-design section.top-widget-deck{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:18px 0!important;
  overflow:visible!important;
}

html body.hybrid-category-design section.top-widget-deck > .container.widget-deck-grid,
html body.hybrid-category-design .top-widget-deck > .container.widget-deck-grid,
html body.hybrid-category-design .top-widget-deck .container.widget-deck-grid{
  box-sizing:border-box!important;
  display:grid!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0 24px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:390px!important;
  grid-auto-flow:row!important;
  gap:16px!important;
  justify-content:stretch!important;
  justify-items:stretch!important;
  align-items:stretch!important;
  overflow:visible!important;
}

html body.hybrid-category-design .top-widget-deck .widget-deck-grid > .v28-media-card{
  box-sizing:border-box!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:390px!important;
  min-height:390px!important;
  margin:0!important;
  flex:none!important;
  justify-self:stretch!important;
  align-self:stretch!important;
}

@media(max-width:1100px){
  html body.hybrid-category-design .top-widget-deck > .container.widget-deck-grid,
  html body.hybrid-category-design .top-widget-deck .container.widget-deck-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    grid-auto-rows:390px!important;
    padding:0 16px!important;
  }
}

@media(max-width:760px){
  html body.hybrid-category-design .top-widget-deck > .container.widget-deck-grid,
  html body.hybrid-category-design .top-widget-deck .container.widget-deck-grid{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    overflow-x:auto!important;
    padding:0 12px 10px!important;
    gap:12px!important;
  }

  html body.hybrid-category-design .top-widget-deck .widget-deck-grid > .v28-media-card{
    flex:0 0 90vw!important;
    width:90vw!important;
    min-width:90vw!important;
  }
}


/* =========================================================
   V31 — GALLERY + WIDE MOVIES/OTT SHOWCASE IN ONE ROW
   ========================================================= */

.top-widget-deck{
  padding:18px 0!important;
  background:#eef5fb!important;
}

.top-widget-deck .widget-deck-grid{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(320px,36%) minmax(0,64%)!important;
  grid-template-rows:540px!important;
  gap:16px!important;
  padding:0 22px!important;
  margin:0!important;
  overflow:visible!important;
  align-items:stretch!important;
}

.top-widget-deck .widget-deck-grid > *{
  min-width:0!important;
  width:100%!important;
  height:540px!important;
  margin:0!important;
  grid-column:auto!important;
  grid-row:auto!important;
  flex:none!important;
}

/* Gallery */
.v31-gallery-card,
.v31-entertainment-card{
  overflow:hidden!important;
  border:1px solid rgba(8,34,63,.13)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 14px 32px rgba(16,49,80,.12)!important;
}

.v31-gallery-card{
  display:grid!important;
  grid-template-rows:62px minmax(0,1fr) 96px!important;
}

.v31-card-head{
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border-bottom:1px solid #e3ebf3!important;
  background:#fff!important;
}

.v31-card-head small{
  display:block!important;
  margin-bottom:3px!important;
  color:#087ac5!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}

.v31-card-head h2{
  margin:0!important;
  color:#09213d!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:950!important;
}

.v31-card-head a{
  color:#087ac5!important;
  font-size:10px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.v31-gallery-stage{
  position:relative!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#0c2945!important;
}

.v31-gallery-stage>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:opacity .25s ease,transform .6s ease!important;
}

.v31-gallery-card:hover .v31-gallery-stage>img{
  transform:scale(1.04)!important;
}

.v31-gallery-shade{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,transparent 35%,rgba(2,14,27,.82) 100%)!important;
}

.v31-gallery-count{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(4,25,46,.76)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  font-size:10px!important;
  font-weight:900!important;
}

.v31-gallery-prev,
.v31-gallery-next{
  position:absolute!important;
  top:50%!important;
  width:42px!important;
  height:42px!important;
  transform:translateY(-50%)!important;
  border:0!important;
  border-radius:50%!important;
  color:#09213d!important;
  background:rgba(255,255,255,.92)!important;
  font-size:32px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}

.v31-gallery-prev{left:14px!important;}
.v31-gallery-next{right:14px!important;}

.v31-gallery-copy{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  color:#fff!important;
}

.v31-gallery-copy h3{
  margin:0 0 6px!important;
  font-size:22px!important;
  line-height:1.18!important;
  font-weight:950!important;
  text-shadow:0 2px 6px rgba(0,0,0,.45)!important;
}

.v31-gallery-copy p{
  margin:0!important;
  color:rgba(255,255,255,.86)!important;
  font-size:11px!important;
  font-weight:750!important;
}

.v31-gallery-thumbs{
  padding:9px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  background:#fff!important;
}

.v31-gallery-thumbs button{
  min-width:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:2px solid transparent!important;
  border-radius:10px!important;
  background:#e9f1f7!important;
  cursor:pointer!important;
  transition:transform .2s ease,border-color .2s ease!important;
}

.v31-gallery-thumbs button:hover,
.v31-gallery-thumbs button.is-active{
  transform:translateY(-2px)!important;
  border-color:#0d86d6!important;
}

.v31-gallery-thumbs img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Movies + OTT */
.v31-entertainment-card{
  display:grid!important;
  grid-template-rows:210px minmax(0,1fr) 72px!important;
  background:#f8f9ff!important;
}

.v31-ent-banner{
  position:relative!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#170d27!important;
}

.v31-ent-banner>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:opacity .22s ease,transform .6s ease!important;
}

.v31-entertainment-card:hover .v31-ent-banner>img{
  transform:scale(1.025)!important;
}

.v31-banner-shade{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(11,5,18,.92) 0%,rgba(11,5,18,.54) 42%,rgba(11,5,18,.06) 78%)!important;
}

.v31-banner-copy{
  position:absolute!important;
  left:28px!important;
  top:26px!important;
  width:min(48%,420px)!important;
  color:#fff!important;
}

.v31-banner-copy small{
  color:#ffd05c!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}

.v31-banner-copy h2{
  margin:9px 0 10px!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1.1!important;
  font-weight:950!important;
}

.v31-banner-copy strong{
  display:block!important;
  color:#ffc857!important;
  font-size:21px!important;
  line-height:1.05!important;
  font-weight:950!important;
}

.v31-banner-copy span{
  display:inline-block!important;
  margin-top:9px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}

.v31-banner-dots{
  position:absolute!important;
  left:50%!important;
  bottom:12px!important;
  display:flex!important;
  gap:7px!important;
  transform:translateX(-50%)!important;
}

.v31-banner-dots i{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.48)!important;
}

.v31-banner-dots i.is-active{
  width:24px!important;
  border-radius:999px!important;
  background:#fff!important;
}

.v31-ent-body{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  padding:10px 12px!important;
  overflow:hidden!important;
}

.v31-poster-section{
  min-width:0!important;
  display:grid!important;
  grid-template-rows:34px minmax(0,1fr)!important;
  overflow:hidden!important;
  border-radius:13px!important;
  background:#10172b!important;
}

.v31-poster-section>header{
  padding:0 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  color:#fff!important;
  background:linear-gradient(90deg,#11172a,#273465)!important;
}

.v31-ott-section>header{
  background:linear-gradient(90deg,#24112f,#51205d)!important;
}

.v31-poster-section h3{
  margin:0!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
}

.v31-poster-section a{
  color:#fff!important;
  font-size:9px!important;
  font-weight:850!important;
  text-decoration:none!important;
}

.v31-poster-row{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  padding:8px!important;
  overflow:hidden!important;
}

.v31-poster-card{
  min-width:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#24284f,#14162b)!important;
  color:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:transform .22s ease,border-color .22s ease!important;
}

.v31-poster-card:hover,
.v31-poster-card.is-active{
  transform:translateY(-3px)!important;
  border-color:#ffcc52!important;
}

.v31-poster-card img{
  display:block!important;
  width:100%!important;
  height:108px!important;
  object-fit:cover!important;
}

.v31-poster-card b,
.v31-poster-card span,
.v31-poster-card small{
  display:block!important;
  margin-left:7px!important;
  margin-right:7px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.v31-poster-card b{
  margin-top:7px!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
}

.v31-poster-card span{
  margin-top:5px!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:850!important;
}

.v31-poster-card small{
  margin-top:5px!important;
  margin-bottom:8px!important;
  color:#ffcc52!important;
  font-size:9px!important;
  font-weight:900!important;
}

.v31-platform-strip{
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr)) 42px!important;
  gap:9px!important;
  align-items:center!important;
  background:#11172a!important;
}

.v31-platform-strip span,
.v31-platform-strip button{
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:10px!important;
  color:#fff!important;
  background:#20283d!important;
  font-size:11px!important;
  font-weight:900!important;
  text-align:center!important;
}

.v31-platform-strip button{
  color:#fff!important;
  font-size:27px!important;
  cursor:pointer!important;
}

/* Responsive */
@media(max-width:1200px){
  .top-widget-deck .widget-deck-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }

  .top-widget-deck .widget-deck-grid > *{
    height:540px!important;
  }
}

@media(max-width:760px){
  .top-widget-deck .widget-deck-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:12px!important;
    padding:0 12px 10px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }

  .top-widget-deck .widget-deck-grid::-webkit-scrollbar{
    display:none!important;
  }

  .top-widget-deck .widget-deck-grid > *{
    flex:0 0 92vw!important;
    width:92vw!important;
    height:520px!important;
    scroll-snap-align:start!important;
  }

  .v31-ent-body{
    grid-template-columns:1fr!important;
    overflow-y:auto!important;
  }

  .v31-entertainment-card{
    grid-template-rows:190px minmax(0,1fr) 62px!important;
  }

  .v31-platform-strip{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    overflow-y:auto!important;
  }

  .v31-platform-strip button{
    display:none!important;
  }
}


/* =========================================================
   V32 — DIRECT FULL-WIDTH GALLERY + MOVIES/OTT LAYOUT FIX
   Scope: top media section and its spacing before Top 10 only
   ========================================================= */

/* Remove old fixed/partial-width constraints from the complete section. */
.top-widget-deck{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:20px 0 24px!important;
  overflow:visible!important;
  background:#eef5fb!important;
  clear:both!important;
}

.top-widget-deck > .container,
.top-widget-deck .container.widget-deck-grid,
.top-widget-deck .widget-deck-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:600px!important;
  max-height:none!important;
  margin:0!important;
  padding:0 22px!important;
  display:grid!important;
  grid-template-columns:minmax(360px,35%) minmax(0,65%)!important;
  grid-template-rows:600px!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* Reset inherited sizing for the only two V31 widgets. */
.top-widget-deck .v31-gallery-card,
.top-widget-deck .v31-entertainment-card{
  display:grid!important;
  position:relative!important;
  grid-column:auto!important;
  grid-row:auto!important;
  flex:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:600px!important;
  min-height:600px!important;
  max-height:600px!important;
  margin:0!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

/* Gallery: preserve full thumbnail strip inside its own card. */
.top-widget-deck .v31-gallery-card{
  grid-template-rows:64px minmax(0,1fr) 108px!important;
}

.top-widget-deck .v31-gallery-stage{
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
}

.top-widget-deck .v31-gallery-thumbs{
  min-height:108px!important;
  height:108px!important;
  padding:10px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.top-widget-deck .v31-gallery-thumbs button,
.top-widget-deck .v31-gallery-thumbs img{
  min-height:0!important;
  height:88px!important;
}

/* Movies + OTT: fixed internal tracks without overlap or text duplication. */
.top-widget-deck .v31-entertainment-card{
  grid-template-rows:228px 300px 72px!important;
}

.top-widget-deck .v31-ent-banner{
  height:228px!important;
  min-height:228px!important;
  overflow:hidden!important;
}

.top-widget-deck .v31-banner-copy{
  top:25px!important;
  left:28px!important;
  width:min(45%,440px)!important;
  max-height:174px!important;
  overflow:hidden!important;
}

.top-widget-deck .v31-banner-copy h2{
  margin:8px 0!important;
  font-size:25px!important;
  line-height:1.12!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

.top-widget-deck .v31-banner-copy strong{
  font-size:20px!important;
  line-height:1.08!important;
  display:block!important;
  max-width:100%!important;
  white-space:normal!important;
}

.top-widget-deck .v31-ent-body{
  height:300px!important;
  min-height:300px!important;
  max-height:300px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  padding:10px 12px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.top-widget-deck .v31-poster-section{
  min-width:0!important;
  height:280px!important;
  min-height:280px!important;
  max-height:280px!important;
  display:grid!important;
  grid-template-rows:36px minmax(0,1fr)!important;
  overflow:hidden!important;
}

.top-widget-deck .v31-poster-row{
  min-width:0!important;
  height:244px!important;
  min-height:244px!important;
  max-height:244px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  padding:8px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.top-widget-deck .v31-poster-card{
  min-width:0!important;
  width:100%!important;
  height:228px!important;
  min-height:228px!important;
  max-height:228px!important;
  display:grid!important;
  grid-template-rows:132px 24px 21px 21px!important;
  align-content:start!important;
  overflow:hidden!important;
}

.top-widget-deck .v31-poster-card img{
  width:100%!important;
  height:132px!important;
  min-height:132px!important;
  object-fit:cover!important;
}

.top-widget-deck .v31-poster-card b,
.top-widget-deck .v31-poster-card span,
.top-widget-deck .v31-poster-card small{
  min-width:0!important;
  margin-left:7px!important;
  margin-right:7px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

.top-widget-deck .v31-poster-card b{
  margin-top:5px!important;
  font-size:9px!important;
  line-height:19px!important;
}

.top-widget-deck .v31-poster-card span{
  margin-top:0!important;
  font-size:9px!important;
  line-height:18px!important;
}

.top-widget-deck .v31-poster-card small{
  margin-top:0!important;
  margin-bottom:0!important;
  font-size:9px!important;
  line-height:18px!important;
}

.top-widget-deck .v31-platform-strip{
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  padding:10px 12px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.top-widget-deck .v31-platform-strip span,
.top-widget-deck .v31-platform-strip button{
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
}

/* Make sure Top 10 always begins after the complete media section. */
.top-widget-deck + *,
#top10,
.top10-ranking-wall{
  clear:both!important;
}

#top10,
.top10-ranking-wall{
  margin-top:0!important;
  position:relative!important;
  z-index:1!important;
}

/* Prevent old transforms and absolute positioning from affecting this section. */
.top-widget-deck .v31-gallery-card,
.top-widget-deck .v31-entertainment-card,
.top-widget-deck .v31-gallery-thumbs,
.top-widget-deck .v31-ent-body,
.top-widget-deck .v31-platform-strip{
  transform:none!important;
  inset:auto!important;
  bottom:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
}

/* Laptop */
@media(max-width:1380px) and (min-width:1051px){
  .top-widget-deck > .container,
  .top-widget-deck .container.widget-deck-grid,
  .top-widget-deck .widget-deck-grid{
    grid-template-columns:minmax(330px,35%) minmax(0,65%)!important;
    padding:0 16px!important;
    gap:14px!important;
  }

  .top-widget-deck .v31-banner-copy h2{
    font-size:22px!important;
  }

  .top-widget-deck .v31-poster-row{
    gap:6px!important;
    padding:7px!important;
  }

  .top-widget-deck .v31-poster-card b,
  .top-widget-deck .v31-poster-card span,
  .top-widget-deck .v31-poster-card small{
    font-size:8px!important;
  }
}

/* Tablet: clean vertical stack. */
@media(max-width:1050px){
  .top-widget-deck > .container,
  .top-widget-deck .container.widget-deck-grid,
  .top-widget-deck .widget-deck-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:560px 600px!important;
    min-height:1178px!important;
    padding:0 14px!important;
    gap:18px!important;
  }

  .top-widget-deck .v31-gallery-card{
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
  }

  .top-widget-deck .v31-entertainment-card{
    height:600px!important;
    min-height:600px!important;
    max-height:600px!important;
  }
}

/* Mobile: horizontal snapping, no content overlap. */
@media(max-width:700px){
  .top-widget-deck > .container,
  .top-widget-deck .container.widget-deck-grid,
  .top-widget-deck .widget-deck-grid{
    display:flex!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    gap:12px!important;
    padding:0 12px 10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }

  .top-widget-deck .widget-deck-grid::-webkit-scrollbar{
    display:none!important;
  }

  .top-widget-deck .v31-gallery-card,
  .top-widget-deck .v31-entertainment-card{
    flex:0 0 92vw!important;
    width:92vw!important;
    height:570px!important;
    min-height:570px!important;
    max-height:570px!important;
    scroll-snap-align:start!important;
  }

  .top-widget-deck .v31-entertainment-card{
    grid-template-rows:210px 288px 72px!important;
  }

  .top-widget-deck .v31-ent-body{
    height:288px!important;
    min-height:288px!important;
    max-height:288px!important;
    grid-template-columns:1fr!important;
    overflow-y:auto!important;
  }

  .top-widget-deck .v31-poster-section{
    height:268px!important;
    min-height:268px!important;
    max-height:268px!important;
  }

  .top-widget-deck .v31-poster-row{
    height:232px!important;
    min-height:232px!important;
    max-height:232px!important;
    overflow-x:auto!important;
    grid-template-columns:repeat(4,118px)!important;
  }

  .top-widget-deck .v31-poster-card{
    height:216px!important;
    min-height:216px!important;
    max-height:216px!important;
  }

  .top-widget-deck .v31-poster-card img{
    height:122px!important;
    min-height:122px!important;
  }
}

/* V33 — remove OTT strip, enlarge banner, support requested ordering */
.top-widget-deck .v31-platform-strip{
  display:none!important;visibility:hidden!important;height:0!important;
  min-height:0!important;max-height:0!important;margin:0!important;
  padding:0!important;border:0!important;overflow:hidden!important;
}
.top-widget-deck .v31-entertainment-card{
  grid-template-rows:300px 300px!important;
}
.top-widget-deck .v31-ent-banner{
  height:300px!important;min-height:300px!important;max-height:300px!important;
}
.top-widget-deck .v31-banner-copy{
  top:36px!important;left:34px!important;width:min(46%,470px)!important;
  max-height:215px!important;
}
.top-widget-deck .v31-banner-copy h2{
  font-size:29px!important;line-height:1.12!important;-webkit-line-clamp:3!important;
}
.top-widget-deck .v31-banner-copy strong{font-size:23px!important;}
.top-widget-deck .v31-banner-copy span{font-size:13px!important;}
.top-widget-deck .v31-ent-body{
  height:300px!important;min-height:300px!important;max-height:300px!important;
}
#latest,#top10,.top-widget-deck{
  position:relative!important;float:none!important;clear:both!important;
}
#latest{z-index:3!important;}
#top10{z-index:2!important;}
.top-widget-deck{z-index:1!important;margin-top:0!important;}
@media(max-width:1050px){
  .top-widget-deck .v31-entertainment-card{grid-template-rows:280px 320px!important;}
  .top-widget-deck .v31-ent-banner{height:280px!important;min-height:280px!important;max-height:280px!important;}
  .top-widget-deck .v31-ent-body{height:320px!important;min-height:320px!important;max-height:320px!important;}
}
@media(max-width:700px){
  .top-widget-deck .v31-entertainment-card{grid-template-rows:250px 320px!important;}
  .top-widget-deck .v31-ent-banner{height:250px!important;min-height:250px!important;max-height:250px!important;}
  .top-widget-deck .v31-ent-body{height:320px!important;min-height:320px!important;max-height:320px!important;}
  .top-widget-deck .v31-banner-copy{top:24px!important;left:22px!important;width:70%!important;}
  .top-widget-deck .v31-banner-copy h2{font-size:22px!important;}
}


/* =========================================================
   V34 — PLACE REQUESTED SECTIONS DIRECTLY UNDER SEARCH BAR
   Order:
   1. తాజా వార్తలు
   2. టాప్ 10 వార్తల ర్యాంకింగ్ వాల్
   3. Gallery + Movies/OTT
   ========================================================= */

.command-centre{
  position:relative!important;
  z-index:4!important;
  margin-bottom:0!important;
}

.command-centre + #latest,
.command-centre + .latest-news-section,
.command-centre + .latest-section{
  margin-top:0!important;
}

#latest,
#top10,
.top-widget-deck{
  width:100%!important;
  max-width:none!important;
  position:relative!important;
  float:none!important;
  clear:both!important;
}

#latest{
  margin-top:0!important;
  z-index:3!important;
}

#top10{
  margin-top:0!important;
  z-index:2!important;
}

.top-widget-deck{
  margin-top:0!important;
  z-index:1!important;
}

/* Remove accidental spacer nodes between the ordered sections. */
[data-v34-section-order="1"] + [data-v34-section-order="2"],
[data-v34-section-order="2"] + [data-v34-section-order="3"]{
  margin-top:0!important;
}

/* Keep anchor navigation below the fixed header. */
#latest,
#top10,
.top-widget-deck{
  scroll-margin-top:112px!important;
}


/* =========================================================
   V35 — REMOVE TWO SECTIONS + COMPLETE MOBILE RESPONSIVE LAYER
   ========================================================= */

/* Fallback hiding for sections identified by V35 JavaScript. */
[data-v35-remove-section="true"]{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

/* Global responsive safety */
html,body{
  max-width:100%!important;
  overflow-x:hidden!important;
}

*,*::before,*::after{
  box-sizing:border-box!important;
}

img,video,iframe,svg{
  max-width:100%!important;
}

.container,
.site-container,
.content-container{
  width:100%!important;
  max-width:100%!important;
}

/* Tablet */
@media(max-width:1024px){
  .main-header,
  .masthead,
  .site-header{
    width:100%!important;
  }

  .command-centre{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .command-centre .container,
  .command-centre-inner{
    width:100%!important;
    max-width:none!important;
  }

  .command-centre form,
  .search-command{
    min-width:0!important;
  }

  .broadcast-hero .hero-layout{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .broadcast-hero .hero-main,
  .broadcast-hero .hero-side-stack{
    width:100%!important;
    max-width:none!important;
  }

  #top10 .top10-layout,
  .top10-ranking-wall .top10-layout{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  #top10 .top10-feature,
  #top10 .top10-list,
  .top10-ranking-wall .top10-feature,
  .top10-ranking-wall .top10-list{
    width:100%!important;
    max-width:none!important;
  }

  .top-widget-deck > .container,
  .top-widget-deck .container.widget-deck-grid,
  .top-widget-deck .widget-deck-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    min-height:0!important;
    height:auto!important;
  }

  .top-widget-deck .v31-gallery-card,
  .top-widget-deck .v31-entertainment-card{
    width:100%!important;
    max-width:none!important;
  }
}

/* Mobile */
@media(max-width:767px){
  body{
    padding-bottom:74px!important;
  }

  /* Header and metadata */
  .main-header,
  .masthead,
  .site-header{
    min-height:auto!important;
  }

  .masthead-inner,
  .header-inner,
  .main-header-inner{
    min-height:86px!important;
    padding:10px 12px!important;
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr) 92px!important;
    align-items:center!important;
    gap:8px!important;
  }

  .menu-button-wrap,
  .header-menu-wrap{
    justify-self:start!important;
  }

  .site-logo,
  .main-logo,
  .masthead-logo{
    max-width:170px!important;
    width:100%!important;
    height:auto!important;
    justify-self:center!important;
  }

  .header-date-time,
  .header-location-weather{
    font-size:9px!important;
    line-height:1.25!important;
  }

  /* Main navigation */
  .main-nav,
  .desktop-nav{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
  }

  .main-nav::-webkit-scrollbar,
  .desktop-nav::-webkit-scrollbar{
    display:none!important;
  }

  .main-nav ul,
  .desktop-nav ul{
    width:max-content!important;
    min-width:100%!important;
  }

  /* Search / action bar */
  .command-centre{
    padding:10px!important;
  }

  .command-centre .container,
  .command-centre-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:0!important;
  }

  .command-centre form,
  .search-command,
  .command-search{
    width:100%!important;
    min-width:0!important;
  }

  .command-centre input{
    width:100%!important;
    min-width:0!important;
    font-size:13px!important;
  }

  .command-actions,
  .quick-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
  }

  .command-actions>a,
  .command-actions>button,
  .quick-actions>a,
  .quick-actions>button{
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    padding:8px 5px!important;
    font-size:10px!important;
  }

  /* Tickers */
  .live-information-ticker,
  .headline-theatre,
  .breaking-news-ticker,
  .tv-ticker{
    width:100%!important;
    min-width:0!important;
  }

  .live-information-plate,
  .ticker-live-plate{
    min-width:110px!important;
    width:110px!important;
  }

  .live-information-track,
  .ticker-headline-track{
    gap:12px!important;
  }

  /* Latest hero */
  #latest,
  .latest-news-section,
  .latest-section{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .broadcast-hero .hero-main{
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
  }

  .broadcast-hero .hero-four-news-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    gap:10px!important;
  }

  .broadcast-hero .hero-mini-news-card{
    min-height:190px!important;
  }

  .broadcast-hero .lower-third{
    left:0!important;
    right:0!important;
    width:100%!important;
  }

  .broadcast-hero .lower-third h1{
    font-size:18px!important;
    line-height:1.25!important;
  }

  /* Top 10 */
  #top10,
  .top10-ranking-wall{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  #top10 h2,
  .top10-ranking-wall h2{
    font-size:28px!important;
    line-height:1.1!important;
  }

  #top10 .top10-feature,
  .top10-ranking-wall .top10-feature{
    min-height:390px!important;
  }

  #top10 .top10-rotator-list li,
  .top10-ranking-wall .top10-rotator-list li{
    min-height:64px!important;
    padding:7px!important;
  }

  #top10 .rank-thumb,
  .top10-ranking-wall .rank-thumb{
    width:58px!important;
    min-width:58px!important;
    height:46px!important;
  }

  /* Gallery + Movies/OTT */
  .top-widget-deck{
    padding:12px 0 18px!important;
  }

  .top-widget-deck > .container,
  .top-widget-deck .container.widget-deck-grid,
  .top-widget-deck .widget-deck-grid{
    display:flex!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    gap:12px!important;
    padding:0 12px 10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }

  .top-widget-deck .widget-deck-grid::-webkit-scrollbar{
    display:none!important;
  }

  .top-widget-deck .v31-gallery-card,
  .top-widget-deck .v31-entertainment-card{
    flex:0 0 92vw!important;
    width:92vw!important;
    min-width:92vw!important;
    height:570px!important;
    min-height:570px!important;
    max-height:570px!important;
    scroll-snap-align:start!important;
  }

  .v31-gallery-copy h3{
    font-size:18px!important;
  }

  .v31-gallery-prev,
  .v31-gallery-next{
    width:38px!important;
    height:38px!important;
  }

  .top-widget-deck .v31-entertainment-card{
    grid-template-rows:250px 320px!important;
  }

  .top-widget-deck .v31-ent-body{
    display:block!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    overflow-y:auto!important;
    padding:8px!important;
  }

  .top-widget-deck .v31-poster-section{
    height:280px!important;
    min-height:280px!important;
    margin-bottom:10px!important;
  }

  .top-widget-deck .v31-poster-row{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
  }

  .top-widget-deck .v31-poster-card{
    flex:0 0 118px!important;
    width:118px!important;
    min-width:118px!important;
    scroll-snap-align:start!important;
  }

  /* General cards and category grids */
  .news-grid,
  .category-grid,
  .cards-grid,
  .section-grid{
    grid-template-columns:1fr!important;
  }

  .news-card,
  .category-card,
  .content-card{
    width:100%!important;
    min-width:0!important;
  }

  /* Footer */
  footer,
  .site-footer{
    overflow:hidden!important;
  }

  .footer-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  /* Mobile bottom nav */
  .mobile-bottom-nav{
    position:fixed!important;
    z-index:99999!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    min-height:64px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
  }

  .mobile-bottom-nav a,
  .mobile-bottom-nav button{
    min-width:0!important;
    font-size:9px!important;
  }
}

@media(max-width:420px){
  .masthead-inner,
  .header-inner,
  .main-header-inner{
    grid-template-columns:58px minmax(0,1fr) 78px!important;
  }

  .site-logo,
  .main-logo,
  .masthead-logo{
    max-width:145px!important;
  }

  .command-actions,
  .quick-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #top10 h2,
  .top10-ranking-wall h2{
    font-size:24px!important;
  }

  .top-widget-deck .v31-gallery-card,
  .top-widget-deck .v31-entertainment-card{
    flex-basis:94vw!important;
    width:94vw!important;
    min-width:94vw!important;
  }
}


/* =========================================================
   V36 — MATCH LOWER SECTION HEADERS TO CATEGORY MASTER
   Master reference: Andhra Pradesh through Crime & Safety
   ========================================================= */

.v36-header-section{
  --v36-dark:#123f85;
  --v36-mid:#1d74c8;
  --v36-light:#69b3ee;
}

.v36-category-header{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  height:142px!important;
  min-height:142px!important;
  max-height:142px!important;
  margin:0 0 18px!important;
  padding:17px 20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:22px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  color:#fff!important;
  background:
    linear-gradient(
      105deg,
      var(--v36-dark) 0%,
      var(--v36-mid) 58%,
      var(--v36-light) 100%
    )!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 14px 30px rgba(14,42,74,.13)!important;
}

.v36-category-header::before{
  content:""!important;
  position:absolute!important;
  z-index:-2!important;
  inset:0!important;
  background:
    repeating-linear-gradient(
      120deg,
      rgba(255,255,255,.055) 0 2px,
      transparent 2px 42px
    )!important;
  pointer-events:none!important;
}

.v36-category-header::after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  top:-70px!important;
  right:-35px!important;
  width:410px!important;
  height:280px!important;
  border-radius:48% 0 0 54%!important;
  background:
    radial-gradient(
      circle at 35% 50%,
      rgba(255,255,255,.16),
      rgba(255,255,255,.04) 53%,
      transparent 54%
    )!important;
  pointer-events:none!important;
}

.v36-header-identity{
  position:relative!important;
  z-index:4!important;
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
}

.v36-header-symbol{
  flex:0 0 76px!important;
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  min-height:76px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:24px!important;
  color:#fff!important;
  background:rgba(255,255,255,.15)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 9px 22px rgba(0,0,0,.10)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
}

.v36-header-symbol svg{
  width:39px!important;
  height:39px!important;
  stroke-width:1.8!important;
}

.v36-header-title{
  min-width:0!important;
  max-width:680px!important;
  padding:5px 0 7px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

.v36-header-title small{
  display:block!important;
  margin:0 0 4px!important;
  color:rgba(255,255,255,.90)!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

.v36-header-title h2{
  display:block!important;
  margin:0 0 4px!important;
  padding:1px 0 3px!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1.22!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-shadow:0 2px 7px rgba(0,0,0,.18)!important;
}

.v36-header-title p{
  display:block!important;
  margin:0!important;
  padding:0 0 2px!important;
  color:rgba(255,255,255,.88)!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.v36-header-watermark{
  position:absolute!important;
  z-index:1!important;
  right:365px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:rgba(255,255,255,.095)!important;
  font:900 82px/1 Inter,Arial,sans-serif!important;
  letter-spacing:.03em!important;
  pointer-events:none!important;
  white-space:nowrap!important;
}

.v36-header-widgets{
  position:relative!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(126px,142px))!important;
  align-items:stretch!important;
  gap:10px!important;
  min-width:0!important;
}

.v36-header-widget{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:82px!important;
  min-height:82px!important;
  padding:11px 13px!important;
  overflow:hidden!important;
  border-radius:17px!important;
  color:#fff!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.27),
    0 8px 18px rgba(0,0,0,.08)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
}

.v36-header-widget::after{
  content:""!important;
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 0 0 5px rgba(255,255,255,.12)!important;
}

.v36-header-widget small,
.v36-header-widget strong,
.v36-header-widget em{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.v36-header-widget small{
  margin:0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:1.1px!important;
  white-space:nowrap!important;
}

.v36-header-widget strong{
  margin:5px 0 0!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:900!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

.v36-header-widget em{
  margin:3px 0 0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-style:normal!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

/* Section colour identities */
.v36-header-section[data-v36-key="education"]{
  --v36-dark:#29358f;
  --v36-mid:#4c5ed1;
  --v36-light:#7889ec;
}
.v36-header-section[data-v36-key="districts"]{
  --v36-dark:#075f86;
  --v36-mid:#078fb9;
  --v36-light:#55c6de;
}
.v36-header-section[data-v36-key="videos"]{
  --v36-dark:#481582;
  --v36-mid:#7732c7;
  --v36-light:#ad62ed;
}
.v36-header-section[data-v36-key="gallery"]{
  --v36-dark:#85104b;
  --v36-mid:#c62472;
  --v36-light:#ef73a6;
}
.v36-header-section[data-v36-key="cartoons"]{
  --v36-dark:#8a3c00;
  --v36-mid:#d16c05;
  --v36-light:#f7aa3d;
}
.v36-header-section[data-v36-key="utility"]{
  --v36-dark:#075b57;
  --v36-mid:#078f83;
  --v36-light:#5ac8b8;
}

/* Remove only the old heading bars after V36 installs. */
.v36-header-section .section-head[data-v36-old-head="true"]{
  display:none!important;
}

/* Keep original section content containers unchanged. */
.v36-header-section > .container{
  position:relative!important;
  z-index:1!important;
}

/* Laptop */
@media(max-width:1180px){
  .v36-category-header{
    height:136px!important;
    min-height:136px!important;
    max-height:136px!important;
    column-gap:15px!important;
  }

  .v36-header-widgets{
    grid-template-columns:repeat(3,minmax(108px,118px))!important;
    gap:8px!important;
  }

  .v36-header-title h2{
    font-size:30px!important;
  }

  .v36-header-watermark{
    right:320px!important;
    font-size:70px!important;
  }
}

/* Tablet */
@media(max-width:920px){
  .v36-category-header{
    height:126px!important;
    min-height:126px!important;
    max-height:126px!important;
    padding:14px 15px!important;
  }

  .v36-header-symbol{
    flex-basis:64px!important;
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    min-height:64px!important;
    border-radius:20px!important;
  }

  .v36-header-symbol svg{
    width:32px!important;
    height:32px!important;
  }

  .v36-header-title h2{
    font-size:27px!important;
  }

  .v36-header-title p{
    max-width:360px!important;
    font-size:11px!important;
  }

  .v36-header-widgets{
    grid-template-columns:repeat(2,108px)!important;
  }

  .v36-header-widget:nth-child(3){
    display:none!important;
  }

  .v36-header-widget{
    height:74px!important;
    min-height:74px!important;
  }

  .v36-header-watermark{
    display:none!important;
  }
}

/* Mobile — same compact behaviour as approved category headers */
@media(max-width:640px){
  .v36-category-header{
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    margin-bottom:12px!important;
    padding:11px 12px!important;
    grid-template-columns:minmax(0,1fr) 92px!important;
    column-gap:8px!important;
    border-radius:17px!important;
  }

  .v36-header-identity{
    gap:9px!important;
  }

  .v36-header-symbol{
    flex-basis:52px!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    border-radius:16px!important;
  }

  .v36-header-symbol svg{
    width:27px!important;
    height:27px!important;
  }

  .v36-header-title{
    padding:3px 0 4px!important;
  }

  .v36-header-title small{
    margin-bottom:2px!important;
    font-size:6px!important;
  }

  .v36-header-title h2{
    margin-bottom:2px!important;
    font-size:21px!important;
    line-height:1.22!important;
  }

  .v36-header-title p{
    max-width:190px!important;
    font-size:8px!important;
    line-height:1.3!important;
  }

  .v36-header-widgets{
    grid-template-columns:92px!important;
    gap:0!important;
  }

  .v36-header-widget:nth-child(n+2){
    display:none!important;
  }

  .v36-header-widget{
    height:66px!important;
    min-height:66px!important;
    padding:8px!important;
    border-radius:14px!important;
  }

  .v36-header-widget strong{
    font-size:8px!important;
    line-height:1.3!important;
  }

  .v36-header-widget em{
    font-size:6px!important;
  }
}

@media(max-width:390px){
  .v36-category-header{
    grid-template-columns:minmax(0,1fr) 82px!important;
    padding-inline:9px!important;
  }

  .v36-header-symbol{
    flex-basis:46px!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }

  .v36-header-title h2{
    font-size:18px!important;
  }

  .v36-header-title p{
    max-width:150px!important;
  }

  .v36-header-widgets{
    grid-template-columns:82px!important;
  }
}


/* =========================================================
   V37 — REPLACE LOWER HEADER WATERMARK TEXT WITH ICONS
   Scope: V36 matched lower headers only
   ========================================================= */

.v36-header-watermark{
  right:330px!important;
  width:190px!important;
  height:128px!important;
  display:grid!important;
  place-items:center!important;
  color:rgba(255,255,255,.10)!important;
  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;
  overflow:visible!important;
}

.v36-header-watermark svg{
  display:block!important;
  width:124px!important;
  height:124px!important;
  color:rgba(255,255,255,.11)!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:none!important;
  opacity:1!important;
}

/* Slightly larger category-specific background symbols */
.v36-header-section[data-v36-key="districts"] .v36-header-watermark svg,
.v36-header-section[data-v36-key="videos"] .v36-header-watermark svg,
.v36-header-section[data-v36-key="gallery"] .v36-header-watermark svg{
  width:132px!important;
  height:132px!important;
}

.v36-header-section[data-v36-key="education"] .v36-header-watermark svg,
.v36-header-section[data-v36-key="cartoons"] .v36-header-watermark svg,
.v36-header-section[data-v36-key="utility"] .v36-header-watermark svg{
  width:118px!important;
  height:118px!important;
}

@media(max-width:1180px){
  .v36-header-watermark{
    right:282px!important;
    width:160px!important;
  }

  .v36-header-watermark svg{
    width:104px!important;
    height:104px!important;
  }
}

@media(max-width:920px){
  .v36-header-watermark{
    display:none!important;
  }
}


/* =========================================================
   V38 — CONSISTENT WHITE SPACE AT SCREEN EDGES
   Keeps global header, navigation and news tickers full-width.
   ========================================================= */

:root{
  --v38-page-edge:18px;
}

/* Main homepage content sections */
.command-centre,
.broadcast-hero,
.category-universe,
.newsroom-pulse,
#latest,
#top10,
.top10-ranking-wall,
.top-widget-deck,
.category-studio,
.category-section,
.movie-reviews,
.trailers-section,
.zodiac-section,
.v36-header-section,
.state-command,
.andhra-command,
.politics-war,
.cinema-zone,
.sports-arena,
.business-zone,
.information-zone,
.agriculture-zone,
.district-hub,
.insight-zone,
.crime-watch,
.video-zone,
.gallery-zone,
.cartoon-zone,
.public-info,
.epaper-zone,
.subscribe-zone{
  width:auto!important;
  max-width:none!important;
  margin-left:var(--v38-page-edge)!important;
  margin-right:var(--v38-page-edge)!important;
  box-sizing:border-box!important;
}

/* Preserve intentional vertical margins already defined by sections. */
.category-section,
.movie-reviews,
.trailers-section,
.zodiac-section,
.v36-header-section,
.video-zone,
.gallery-zone,
.cartoon-zone,
.public-info,
.epaper-zone,
.subscribe-zone{
  overflow:hidden!important;
}

/* Header blocks inside category sections should fit the new gutter exactly. */
.category-section > .container,
.movie-reviews > .container,
.trailers-section > .container,
.zodiac-section > .container,
.v36-header-section > .container,
.video-zone > .container,
.gallery-zone > .container,
.cartoon-zone > .container,
.public-info > .container,
.epaper-zone > .container,
.subscribe-zone > .container{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Avoid double edge padding for sections that already use full-width grids. */
.top-widget-deck > .container,
.top-widget-deck .container.widget-deck-grid,
.top-widget-deck .widget-deck-grid{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Keep these broadcast elements edge-to-edge as approved. */
.main-header,
.site-header,
.masthead,
.main-nav,
.desktop-nav,
.live-information-ticker,
.breaking-news-ticker,
.headline-theatre,
.tv-ticker,
.mobile-bottom-nav,
.site-footer{
  margin-left:0!important;
  margin-right:0!important;
}

/* Tablet */
@media(max-width:1024px){
  :root{
    --v38-page-edge:12px;
  }
}

/* Mobile */
@media(max-width:767px){
  :root{
    --v38-page-edge:8px;
  }

  .command-centre,
  .broadcast-hero,
  #latest,
  #top10,
  .top10-ranking-wall,
  .top-widget-deck,
  .category-section,
  .movie-reviews,
  .trailers-section,
  .zodiac-section,
  .v36-header-section,
  .video-zone,
  .gallery-zone,
  .cartoon-zone,
  .public-info,
  .epaper-zone,
  .subscribe-zone{
    border-radius:14px!important;
  }

  /* Horizontal mobile card carousels still need internal swipe space. */
  .top-widget-deck > .container,
  .top-widget-deck .container.widget-deck-grid,
  .top-widget-deck .widget-deck-grid{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}

@media(max-width:420px){
  :root{
    --v38-page-edge:6px;
  }
}


/* =========================================================
   V39 — COMPLETE MOBILE FLOW & OVERLAP CORRECTION
   Desktop/tablet above 767px remains unchanged.
   ========================================================= */

@media(max-width:767px){

  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body{
    padding-bottom:96px!important;
  }

  main,
  .site-main,
  .page-main{
    width:100%!important;
    max-width:100%!important;
    display:block!important;
    overflow:visible!important;
  }

  /* ---------------------------------------------------------
     1. NORMAL DOCUMENT FLOW — NOTHING BEHIND SEARCH BAR
     --------------------------------------------------------- */

  .command-centre{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    float:none!important;
    clear:both!important;
    isolation:isolate!important;
    z-index:20!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-top:18px!important;
    margin-bottom:16px!important;
    overflow:visible!important;
  }

  .command-centre::before,
  .command-centre::after{
    content:""!important;
    display:table!important;
    clear:both!important;
  }

  .command-centre > .container,
  .command-centre .command-centre-inner{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    transform:none!important;
    overflow:visible!important;
  }

  .command-centre + #latest,
  .command-centre + .latest-news-section,
  .command-centre + .latest-section{
    clear:both!important;
    margin-top:0!important;
  }

  /* Ensure all four animated news cards finish before the search section. */
  .broadcast-hero .hero-side-stack{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    transform:none!important;
  }

  .broadcast-hero .hero-four-news-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    grid-auto-rows:minmax(184px,auto)!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    gap:11px!important;
    overflow:visible!important;
  }

  .broadcast-hero .hero-mini-news-card{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:184px!important;
    max-height:none!important;
    margin:0!important;
    transform:none!important;
    overflow:hidden!important;
  }

  /* Search field and buttons remain fully inside the screen. */
  .command-centre form,
  .command-centre .search-command,
  .command-centre .command-search{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .command-centre input{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding-left:48px!important;
    padding-right:58px!important;
    font-size:12px!important;
  }

  .command-centre .command-actions,
  .command-centre .quick-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    gap:9px!important;
    overflow:visible!important;
  }

  .command-centre .command-actions > *,
  .command-centre .quick-actions > *{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;
    padding:8px 5px!important;
    overflow:hidden!important;
  }

  /* ---------------------------------------------------------
     2. TOP 10 — REMOVE HUGE EMPTY MOBILE CARDS
     --------------------------------------------------------- */

  #top10,
  .top10-ranking-wall{
    position:relative!important;
    inset:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    clear:both!important;
  }

  .ranking-wall.ranking-rotator{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    gap:12px!important;
    padding:8px!important;
    overflow:visible!important;
  }

  .ranking-wall.ranking-rotator .rotating-rank-feature{
    width:100%!important;
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
    margin:0!important;
    overflow:hidden!important;
  }

  .ranking-wall.ranking-rotator .top10-rotator-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    grid-auto-rows:76px!important;
    align-content:start!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .ranking-wall.ranking-rotator .top10-rotator-list li,
  .ranking-wall.ranking-rotator .top10-rotator-list li.active,
  .ranking-wall.ranking-rotator .top10-rotator-list li.is-active{
    display:grid!important;
    grid-template-columns:46px 62px minmax(0,1fr) 24px!important;
    align-items:center!important;
    column-gap:8px!important;
    width:100%!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    margin:0!important;
    padding:7px 9px!important;
    overflow:hidden!important;
    border-radius:13px!important;
    box-sizing:border-box!important;
  }

  .ranking-wall.ranking-rotator .top10-rotator-list li > *{
    min-width:0!important;
    max-height:62px!important;
  }

  .ranking-wall.ranking-rotator .top10-rotator-list li b{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:11px!important;
    line-height:1.25!important;
  }

  .ranking-wall.ranking-rotator .top10-rotator-list li small{
    display:block!important;
    margin-top:2px!important;
    font-size:8px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* ---------------------------------------------------------
     3. GALLERY + MOVIES/OTT — STACK, NEVER OVERLAP
     --------------------------------------------------------- */

  .top-widget-deck{
    position:relative!important;
    inset:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    clear:both!important;
    overflow:visible!important;
  }

  .top-widget-deck > .container,
  .top-widget-deck .container.widget-deck-grid,
  .top-widget-deck .widget-deck-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    grid-auto-rows:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    gap:14px!important;
    margin:0!important;
    padding:0 8px 10px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    transform:none!important;
  }

  .top-widget-deck .v31-gallery-card,
  .top-widget-deck .v31-entertainment-card{
    position:relative!important;
    inset:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    flex:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    transform:none!important;
    scroll-snap-align:none!important;
    overflow:hidden!important;
  }

  .top-widget-deck .v31-gallery-card{
    display:grid!important;
    grid-template-rows:62px 420px 94px!important;
    min-height:576px!important;
  }

  .top-widget-deck .v31-gallery-stage{
    width:100%!important;
    height:420px!important;
    min-height:420px!important;
    max-height:420px!important;
  }

  .top-widget-deck .v31-gallery-thumbs{
    width:100%!important;
    height:94px!important;
    min-height:94px!important;
    max-height:94px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }

  .top-widget-deck .v31-entertainment-card{
    display:grid!important;
    grid-template-rows:250px auto!important;
  }

  .top-widget-deck .v31-ent-banner{
    width:100%!important;
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
  }

  .top-widget-deck .v31-banner-copy{
    top:24px!important;
    left:22px!important;
    width:72%!important;
    max-height:196px!important;
  }

  .top-widget-deck .v31-banner-copy h2{
    font-size:21px!important;
    line-height:1.15!important;
  }

  .top-widget-deck .v31-ent-body{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    gap:10px!important;
    padding:9px!important;
    overflow:visible!important;
  }

  .top-widget-deck .v31-poster-section{
    width:100%!important;
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
    margin:0!important;
    overflow:hidden!important;
  }

  .top-widget-deck .v31-poster-row{
    display:flex!important;
    grid-template-columns:none!important;
    width:100%!important;
    height:244px!important;
    min-height:244px!important;
    max-height:244px!important;
    gap:8px!important;
    padding:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
  }

  .top-widget-deck .v31-poster-card{
    flex:0 0 118px!important;
    width:118px!important;
    min-width:118px!important;
    max-width:118px!important;
    height:226px!important;
    min-height:226px!important;
    max-height:226px!important;
    scroll-snap-align:start!important;
  }

  /* ---------------------------------------------------------
     4. E-PAPER — NO CROPPED TITLE OR BUTTONS
     --------------------------------------------------------- */

  .epaper-zone{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:16px 0 108px!important;
    overflow:visible!important;
    clear:both!important;
  }

  .epaper-zone > .container{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0 14px!important;
    overflow:hidden!important;
  }

  .epaper-zone *,
  .epaper-zone *::before,
  .epaper-zone *::after{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .epaper-zone h1,
  .epaper-zone h2,
  .epaper-zone h3{
    margin-left:0!important;
    padding-left:0!important;
    transform:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-overflow:clip!important;
  }

  .epaper-zone h1,
  .epaper-zone h2{
    font-size:clamp(27px,7.6vw,40px)!important;
    line-height:1.17!important;
  }

  .epaper-zone p{
    margin-left:0!important;
    transform:none!important;
    font-size:13px!important;
    line-height:1.55!important;
  }

  .epaper-zone [class*="tabs"],
  .epaper-zone [class*="editions"],
  .epaper-zone [class*="actions"],
  .epaper-zone [class*="buttons"]{
    display:flex!important;
    flex-wrap:wrap!important;
    width:100%!important;
    gap:9px!important;
    overflow:visible!important;
  }

  .epaper-zone a,
  .epaper-zone button{
    max-width:100%!important;
    white-space:nowrap!important;
  }

  .epaper-zone [class*="cover"] img,
  .epaper-zone img{
    display:block!important;
    width:min(88%,390px)!important;
    height:auto!important;
    max-height:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
    object-fit:contain!important;
  }

  /* ---------------------------------------------------------
     5. FOOTER — NO LEFT CLIPPING, NO BOTTOM-NAV COVERING
     --------------------------------------------------------- */

  footer,
  .site-footer{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:30px 16px calc(112px + env(safe-area-inset-bottom))!important;
    overflow:visible!important;
    clear:both!important;
  }

  footer > .container,
  .site-footer > .container{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  footer .footer-grid,
  .site-footer .footer-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:22px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  footer .footer-grid > *,
  .site-footer .footer-grid > *{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    transform:none!important;
  }

  footer [class*="brand"],
  .site-footer [class*="brand"]{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  footer img,
  .site-footer img{
    display:block!important;
    max-width:min(100%,260px)!important;
    height:auto!important;
  }

  footer h2,
  footer h3,
  footer h4,
  .site-footer h2,
  .site-footer h3,
  .site-footer h4{
    margin-left:0!important;
    padding-left:0!important;
    overflow-wrap:anywhere!important;
  }

  footer ul,
  .site-footer ul{
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  footer li,
  .site-footer li{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }

  /* Fixed controls must sit above the fixed bottom navigation. */
  #backToTop,
  #back-to-top,
  .back-to-top,
  .backtotop,
  .scroll-top,
  .scroll-to-top,
  .go-top,
  [data-scroll-top]{
    right:14px!important;
    bottom:84px!important;
    z-index:99998!important;
  }

  .mobile-bottom-nav{
    height:70px!important;
    min-height:70px!important;
    max-height:none!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
}

@media(max-width:420px){

  .command-centre .command-actions,
  .command-centre .quick-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .ranking-wall.ranking-rotator .rotating-rank-feature{
    height:330px!important;
    min-height:330px!important;
    max-height:330px!important;
  }

  .ranking-wall.ranking-rotator .top10-rotator-list{
    grid-auto-rows:72px!important;
  }

  .ranking-wall.ranking-rotator .top10-rotator-list li,
  .ranking-wall.ranking-rotator .top10-rotator-list li.active,
  .ranking-wall.ranking-rotator .top10-rotator-list li.is-active{
    grid-template-columns:42px 56px minmax(0,1fr) 20px!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    column-gap:6px!important;
    padding:6px 7px!important;
  }

  .top-widget-deck .v31-gallery-card{
    grid-template-rows:58px 370px 90px!important;
    min-height:518px!important;
  }

  .top-widget-deck .v31-gallery-stage{
    height:370px!important;
    min-height:370px!important;
    max-height:370px!important;
  }

  .top-widget-deck .v31-ent-banner{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
  }

  .top-widget-deck .v31-entertainment-card{
    grid-template-rows:230px auto!important;
  }

  .epaper-zone > .container{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  footer,
  .site-footer{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}


/* =========================================================
   V40 — MOBILE HERO MUST FINISH BEFORE SEARCH
   Direct correction for the remaining card/search overlap.
   Desktop and tablet above 767px remain unchanged.
   ========================================================= */

@media(max-width:767px){

  /* The outer section must expand around the slider and all four cards. */
  .broadcast-hero{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-left:var(--v38-page-edge,8px)!important;
    margin-right:var(--v38-page-edge,8px)!important;
    padding:10px 0 16px!important;
    overflow:visible!important;
    contain:none!important;
    clear:both!important;
  }

  .broadcast-hero > .container.hero-layout,
  .broadcast-hero .container.hero-layout,
  .broadcast-hero .hero-layout{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    gap:12px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
    contain:none!important;
  }

  .broadcast-hero .hero-layout::after{
    content:""!important;
    display:block!important;
    width:100%!important;
    height:1px!important;
    clear:both!important;
    flex:0 0 1px!important;
  }

  /* Main slider remains first. */
  .broadcast-hero .hero-main{
    position:relative!important;
    inset:auto!important;
    order:1!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
    margin:0!important;
    overflow:hidden!important;
    transform:none!important;
  }

  /* Four cards remain in normal document flow after the slider. */
  .broadcast-hero .hero-side-stack{
    position:relative!important;
    inset:auto!important;
    order:2!important;
    flex:0 0 auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
    contain:none!important;
  }

  .broadcast-hero .hero-four-news-grid{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    align-items:stretch!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    gap:11px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
    contain:none!important;
  }

  .broadcast-hero .hero-mini-news-card{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    grid-column:auto!important;
    grid-row:auto!important;
    float:none!important;
    width:100%!important;
    height:206px!important;
    min-height:206px!important;
    max-height:206px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    transform:none!important;
  }

  .broadcast-hero .hero-mini-news-card > a{
    display:grid!important;
    grid-template-rows:112px 94px!important;
    width:100%!important;
    height:206px!important;
    min-height:206px!important;
    max-height:206px!important;
    overflow:hidden!important;
  }

  .broadcast-hero .hero-mini-news-media{
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    overflow:hidden!important;
  }

  .broadcast-hero .hero-mini-news-copy{
    height:94px!important;
    min-height:94px!important;
    max-height:94px!important;
    padding:10px 12px!important;
    overflow:hidden!important;
  }

  /*
   * Search must be a later normal-flow block.  A small top gap is added
   * only after the complete Broadcast Hero.
   */
  .broadcast-hero + .command-centre,
  .command-centre{
    position:relative!important;
    inset:auto!important;
    float:none!important;
    clear:both!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-top:16px!important;
    transform:none!important;
  }
}

@media(max-width:420px){

  .broadcast-hero .hero-main{
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
  }

  .broadcast-hero .hero-mini-news-card{
    height:198px!important;
    min-height:198px!important;
    max-height:198px!important;
  }

  .broadcast-hero .hero-mini-news-card > a{
    grid-template-rows:108px 90px!important;
    height:198px!important;
    min-height:198px!important;
    max-height:198px!important;
  }

  .broadcast-hero .hero-mini-news-media{
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
  }

  .broadcast-hero .hero-mini-news-copy{
    height:90px!important;
    min-height:90px!important;
    max-height:90px!important;
  }
}