.yvsh-grid{
 display:grid;
 grid-template-columns:repeat(5,1fr);
 gap:16px;
 padding: 12px;
}
@media(max-width:768px){
 .yvsh-grid{grid-template-columns:repeat(2,1fr);}
 .desktop-only{display:none !important}
}

.yvsh-item{cursor:pointer;position:relative}
.yvsh-item img{width:100%;border-radius:6px}
.duration{
 position:absolute;
 bottom:6px;
 right:6px;
 background:#000;
 color:#fff;
 font-size:12px;
 padding:2px 6px;
 border-radius:4px;
}

/* Pagination */
.yvsh-pagination{
 display:flex;
 justify-content:center;
 gap:6px;
 margin:30px 0;
}
.yvsh-pagination span{
 padding:8px 12px;
 border:1px solid #ddd;
 cursor:pointer;
 background:#fff;
}
.yvsh-pagination .active{
 background:#e50914;
 color:#fff;
 border-color:#e50914;
}

/* Popup */
#yvsh-overlay{
 display:none;
 position:fixed;
 inset:0;
 background:#000;
 z-index:999999;
}
#yvsh-popup{
 width:100%;
 height:100%;
 display:flex;
 align-items:center;
 justify-content:center;
}
#yvsh-close{
 position:absolute;
 top:10px;
 right:15px;
 color:#fff;
 font-size:26px;
 cursor:pointer;
 z-index:1000000;
}
.yvsh-popup-body{
 display:flex;
 align-items:center;
}
.yvsh-player{
 width:360px;
 height:640px;
}
.yvsh-side{
 display:flex;
 flex-direction:column;
 margin-left:12px;
}
.yvsh-side button{
 margin:6px 0;
 background: #504f4f !important;
 /*padding:10px;*/
 font-size:18px;
}
.yvsh-pagination {
  margin: 20px 0;
  text-align: center;
}

.yvsh-page {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 4px;
  border: 1px solid #ccc;
  cursor: pointer;
  font-size: 14px;
}

.yvsh-page.active {
  background: #000;
  color: #fff;
  border-color: #000;
}

.yvsh-player{
  position: relative;
}

.yvsh-swipe-layer{
  position:absolute;
  inset:0;
  z-index:5;
  background:transparent;
}
.ni-shorts-header{display:flex;align-items:center;gap:8px;padding:10px 14px 0}
.ni-shorts-header h2{margin:0;font-size:20px;font-weight:700}
.ni-shorts-dot{width:10px;height:10px;background:#ff0000;border-radius:50%}

/* Stop browser scroll inside popup */
#yvsh-overlay,
.yvsh-popup-body,
.yvsh-player,
.yvsh-swipe-layer {
  touch-action: none;
}

/* Prevent background scroll */
body.yvsh-popup-open {
  position: fixed;
  width: 100%;
  overflow: hidden;
}