.lpk-yt-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:20px;
  margin:20px auto;
}
.lpk-yt-card{
  border-radius:12px;
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,0.08);
  overflow:hidden;
  transition:transform .2s,box-shadow .2s;
}
.lpk-yt-card:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 25px rgba(0,0,0,0.12);
}
.lpk-thumb{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
}
.lpk-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.lpk-play{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:#002b6b;
  width:60px;
  height:60px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.lpk-play svg{fill:#fff;width:24px;height:24px;}
.lpk-meta{padding:15px;}
.lpk-meta h3{margin:0;font-size:18px;color:#002b6b;}
.lpk-meta p{color:#444;font-size:14px;margin-top:5px;}
.lpk-modal{
  position:fixed;inset:0;background:rgba(0,0,0,0.7);
  display:none;align-items:center;justify-content:center;
  z-index:9999;
}
.lpk-modal.open{display:flex;}
.lpk-modal .inner{
  width:min(90%,900px);background:#000;border-radius:10px;overflow:hidden;
}
.lpk-modal iframe{width:100%;height:500px;border:0;}
@media(max-width:768px){
  .lpk-modal iframe{height:300px;}
}