/* DFX MEDIA CARD + VIDEO HOTFIX V96 */

/* Shorter and cleaner image cards. */
body.dfxImagesPage .grid{align-items:start!important}
body.dfxImagesPage .card{height:auto!important;min-height:0!important}
body.dfxImagesPage .thumb{
  aspect-ratio:16/10!important;
  min-height:0!important;
  max-height:230px!important;
}
body.dfxImagesPage .thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
body.dfxImagesPage .body{padding:12px 14px 13px!important}
body.dfxImagesPage .title{font-size:15px!important;margin-bottom:4px!important}
body.dfxImagesPage .desc{margin-top:4px!important;-webkit-line-clamp:1!important}
body.dfxImagesPage .meta{margin-top:8px!important}
body.dfxImagesPage .viewBtn,
body.dfxImagesPage .view,
body.dfxImagesPage a[class*="view"]{min-height:36px!important;padding-top:8px!important;padding-bottom:8px!important}

/* Video rows never stretch to the tallest item. */
body.dfxVideosPage .grid{
  align-items:start!important;
  grid-auto-rows:auto!important;
}
body.dfxVideosPage .card,
body.dfxVideosPage .sponsored{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
}

/* Sponsored video is a compact media card, not a giant opening banner. */
body.dfxVideosPage .grid .sponsored,
body.dfxVideosPage .dfxAdOnlyGrid .sponsored{
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--v95-line,#e1e8f5)!important;
  border-radius:21px!important;
  background:var(--v95-card,#fff)!important;
  box-shadow:var(--v95-shadow,0 14px 38px rgba(30,55,110,.08))!important;
}
body.dfxVideosPage .grid .sponsoredInner,
body.dfxVideosPage .dfxAdOnlyGrid .sponsoredInner{
  width:100%!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#061127 0%,#162552 48%,#6d36ad 100%)!important;
}
body.dfxVideosPage .sponsoredInner video,
body.dfxVideosPage .sponsoredInner iframe,
body.dfxVideosPage .sponsoredInner>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.dfxVideosPage .sponsoredShade{
  background:linear-gradient(180deg,transparent 34%,rgba(2,7,25,.88) 100%)!important;
}
body.dfxVideosPage .sponsoredInfo{
  left:15px!important;
  right:125px!important;
  bottom:14px!important;
  max-width:none!important;
}
body.dfxVideosPage .sponsoredInfo h2{font-size:18px!important;margin:6px 0 0!important;line-height:1.25!important}
body.dfxVideosPage .sponsoredInfo p{display:none!important}
body.dfxVideosPage .adBadge{padding:6px 9px!important;font-size:10px!important}
body.dfxVideosPage .adTools{display:none!important}
body.dfxVideosPage .visitAd{
  right:12px!important;
  bottom:12px!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 11px!important;
  border-radius:12px!important;
  font-size:11px!important;
}
body.dfxVideosPage .dfxAdOnlyGrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
  margin-top:18px!important;
}
body.dfxVideosPage .dfxAdBrokenMedia{
  position:absolute;inset:0;display:grid;place-items:center;
  color:#fff;font-size:14px;font-weight:900;text-align:center;padding:20px;
  background:linear-gradient(135deg,#061127,#24366d,#7a3bc0);
}

@media(max-width:1040px){
  body.dfxVideosPage .dfxAdOnlyGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  body.dfxImagesPage .thumb{aspect-ratio:16/11!important;max-height:none!important}
  body.dfxVideosPage .dfxAdOnlyGrid{grid-template-columns:1fr!important}
}