/* Layout */
.video-card{margin:18px 0}
.video-wrap{max-width:320px;margin:0 auto}

/* Player box */
.vbox{
  position:relative;border-radius:16px;overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  background:radial-gradient(120% 120% at 50% 30%, #1f2937 0%, #0b1220 100%);
}
.vbox::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(90deg, rgba(0,0,0,.22), transparent 22%, transparent 78%, rgba(0,0,0,.22));
}
.vbox video{
  position:relative; z-index:0; width:100%; height:100%; display:block;
  object-fit:contain; background:transparent;
}
video::-webkit-media-controls-enclosure,
video::-webkit-media-controls{ display:none !important; }

/* Overlay: ONLY button clickable */
.overlay{
  position:absolute; inset:0; z-index:4;
  display:flex; align-items:center; justify-content:center;
  pointer-events:none; /* বাইরে টাচ নেবে না */
}
.bigplay{
  pointer-events:auto; /* শুধু বাটন টাচ/ক্লিক নেবে */
  position:relative;
  width:92px;height:92px;border-radius:50%;
  background:rgba(0,0,0,.18);
  border:2px solid rgba(255,255,255,.95);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer; transition:transform .12s ease, background .12s ease;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));
}
.bigplay:before{
  content:""; width:0;height:0;margin-left:6px; pointer-events:none;
  border-left:28px solid #fff; border-top:17px solid transparent; border-bottom:17px solid transparent;
}
.overlay.hidden .bigplay{ opacity:0; pointer-events:none; }

/* Controls */
.controls{
  position:absolute; left:0; right:0; bottom:0; z-index:5;
  display:flex; align-items:center; gap:10px; padding:8px 10px;
  background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
}
.cbtn{border:0; background:rgba(255,255,255,.14); color:#fff;
  border-radius:8px; width:34px; height:32px; display:grid; place-items:center; cursor:pointer}
.cbtn:hover{background:rgba(255,255,255,.22)}
.time{color:#fff; font-size:12px; min-width:90px; text-align:center}
.seek{flex:1; appearance:none; height:6px; border-radius:999px; background:rgba(255,255,255,.25); cursor:pointer}
.seek::-webkit-slider-thumb{appearance:none; width:14px; height:14px; border-radius:50%; background:#fff}
.seek::-moz-range-thumb{width:14px; height:14px; border-radius:50%; background:#fff; border:none}

/* Meta */
.video-meta{text-align:center;margin-top:10px}
.filemeta{display:block;color:#6b7280;font-size:13px;margin-bottom:8px}
.btn{display:inline-block;padding:10px 16px;border-radius:12px;text-decoration:none}
.btn-download{background:#111827;color:#fff}
.btn-download:hover{filter:brightness(1.06)}