.video-wrap{position:relative;width:100%;max-width:1280px;margin:0 auto;aspect-ratio:16/9;background:#000;overflow:hidden}
.video-wrap video,.video-wrap .fluid_video_wrapper,.video-wrap .fluid_player_container,.video-wrap .fluid_video_wrapper video{width:100%!important;height:100%!important;background:#000}
.video-wrap video,.video-wrap .fluid_video_wrapper video{object-fit:contain!important}
.video-wrap.ui-open video,.video-wrap.ui-open .fluid_video_wrapper,.video-wrap.ui-open .fluid_player_container,.video-wrap.ui-open .fluid_video_wrapper video{visibility:hidden!important}

.player-relateds,.tapplay-ui{position:absolute;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:#000;padding:10px;box-sizing:border-box}
.player-close{position:absolute;top:8px;right:10px;z-index:30;color:#fff;font-size:22px;font-weight:700;line-height:1;cursor:pointer}

.tapplay-card{background:#0b0b0b;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.tapplay-card{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:320px;width:100%;padding:18px 16px;border-radius:14px;text-align:center}
.tapplay-title{color:#fff;font-size:15px;font-weight:700;line-height:1.25}
.tapplay-btn{appearance:none;border:0;font-weight:800;cursor:pointer;background:#75d121;color:#000;border-radius:999px;padding:12px 18px;min-width:170px}
.tapplay-sub{color:rgba(255,255,255,.82);font-size:12px;line-height:1.25}

.player-relateds-wrap{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.player-relateds-cta{margin:0 20px 14px;color:#fff;text-align:center;font-size:16px;font-weight:700;line-height:1.2}
.player-relateds-body{display:flex;align-items:center;justify-content:center;gap:24px;width:100%}
.player-relateds-main{width:320px;flex:0 0 320px}
.player-relateds-main .box{width:320px;height:240px}
.player-relateds-side{width:330px;flex:0 0 330px;display:grid;grid-template-columns:repeat(2,160px);grid-template-rows:repeat(2,120px);gap:10px}
.player-relateds-side .box{width:160px;height:120px}
.player-relateds-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;width:674px;max-width:100%;margin-top:12px}
.player-relateds-foot.desktop .player-relateds-rating{display:flex;align-items:center}



.item{position:relative;display:block;text-decoration:none;cursor:pointer}
.box{position:relative;overflow:hidden;border-radius:10px;background:#111;border:1px solid rgba(255,255,255,.92);box-shadow:0 0 0 1px rgba(255,255,255,.18),0 8px 22px rgba(0,0,0,.35)}
.item.top .box{border:2px solid #75d121;box-shadow:0 0 0 1px rgba(117,209,33,.22),0 10px 26px rgba(0,0,0,.4)}
.thumb{display:block;width:100%;height:100%;object-fit:cover}
.overlay-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.94),rgba(0,0,0,.3),transparent)}
.title{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:7px 10px;color:#fff;font-size:12px;font-weight:600;line-height:1.15;text-shadow:0 1px 4px rgba(0,0,0,.45);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.player-relateds-main .title{padding:10px 12px;font-size:14px;font-weight:700}
.play{position:absolute;top:50%;left:50%;z-index:4;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.38);display:flex;align-items:center;justify-content:center}
.play:before{content:"";width:0;height:0;margin-left:2px;border-left:12px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.badge{position:absolute;top:10px;left:10px;z-index:5;background:#75d121;color:#000;font-size:11px;font-weight:800;line-height:1;padding:5px 8px;border-radius:999px}
.stars{display:flex;gap:6px}
.stars i{font-style:normal;color:#75d121;font-size:34px;line-height:1;text-shadow:0 0 10px rgba(117,209,33,.24)}

@media(max-width:767px){
  .tapplay-ui,.player-relateds{padding:8px}
  .tapplay-card{max-width:300px;padding:16px 14px}
  .tapplay-title{font-size:14px}
  .tapplay-btn{min-width:160px;min-height:42px}
  .player-close{top:6px;right:8px}
  .player-relateds-wrap{height:auto}
  .player-relateds-cta{margin:0 22px 8px;font-size:14px}
  .player-relateds-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  .player-relateds-body.mobile{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
  .player-relateds-main,.player-relateds-side{display:contents;width:auto;flex:none}
  .player-relateds-main .box,.player-relateds-side .box,.player-relateds-body.mobile .box{width:100%;height:auto;aspect-ratio:250/188}
  .player-relateds-body.mobile .item.top{grid-column:auto}
  .player-relateds-foot{display:flex;justify-content:center;width:100%;margin-top:10px}
  .player-relateds-foot.desktop{display:none}
  .title,.player-relateds-main .title{padding:7px 8px;font-size:11px;font-weight:600}
  .play{width:34px;height:34px}
  .play:before{border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
  .badge{top:6px;left:6px;font-size:8px;padding:3px 6px}
  
}