.live-news-card.has-live-thumbnail{
  padding:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.live-news-thumb{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  flex:0 0 auto;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 18% 18%,rgba(78,231,255,.14),transparent 46%),
    radial-gradient(circle at 86% 82%,rgba(141,107,255,.16),transparent 52%),
    #08111f;
}

.live-news-thumb img{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .28s ease,filter .28s ease,opacity .18s ease;
}

.live-news-thumb[data-media-state="loading"] img{opacity:.35}
.live-news-thumb[data-media-state="ready"] img{opacity:1}

.live-news-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 48%,rgba(5,8,15,.58));
}

.live-news-thumb-placeholder{
  --live-thumb-hue:194;
  position:absolute;
  inset:0;
  z-index:0;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:end;
  gap:12px;
  padding:14px;
  background:
    radial-gradient(circle at 18% 16%,hsl(var(--live-thumb-hue) 92% 58% / .22),transparent 36%),
    radial-gradient(circle at 88% 82%,hsl(calc(var(--live-thumb-hue) + 58) 88% 62% / .2),transparent 46%),
    linear-gradient(145deg,rgba(10,27,45,.9),rgba(7,10,19,.98)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 1px,transparent 1px 16px);
}

.live-news-thumb-placeholder::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid hsl(var(--live-thumb-hue) 80% 68% / .12);
  border-radius:12px;
  pointer-events:none;
}

.live-news-thumb-mark{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  margin:0;
  border:1px solid hsl(var(--live-thumb-hue) 88% 70% / .3);
  border-radius:15px;
  color:hsl(var(--live-thumb-hue) 92% 78%);
  background:hsl(var(--live-thumb-hue) 72% 48% / .1);
  box-shadow:0 12px 32px rgba(0,0,0,.25);
  font-size:1.05rem;
  font-style:normal;
  font-weight:950;
  letter-spacing:.04em;
}

.live-news-thumb-placeholder-copy{
  position:relative;
  z-index:1;
  min-width:0;
  padding-bottom:3px;
}

.live-news-thumb-placeholder strong{
  display:block;
  color:hsl(var(--live-thumb-hue) 92% 78%);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.13em;
}

.live-news-thumb-placeholder span{
  display:block;
  width:100%;
  margin-top:4px;
  overflow:hidden;
  color:rgba(235,243,255,.82);
  font-size:.61rem;
  font-weight:850;
  letter-spacing:.055em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.live-news-thumb[data-duplicate-avoided="true"] .live-news-thumb-placeholder::after{
  content:"FARKLI GÖRSEL MODU";
  position:absolute;
  top:14px;
  right:14px;
  z-index:1;
  padding:4px 7px;
  border:1px solid hsl(var(--live-thumb-hue) 82% 70% / .2);
  border-radius:999px;
  color:rgba(230,242,255,.7);
  background:rgba(4,9,17,.46);
  font-size:.48rem;
  font-weight:900;
  letter-spacing:.08em;
}

.live-news-copy{
  min-width:0;
  padding:15px 16px 16px;
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
}

.live-news-card.has-live-thumbnail .live-news-meta{margin-bottom:10px}
.live-news-card.has-live-thumbnail h3{margin-bottom:9px}
.live-news-card.has-live-thumbnail .live-news-footer{margin-top:auto;padding-top:12px}

.live-news-card.has-live-thumbnail:hover .live-news-thumb img{
  transform:scale(1.035);
  filter:saturate(1.05) contrast(1.025);
}

@media(max-width:1100px){
  .live-news-thumb-placeholder{padding:14px}
}

@media(max-width:680px){
  .live-news-card.has-live-thumbnail{
    flex:0 0 min(86vw,330px);
  }

  .live-news-copy{padding:14px 15px 15px}
  .live-news-thumb-placeholder{grid-template-columns:48px minmax(0,1fr)}
  .live-news-thumb-mark{width:48px;height:48px;border-radius:13px}
}

@media(prefers-reduced-motion:reduce){
  .live-news-thumb img{transition:none}
  .live-news-card.has-live-thumbnail:hover .live-news-thumb img{transform:none}
}