/* v25 — iTV section-safe detail pages and premium responsive media player */
.itv-media-detail-page{--detail-accent:#ff2848;--detail-accent-rgb:255,40,72;--detail-secondary:#2aa8ff;--detail-secondary-rgb:42,168,255;background:#f5f8fc;color:#0b2447}
.itv-media-detail-page[data-itv-section="shows"]{--detail-accent:#ff8a32;--detail-accent-rgb:255,138,50;--detail-secondary:#39a8ff;--detail-secondary-rgb:57,168,255}
.itv-media-detail-page[data-itv-section="movies"]{--detail-accent:#e8ad4d;--detail-accent-rgb:232,173,77;--detail-secondary:#4a9cff;--detail-secondary-rgb:74,156,255}
.itv-media-detail-page[data-itv-section="music"]{--detail-accent:#dd3fff;--detail-accent-rgb:221,63,255;--detail-secondary:#7b5cff;--detail-secondary-rgb:123,92,255}
.itv-media-detail-page[data-itv-section="sports"]{--detail-accent:#35df80;--detail-accent-rgb:53,223,128;--detail-secondary:#28a8ff;--detail-secondary-rgb:40,168,255}
.itv-media-detail-page[data-itv-section="youtube"]{--detail-accent:#ff203d;--detail-accent-rgb:255,32,61;--detail-secondary:#397dff;--detail-secondary-rgb:57,125,255}
.itv-media-detail-page .media-header{box-shadow:0 8px 28px rgba(2,16,36,.12)}
.itv-detail-intro{position:relative;overflow:hidden;padding:52px 0 42px;color:#fff;background:radial-gradient(circle at 88% 10%,rgba(var(--detail-secondary-rgb),.28),transparent 25%),radial-gradient(circle at 74% 100%,rgba(var(--detail-accent-rgb),.16),transparent 30%),linear-gradient(125deg,#020817,#071830 58%,#0a3159);border-bottom:1px solid rgba(81,170,237,.2)}
.itv-detail-intro::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(101,180,239,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(101,180,239,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
.itv-detail-intro>.container{position:relative;z-index:1}
.itv-detail-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:22px;color:#89abc8;font-size:.8rem;font-weight:750}.itv-detail-breadcrumbs a{color:#b9d8ee;text-decoration:none}.itv-detail-breadcrumbs a:hover{color:#fff}
.itv-detail-head{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:42px;align-items:end}.itv-detail-category{display:inline-flex;align-items:center;gap:9px;margin-bottom:12px;color:#d7eafb;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.itv-detail-category::before{content:"";width:29px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--detail-accent),var(--detail-secondary));box-shadow:0 0 16px rgba(var(--detail-accent-rgb),.7)}
.itv-detail-head h1{max-width:930px;margin:0;color:#fff;font-size:clamp(2.25rem,4.7vw,5.4rem);line-height:.96;letter-spacing:-.055em;text-wrap:balance}.itv-detail-head p{max-width:760px;margin:17px 0 0;color:#bcd1e4;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.65}
.itv-detail-meta{display:grid;gap:12px;padding:18px;border:1px solid rgba(163,216,255,.18);border-radius:20px;background:rgba(255,255,255,.06);backdrop-filter:blur(15px);box-shadow:inset 0 1px rgba(255,255,255,.08)}.itv-detail-meta span{display:flex;justify-content:space-between;gap:15px;color:#d8e9f6;font-size:.79rem}.itv-detail-meta b{color:#789fbe;text-transform:uppercase;letter-spacing:.07em;font-size:.65rem}
.itv-detail-stage-section{position:relative;padding:58px 0 70px;background:linear-gradient(180deg,#eef4fa,#fff)}.itv-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;align-items:start}.itv-detail-main{min-width:0}
.itv-detail-player{position:relative;overflow:hidden;border:1px solid rgba(123,195,246,.28);border-radius:26px;background:#030913;color:#fff;box-shadow:0 30px 75px rgba(4,26,52,.2),0 0 0 1px rgba(var(--detail-secondary-rgb),.08),0 0 48px rgba(var(--detail-secondary-rgb),.12)}
.itv-detail-player-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,#07182a,#0b2944);font-size:.69rem;font-weight:900;letter-spacing:.09em}.itv-detail-player-top span{display:flex;align-items:center;gap:8px}.itv-detail-player-top i{width:7px;height:7px;border-radius:50%;background:var(--detail-accent);box-shadow:0 0 14px rgba(var(--detail-accent-rgb),1)}.itv-detail-player-top b{color:#7ebbe7;font-size:.63rem}
.itv-detail-viewport{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000;isolation:isolate}.itv-detail-canvas,.itv-detail-canvas>div,.itv-detail-canvas iframe,.itv-detail-canvas video,.itv-detail-canvas audio{width:100%!important;height:100%!important;border:0;display:block}.itv-detail-canvas iframe,.itv-detail-canvas video{pointer-events:none}.itv-detail-canvas video{object-fit:contain;background:#000}.itv-detail-canvas audio{background:radial-gradient(circle at 50% 35%,rgba(var(--detail-secondary-rgb),.22),transparent 35%),linear-gradient(145deg,#020811,#08223b)}
.itv-detail-overlay{position:absolute;inset:0;z-index:3;border:0;padding:0;background:#02070d;color:#fff;cursor:pointer}.itv-detail-overlay img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.03) contrast(1.03)}.itv-detail-overlay::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.12) 50%,rgba(1,7,15,.64))}.itv-detail-play-circle{position:absolute;z-index:2;left:50%;top:50%;width:82px;height:82px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.45);border-radius:50%;background:linear-gradient(135deg,var(--detail-accent),#d71238);box-shadow:0 18px 45px rgba(var(--detail-accent-rgb),.36),inset 0 1px rgba(255,255,255,.3);font-size:1.55rem;padding-left:4px}.itv-detail-overlay small{position:absolute;z-index:2;left:20px;bottom:17px;font-weight:900;letter-spacing:.11em;color:#e8f5ff}
.itv-detail-controls{display:grid;grid-template-columns:46px 46px 46px auto minmax(100px,1fr) auto 46px minmax(80px,115px) 46px;align-items:center;gap:8px;padding:10px 12px;background:#071827;border-top:1px solid rgba(255,255,255,.06)}.itv-detail-controls button{width:42px;height:40px;border:1px solid #284a66;border-radius:10px;background:#102b43;color:#fff;font-weight:900}.itv-detail-controls button:hover{border-color:#4c94c7;background:#153a5a}.itv-detail-controls .primary{width:46px;background:linear-gradient(135deg,var(--detail-accent),#e0193e);border-color:rgba(255,255,255,.18)}.itv-detail-controls input[type="range"]{width:100%;accent-color:var(--detail-secondary);cursor:pointer}.itv-detail-time{font-size:.7rem;color:#9eb6ca;font-variant-numeric:tabular-nums;white-space:nowrap}
.itv-detail-player-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border-top:1px solid rgba(255,255,255,.07);background:#06131f}.itv-detail-player-footer strong,.itv-detail-player-footer small{display:block}.itv-detail-player-footer strong{font-size:.92rem;line-height:1.3}.itv-detail-player-footer small{margin-top:3px;color:#8ea9bf;font-size:.73rem}.itv-detail-signal{white-space:nowrap;color:#64c5ff;font-size:.66rem;font-weight:900;letter-spacing:.07em}
.itv-detail-feature-image{overflow:hidden;margin:0;border-radius:26px;border:1px solid #dce7f0;background:#fff;box-shadow:0 28px 70px rgba(4,30,59,.14)}.itv-detail-feature-image img{display:block;width:100%;max-height:720px;object-fit:contain;background:#071421}
.itv-detail-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:14px 16px;border:1px solid #dbe6ef;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(9,38,67,.06)}.itv-detail-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.itv-detail-share>span{margin-right:3px;color:#8193a5;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.itv-detail-share a,.itv-detail-share button{border:1px solid #d9e4ed;border-radius:9px;background:#f8fbfd;color:#174a72;padding:8px 10px;font:inherit;font-size:.73rem;font-weight:800;text-decoration:none;cursor:pointer}.itv-detail-share a:hover,.itv-detail-share button:hover{background:#edf6fc;border-color:#bcd7e9}.itv-detail-youtube{color:#d81e3c;font-size:.76rem;font-weight:900;text-decoration:none;white-space:nowrap}
.itv-detail-story{margin-top:28px;padding:clamp(24px,4vw,48px);border:1px solid #e0e9f0;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(8,35,64,.07);font-size:1.04rem;line-height:1.82;color:#29415a}.itv-detail-story>:first-child{margin-top:0}.itv-detail-story>:last-child{margin-bottom:0}.itv-detail-story h2,.itv-detail-story h3{color:#0b294a;line-height:1.2;margin-top:1.6em}.itv-detail-story a{color:#126cae}
.itv-detail-aside{display:grid;gap:18px;position:sticky;top:110px}.itv-detail-aside-card{padding:23px;border:1px solid #dbe7f0;border-radius:22px;background:#fff;box-shadow:0 16px 45px rgba(7,32,59,.07)}.itv-detail-aside-card h2{margin:8px 0 9px;color:#0b294a;font-size:1.35rem;line-height:1.2}.itv-detail-aside-card p{margin:0 0 18px;color:#617589;font-size:.9rem;line-height:1.62}.itv-detail-aside-card .btn{width:100%;justify-content:center;text-align:center}.itv-detail-aside-card.dark{color:#fff;border-color:rgba(103,181,238,.2);background:radial-gradient(circle at 86% 10%,rgba(var(--detail-secondary-rgb),.26),transparent 29%),linear-gradient(145deg,#06162a,#0c355d)}.itv-detail-aside-card.dark h2{color:#fff}.itv-detail-aside-card.dark p{color:#b8cee1}.itv-detail-ghost{color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.08)!important}
.itv-detail-related{background:#06152a;color:#fff;border-top:1px solid #173d65}.itv-detail-related-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.itv-detail-related .section-title{color:#fff;max-width:780px}.itv-detail-related-head>a{color:#75c7ff;font-weight:850;text-decoration:none}.itv-related-card{height:100%;overflow:hidden;border:1px solid rgba(124,190,238,.18);border-radius:20px;background:#0a2541;box-shadow:0 16px 42px rgba(0,0,0,.18)}.itv-related-card>a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.itv-related-card figure{position:relative;aspect-ratio:16/9;overflow:hidden;margin:0;background:#020912}.itv-related-card figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.itv-related-card:hover figure img{transform:scale(1.04)}.itv-related-card figure span{position:absolute;left:13px;bottom:12px;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.3)}.itv-related-card>a>div{padding:17px}.itv-related-card small{color:#67bfff;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.itv-related-card h3{margin:7px 0 8px;color:#fff;font-size:1.05rem;line-height:1.28}.itv-related-card p{margin:0;color:#9fb8cc;font-size:.82rem;line-height:1.5}
.itv-media-detail-page .footer-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.itv-media-detail-page .footer-brand img{width:58px;height:58px;object-fit:contain}.itv-media-detail-page .footer-brand span strong,.itv-media-detail-page .footer-brand span small{display:block}.itv-media-detail-page .footer-brand span small{color:#9bb9d2;margin-top:3px}
@media(max-width:1050px){.itv-detail-head{grid-template-columns:1fr}.itv-detail-meta{grid-template-columns:repeat(3,1fr)}.itv-detail-meta span{display:grid;gap:5px}.itv-detail-layout{grid-template-columns:1fr}.itv-detail-aside{position:static;grid-template-columns:1fr 1fr}.itv-detail-controls{grid-template-columns:44px 44px 44px auto minmax(80px,1fr) auto 44px 90px 44px}}
@media(max-width:760px){.itv-detail-intro{padding:36px 0 32px}.itv-detail-breadcrumbs{margin-bottom:16px}.itv-detail-head h1{font-size:clamp(2.2rem,11vw,3.3rem)}.itv-detail-head p{font-size:.96rem;line-height:1.58}.itv-detail-meta{grid-template-columns:1fr;padding:14px;gap:8px}.itv-detail-meta span{display:flex}.itv-detail-stage-section{padding:28px 0 44px}.itv-detail-layout{gap:24px}.itv-detail-player{border-radius:18px}.itv-detail-player-top{padding:9px 11px;font-size:.6rem}.itv-detail-viewport{aspect-ratio:16/9}.itv-detail-play-circle{width:64px;height:64px;font-size:1.2rem}.itv-detail-overlay small{left:13px;bottom:11px;font-size:.62rem}.itv-detail-controls{grid-template-columns:42px 38px 38px minmax(70px,1fr) 38px 38px;gap:5px;padding:8px}.itv-detail-controls [data-detail-current],.itv-detail-controls [data-detail-duration],.itv-detail-controls [data-detail-volume]{display:none}.itv-detail-controls button{width:38px;height:36px}.itv-detail-controls .primary{width:42px}.itv-detail-player-footer{padding:10px 11px}.itv-detail-player-footer strong{font-size:.82rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.itv-detail-signal{font-size:.58rem}.itv-detail-actions{align-items:flex-start;flex-direction:column}.itv-detail-youtube{align-self:flex-end}.itv-detail-story{padding:22px 18px;border-radius:18px;font-size:.98rem;line-height:1.72}.itv-detail-aside{grid-template-columns:1fr}.itv-detail-related-head{align-items:flex-start;flex-direction:column}.itv-detail-related .grid{grid-template-columns:1fr}.itv-detail-feature-image{border-radius:18px}}
@media(max-width:390px){.itv-detail-controls{grid-template-columns:40px 36px 36px minmax(52px,1fr) 36px}.itv-detail-controls [data-detail-mute]{display:none}.itv-detail-player-footer .itv-detail-signal{display:none}.itv-detail-share{gap:6px}.itv-detail-share a,.itv-detail-share button{padding:7px 8px;font-size:.68rem}}

/* =========================================================
   v27 — compact premium related-content section
   Isolated to iTV detail pages; no routing or article markup changes.
   ========================================================= */
body.itv-media-detail-page section.itv-detail-related.section{
  position:relative;
  isolation:isolate;
  min-height:0!important;
  padding:clamp(34px,3.8vw,52px) 0!important;
  overflow:hidden;
  color:#fff!important;
  border-top:1px solid rgba(85,177,245,.24)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  background:
    radial-gradient(circle at 86% 14%,rgba(var(--detail-secondary-rgb),.22),transparent 27%),
    radial-gradient(circle at 10% 95%,rgba(var(--detail-accent-rgb),.13),transparent 26%),
    linear-gradient(135deg,#031020 0%,#082745 58%,#051526 100%)!important;
}
body.itv-media-detail-page section.itv-detail-related.section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(rgba(111,190,246,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(111,190,246,.038) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.72),transparent 96%);
}
body.itv-media-detail-page section.itv-detail-related.section>.container{
  position:relative;
  z-index:1;
}
body.itv-media-detail-page .itv-detail-related-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px!important;
}
body.itv-media-detail-page .itv-detail-related-head .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:8px;
  color:#8ed1ff!important;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body.itv-media-detail-page .itv-detail-related-head .eyebrow::before{
  content:"";
  width:27px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--detail-accent),var(--detail-secondary));
  box-shadow:0 0 14px rgba(var(--detail-accent-rgb),.65);
}
body.itv-media-detail-page .itv-detail-related .section-title{
  max-width:690px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(1.9rem,3.15vw,3.45rem)!important;
  line-height:1!important;
  letter-spacing:-.04em;
  text-shadow:0 10px 32px rgba(0,0,0,.32);
}
body.itv-media-detail-page .itv-detail-related-head>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border:1px solid rgba(131,205,255,.32);
  border-radius:999px;
  color:#eaf7ff!important;
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.16);
  backdrop-filter:blur(12px);
  font-size:.78rem;
  font-weight:900!important;
  text-decoration:none!important;
  transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;
}
body.itv-media-detail-page .itv-detail-related-head>a::after{
  content:" →";
  margin-left:5px;
}
body.itv-media-detail-page .itv-detail-related-head>a:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--detail-secondary-rgb),.8);
  background:rgba(var(--detail-secondary-rgb),.16);
  box-shadow:0 13px 30px rgba(var(--detail-secondary-rgb),.16),inset 0 1px rgba(255,255,255,.1);
}
body.itv-media-detail-page .itv-detail-related .grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
body.itv-media-detail-page .itv-related-card{
  min-width:0;
  height:100%;
  overflow:hidden;
  border:1px solid rgba(137,201,246,.2)!important;
  border-radius:18px!important;
  background:linear-gradient(155deg,#0a2744,#071d35)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.22)!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
body.itv-media-detail-page .itv-related-card:hover{
  transform:translateY(-5px);
  border-color:rgba(var(--detail-secondary-rgb),.55)!important;
  box-shadow:0 22px 46px rgba(0,0,0,.3),0 0 28px rgba(var(--detail-secondary-rgb),.09)!important;
}
body.itv-media-detail-page .itv-related-card figure{
  aspect-ratio:16/8.7!important;
  margin:0;
  background:#020912;
}
body.itv-media-detail-page .itv-related-card figure::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 48%,rgba(1,8,18,.56));
}
body.itv-media-detail-page .itv-related-card figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease,filter .35s ease;
}
body.itv-media-detail-page .itv-related-card:hover figure img{
  transform:scale(1.045);
  filter:saturate(1.07) contrast(1.03);
}
body.itv-media-detail-page .itv-related-card figure span{
  left:11px!important;
  bottom:10px!important;
  z-index:2;
  width:34px!important;
  height:34px!important;
  border-color:rgba(255,255,255,.34)!important;
  background:linear-gradient(135deg,var(--detail-accent),#d8183a)!important;
  box-shadow:0 9px 24px rgba(var(--detail-accent-rgb),.28);
  font-size:.8rem;
}
body.itv-media-detail-page .itv-related-card>a>div{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:13px 14px 15px!important;
}
body.itv-media-detail-page .itv-related-card small{
  color:#70c8ff!important;
  font-size:.65rem;
}
body.itv-media-detail-page .itv-related-card h3{
  display:-webkit-box;
  min-height:2.65em;
  margin:6px 0 7px!important;
  overflow:hidden;
  color:#fff!important;
  font-size:.96rem!important;
  line-height:1.32!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.itv-media-detail-page .itv-related-card p{
  display:-webkit-box;
  margin:0!important;
  overflow:hidden;
  color:#9fb8cc!important;
  font-size:.76rem!important;
  line-height:1.45!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
@media(max-width:1120px){
  body.itv-media-detail-page .itv-detail-related .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  body.itv-media-detail-page section.itv-detail-related.section{padding:34px 0 40px!important}
  body.itv-media-detail-page .itv-detail-related .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}
  body.itv-media-detail-page .itv-detail-related .section-title{font-size:clamp(1.8rem,6vw,2.6rem)!important}
}
@media(max-width:560px){
  body.itv-media-detail-page section.itv-detail-related.section{padding:29px 0 34px!important}
  body.itv-media-detail-page .itv-detail-related-head{align-items:flex-start!important;gap:15px!important;margin-bottom:17px!important}
  body.itv-media-detail-page .itv-detail-related-head>a{min-height:38px;padding:8px 13px;font-size:.72rem}
  body.itv-media-detail-page .itv-detail-related .grid{grid-template-columns:1fr!important;gap:14px!important}
  body.itv-media-detail-page .itv-related-card{display:grid;grid-template-columns:122px minmax(0,1fr);border-radius:15px!important}
  body.itv-media-detail-page .itv-related-card>a{display:contents}
  body.itv-media-detail-page .itv-related-card figure{height:100%;min-height:118px;aspect-ratio:auto!important}
  body.itv-media-detail-page .itv-related-card>a>div{padding:12px 12px 13px!important}
  body.itv-media-detail-page .itv-related-card h3{font-size:.9rem!important}
  body.itv-media-detail-page .itv-related-card p{-webkit-line-clamp:2;font-size:.72rem!important}
}
@media(prefers-reduced-motion:reduce){
  body.itv-media-detail-page .itv-related-card,
  body.itv-media-detail-page .itv-related-card figure img,
  body.itv-media-detail-page .itv-detail-related-head>a{transition:none}
  body.itv-media-detail-page .itv-related-card:hover,
  body.itv-media-detail-page .itv-detail-related-head>a:hover{transform:none}
}