/* ========== WORK HOVER EFFECTS UPGRADE ========== */
.yt-card{
  background:#0a0a0c;border:1px solid var(--line);overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .6s cubic-bezier(.2,.7,.2,1), border-color .4s, box-shadow .6s;
  cursor:pointer;position:relative;
}
.yt-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,0,0,.0),rgba(255,0,0,.0));
  transition:background .4s;pointer-events:none;z-index:1;
}
.yt-card:hover{
  transform:translateY(-4px) scale(1.005);
  border-color:rgba(255,0,0,.5);
  box-shadow:0 12px 40px rgba(255,0,0,.15),0 0 0 1px rgba(255,0,0,.2);
}
.yt-card:hover::after{
  background:linear-gradient(135deg,rgba(255,0,0,.04),transparent);
}
.yt-thumb .yt-play{
  transition:transform .4s cubic-bezier(.2,.7,.2,1), background .3s, box-shadow .3s;
}
.yt-card:hover .yt-thumb .yt-play{
  transform:translate(-50%,-50%) scale(1.12);
  background:#FF0000;
  box-shadow:0 0 30px rgba(255,0,0,.5);
}

.ig-reel{
  position:relative;background:#0a0a0c;border:1px solid var(--line);overflow:hidden;
  transition:transform .6s cubic-bezier(.2,.7,.2,1), border-color .4s, box-shadow .6s;
  cursor:pointer;
}
.ig-reel:hover{
  transform:translateY(-4px) scale(1.012);
  border-color:rgba(225,48,108,.5);
  box-shadow:0 12px 40px rgba(225,48,108,.15),0 0 0 1px rgba(225,48,108,.2);
}

.fb-post{
  background:#0a0a0c;border:1px solid var(--line);
  transition:transform .6s cubic-bezier(.2,.7,.2,1), border-color .4s, box-shadow .6s;
  cursor:pointer;display:flex;flex-direction:column;
}
.fb-post:hover{
  transform:translateY(-4px);
  border-color:rgba(24,119,242,.5);
  box-shadow:0 12px 40px rgba(24,119,242,.12),0 0 0 1px rgba(24,119,242,.2);
}