/* ======================================================
   05-grid.css — Luoi & the video
   ====================================================== */
/* ====== LƯỚI VIDEO ====== */
  .scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:18px clamp(20px,5vw,46px) calc(var(--nav-h) + 24px);
    -webkit-overflow-scrolling:touch}
  .grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
  @media(max-width:520px){.grid{grid-template-columns:1fr 1fr;gap:14px}}

  .card{
    border:0;cursor:pointer;text-align:left;padding:0;overflow:hidden;font-family:inherit;
    background:rgba(255,255,255,.96);border-radius:24px;
    box-shadow:0 10px 0 rgba(0,0,0,.10);color:#2A2438;
    transition:transform .14s cubic-bezier(.34,1.56,.64,1);
  }
  .card.squish{transform:scale(.9)}
  .card:active{transform:scale(.93)}
  .thumb{position:relative;aspect-ratio:16/9;background:#ddd;overflow:hidden}
  .thumb img{width:100%;height:100%;object-fit:cover;display:block}
  .thumb .pbtn{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.92);
    display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.3)}
  .thumb .pbtn svg{width:26px;height:26px;margin-left:3px}
  .thumb .dur{position:absolute;right:9px;bottom:9px;background:rgba(0,0,0,.8);color:#fff;
    font-size:13px;font-weight:700;padding:3px 9px;border-radius:8px}
  .thumb .rec{position:absolute;left:9px;top:9px;background:#FFB300;color:#3A2A00;
    font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
  .meta{padding:13px 15px 16px}
  .meta h3{font-weight:700;font-size:16px;line-height:1.25;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .meta .ch{font-size:13.5px;color:#8B8398;margin-top:6px;font-weight:600}


/* ---- thanh tien do "xem tiep" tren thumbnail ---- */
.thumb .watching{position:absolute;left:9px;bottom:9px;background:rgba(0,0,0,.78);
  color:#fff;font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:8px}
.thumb .pbar{position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(0,0,0,.25)}
.thumb .pbar span{display:block;height:100%;background:#EC407A;border-radius:0 3px 3px 0}