/* Bổ sung hook admin/ads + comment + player iframe */
.site-notice{display:none}
.vb-ad{text-align:center}
.vb-ad-header,.vb-ad-player,.vb-ad-catfish-top,.vb-ad-catfish{margin-left:auto;margin-right:auto}
#video iframe,#video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.btn-likes.liked,#likeBtn.liked{color:#dc3545}
.dg-comments{background:#1e2024;padding:12px;margin:12px 0;clear:both}
.dg-comments textarea,.dg-comments input[type=text]{
  width:100%;box-sizing:border-box;background:#2a2c32;color:#eee;border:1px solid #3a3c42;padding:8px;margin:0 0 8px
}
.dg-comments button,.dg-comments input[type=submit]{
  background:#dc3545;color:#fff;border:0;padding:8px 14px;cursor:pointer
}
.dg-cmt-item{padding:8px 0;border-bottom:1px solid #333}
.dg-cmt-pages a{display:inline-block;margin:4px;padding:4px 8px;background:#2a2c32}
.dg-cmt-pages a.current{background:#dc3545}
.navigation-pages{margin:16px 0 8px;text-align:center}
.navigation-pages .page-numbers{list-style:none;margin:0;padding:0;display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:center}
.navigation-pages .page-numbers li{display:inline}
.navigation-pages a.page-numbers,.navigation-pages span.page-numbers{
  display:inline-block;min-width:34px;padding:6px 10px;border-radius:4px;background:#2a2c32;color:#eee;text-decoration:none
}
.navigation-pages span.page-numbers.current{background:#e45454;color:#fff}
.search-note{
  margin:8px 12px 14px;padding:12px 14px;color:#ddd;line-height:1.55;font-size:14px;
  border:1px dashed #5a5d64;border-radius:6px;background:#1a1c20
}
.search-note strong{color:#e45454}
.list-menu.active,.form-search.active{display:block}
.movie-thumbnail{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#111}
.clear{clear:both}
.logo img{max-height:36px;width:auto}
#domain{text-transform:uppercase}
@media(min-width:1050px){
  nav.list-menu > ul > li.item-menu.has-child:hover > .sub-menu{
    display:block;opacity:1;visibility:visible;max-height:440px
  }
}
@media(max-width:876px){
  .list-menu{display:none}
  .list-menu.open{display:block}
}


/* khoảng cách ngang nút — CSS gốc chỉ có margin-top */
.recent-search a{margin-right:5px}

.adm-menu-row.is-child{padding-left:28px}

/* extras + button only — layout thumb/extras giữ CSS demo */
#extras p.extras-row{margin:0}
#extras .extras-plus{
  display:none;
  height:22px;line-height:20px;font:400 13px/20px arial;
  padding:1px 7px;margin:4px 0 2px;border:0;border-radius:2px;
  background:#2a2c2d;color:rgba(255,255,255,.8);cursor:pointer;vertical-align:top
}
#extras .extras-plus.is-needed{display:inline-block}
#extras .extras-plus.is-open{background:var(--color-core,#dc3545);color:#fff}
@media(min-width:877px){
  #extras .extras-plus{display:none!important}
}

#extras a,
#extras .extras-plus{
  margin:4px 0 2px;
}

/* menu: ẩn tam giác hover dưới chân; giữ chevron cấp 1 khi có cấp 2 */
nav.list-menu > ul > li.item-menu:before,
nav.list-menu > ul > li.item-menu:hover:before,
nav.list-menu > ul > li:hover.item-menu:before{
  content:none!important;display:none!important;border:0!important;opacity:0!important;visibility:hidden!important
}
nav.list-menu > ul > li.item-menu:not(.has-child) > a:before{
  content:none!important;display:none!important
}
nav.list-menu > ul > li.item-menu:not(.has-child) > a{padding-right:20px}
nav.list-menu > ul > li.item-menu.has-child > a{padding-right:22px;position:relative}
nav.list-menu > ul > li.item-menu.has-child > a:before{
  content:"\f078"!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:var(--color-core,#dc3545);
  position:absolute;
  top:50%;
  right:6px;
  transform:translateY(-50%);
  font-size:10px;
  border:0!important
}
nav.list-menu > ul > li.h_active > a,
nav.list-menu > ul > li.item-menu > ul.sub-menu > li.h_active > a{color:var(--color-core)!important}

ul.dp-popular-tab.textFilter{
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
  float:none;gap:6px;list-style:none;padding:8px 0 10px;margin:0 auto
}
ul.dp-popular-tab.textFilter li{
  float:none;pointer-events:auto;margin:0;
  background:#111;border:0;border-radius:2px;padding:0
}
ul.dp-popular-tab.textFilter li a{
  display:block;padding:5px 10px;font-size:12px;line-height:1.2;color:#ddd;text-transform:none
}
ul.dp-popular-tab.textFilter li.l_active,
ul.dp-popular-tab.textFilter li.active{
  background:var(--color-core,#dc3545)
}
ul.dp-popular-tab.textFilter li.l_active a,
ul.dp-popular-tab.textFilter li.active a{color:#fff}
.vb-skin-ditgai69 .btn-load-more,
.btn-load-more{
  display:block;width:fit-content;margin:7px auto;
  padding:6px 14px;font-size:13px;font-weight:600;
  background:var(--color-core,#e45454);color:#fff;
  border:0;border-radius:4px;cursor:pointer
}
.btn-load-more:disabled{opacity:.6;cursor:wait}

.vb-skin-ditgai69 .dp-popular-tab li,
.vb-skin-ditgai69 .get-popular{
  pointer-events:auto !important;
  cursor:pointer !important;
}
.vb-skin-ditgai69 .dp-popular-tab li.l_active,
.vb-skin-ditgai69 .dp-popular-tab li.active{
  background:var(--color-core,#dc3545) !important;
  color:#fff !important;
  pointer-events:auto !important;
}
.vb-skin-ditgai69 #jsShowMore,
.vb-skin-ditgai69 .item-content-toggle,
.vb-skin-ditgai69 .item-content-toggle .show-more{
  cursor:pointer !important;
  pointer-events:auto !important;
  position:relative;
  z-index:30;
}

/* header fixed 50px — menu không wrap vì ads (ads overlay, không đẩy layout) */
body.vb-skin-ditgai69 { padding-top: 50px; }
body.vb-skin-ditgai69 header { z-index: 9990 !important; }
body.vb-skin-ditgai69 .body { margin-top: 8px !important; }
body.vb-skin-ditgai69 main > .vb-ad-header {
  margin: 4px auto 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
body.vb-skin-ditgai69 main > .vb-ad-header:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}
body.vb-skin-ditgai69 .vb-ad-catfish-top {
  top: 0 !important;
  z-index: 10000050 !important;
}
@media (max-width: 1049px) {
  body.vb-skin-ditgai69 .body { margin-top: 8px !important; }
}

/* menu-ico-16 */
nav a svg, header a svg, .menu-item svg, .vb-menu-ico, .vb-menu-ico svg, .menu-ico svg, .menu-ico img{
  width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important;
}




/* menu-scroll-fix — chỉ cuộn cấp 1; cấp 2 xổ khi li.active */
@media (max-width: 1049px) {
  nav.list-menu.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    height: calc(100% - 50px) !important;
    top: 50px !important;
    padding-bottom: 80px !important;
  }
  nav.list-menu > ul > li.item-menu > ul.sub-menu {
    display: none;
    max-height: 0;
    overflow: hidden;
  }
  nav.list-menu.active > ul > li.item-menu > ul.sub-menu {
    display: block;
  }
  nav.list-menu > ul > li.item-menu.active > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* menu-scroll-fix */
@media (max-width: 1049px) {
  nav.list-menu.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    height: calc(100vh - 50px) !important;
    max-height: calc(100vh - 50px) !important;
    top: 50px !important;
    padding-bottom: 24px !important;
  }
  nav.list-menu.active > ul { margin:0; padding:0 0 24px; }
  nav.list-menu > ul > li.item-menu > a { padding:10px 36px 10px 20px !important; text-align:left !important; }
  nav.list-menu > ul > li.item-menu:not(.has-child) > a { padding-right:20px !important; }
  nav.list-menu > ul > li.item-menu:not(.has-child) > a:before { content:none !important; display:none !important; }
  nav.list-menu > ul > li.item-menu > ul.sub-menu {
    display: none !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }
  nav.list-menu > ul > li.item-menu.active > ul.sub-menu {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: 100% !important;
    background: #00000073 !important;
    border-left: 3px solid var(--color-core, #e45454);
  }
  nav.list-menu > ul > li.item-menu > ul.sub-menu > li > a {
    padding: 10px 20px !important;
    text-align: left !important;
  }
}



/* jsShowMore-fix — sát demo ditgai69.net */
article.infobv{
  max-height:130px;
  overflow:hidden;
}
article.infobv.toggled{
  max-height:none !important;
  overflow:hidden; /* giữ float thumb, không để nút Thu gọn chạy lên hàng tag */
}
article.infobv::after{
  content:"";
  display:table;
  clear:both;
}
.item-content-toggle{clear:both}
article.infobv .infobv-text{margin-top:6px;font-size:13px;line-height:1.6;color:#cbdbd1}
.item-content-toggle{
  border-top:1px solid rgba(255,255,255,.08);
  text-align:center;
  position:relative;
  padding-top:2px;
  box-shadow:0 -19px 20px 0 rgba(0,0,0,.51);
  margin:4px -10px 10px;
}
.item-content-toggle .show-more,
#jsShowMore{
  display:inline-block;
  border:1px solid rgba(255,255,255,.08);
  border-top:none;
  border-radius:0 0 3px 3px;
  padding:4px 10px;
  cursor:pointer;
  font-size:13px;
  color:#cbdbd1;
  background:transparent;
  line-height:1.3;
  position:relative;
  z-index:6;
}
img.thumb-bv{
  width:105px;
  height:75px;
  object-fit:cover;
  float:left;
  margin:8px 6px 6px 0 !important;
}


/* extras-fit-thumb */
img.thumb-bv{
  float:left;
  width:105px;height:75px;object-fit:cover;
  margin:8px 6px 6px 0 !important;
}
#extras{
  overflow:hidden;
  padding:5px 0;
}
#extras .extras-row{display:block;margin:0;line-height:1}
#extras a,
#extras .extras-plus{
  display:inline-block;
  height:22px;
  margin:4px 0 2px;
  padding:1px 5px;
  vertical-align:top;
}
#extras .extras-plus{
  padding:1px 7px;border:0;border-radius:2px;
  background:#2a2c2d;color:rgba(255,255,255,.8);
  font:400 13px/20px arial;cursor:pointer
}
#extras .extras-plus.is-needed{display:inline-block}
@media(min-width:877px){
  #extras .extras-plus{display:none!important}
}



/* nav-ico-show */
nav.list-menu > ul > li.item-menu > a{
  display:flex !important;
  align-items:center !important;
  line-height:1.5 !important;
  gap:3px;
  padding:10px 20px !important;
}
nav.list-menu > ul > li.item-menu.has-child > a{
  padding-right:36px !important;
}
nav.list-menu .sub-menu a{
  display:flex !important;
  align-items:center !important;
  line-height:1.5 !important;
  gap:3px;
  padding:10px 15px !important;
}
nav.list-menu .nav-lab{
  display:inline-block;
  line-height:1.5;
  font-size:inherit;
}
nav.list-menu .nav-ico{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:12px !important;
  height:12px !important;
  margin:0 !important;
  padding:0 !important;
  flex:0 0 12px !important;
  line-height:0;
  overflow:hidden;
  position:relative;
  top:0;
}
nav.list-menu .nav-ico img,
nav.list-menu .vb-menu-ico,
nav.list-menu img.vb-menu-ico{
  display:block !important;
  width:12px !important;
  height:12px !important;
  max-width:12px !important;
  max-height:12px !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain;
  position:relative;
  top:-1px;
}
nav.list-menu .vb-menu-ico-mono{filter:brightness(0) invert(1)}


.vb-ad-bar{display:block;width:100%;max-width:100%;text-align:center;clear:both;overflow:hidden}
.vb-ad-header,.vb-ad-player{width:72%!important;max-width:72%!important;min-width:0!important;margin:6px auto!important;float:none!important}
.vb-ad-header img,.vb-ad-player img{width:100%!important;max-height:36px!important;height:36px!important;object-fit:fill!important;display:block!important}
@media(min-width:768px){.vb-ad-header img,.vb-ad-player img{max-height:50px!important;height:50px!important}}


/* video: sidebar thẳng hàng player, không thụt 65px */
body.vb-skin-ditgai69 .body.player.has-sidebar{float:left;width:70%;margin-top:0!important}
body.vb-skin-ditgai69 .sidebar{margin-top:0!important}
@media(max-width:876px){
  body.vb-skin-ditgai69 .body.player.has-sidebar{float:none;width:100%}
  body.vb-skin-ditgai69 .sidebar{float:none;width:100%;margin-top:10px!important}
}
body.vb-skin-ditgai69 .vb-ad-bar{width:100%;text-align:center;clear:both}
body.vb-skin-ditgai69 .vb-ad-header,
body.vb-skin-ditgai69 .vb-ad-player{
  width:72%!important;max-width:72%!important;margin:6px auto!important
}
body.vb-skin-ditgai69 .vb-ad-header img,
body.vb-skin-ditgai69 .vb-ad-player img{
  width:100%!important;max-width:100%!important;height:auto!important;max-height:38px!important;object-fit:fill!important
}


/* Desktop menu = 1 hàng, căn giữa logo như demo phimheovn */
@media (min-width: 1050px) {
  body.vb-skin-ditgai69 header {
    height: 50px !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  body.vb-skin-ditgai69 .menu1 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
    height: 50px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    width: 100%;
    box-sizing: border-box;
  }
  body.vb-skin-ditgai69 header .logo {
    float: none !important;
    margin: 0 24px 0 0 !important;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    height: 50px;
  }
  body.vb-skin-ditgai69 .logo a,
  body.vb-skin-ditgai69 #domain {
    font-family: system-ui, sans-serif;
    font-size: 30px !important;
    font-weight: 350 !important;
    line-height: 50px !important;
    height: 50px;
    display: flex !important;
    align-items: center;
    letter-spacing: 0;
  }
  body.vb-skin-ditgai69 .logo a .domain-name {
    color: var(--color-core);
    font-weight: 350 !important;
    font-size: 30px !important;
  }
  body.vb-skin-ditgai69 .logo a .domain-ext {
    color: #d9d6d6;
    font-size: 28px !important;
    font-weight: 300 !important;
  }
  body.vb-skin-ditgai69 header .logo img {
    max-height: 36px;
    width: auto;
    display: block;
  }
  body.vb-skin-ditgai69 nav.list-menu {
    float: none !important;
    flex: 1 1 auto;
    min-width: 0;
    height: 50px;
    display: flex;
    align-items: center;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    background: transparent !important;
    width: auto !important;
  }
  body.vb-skin-ditgai69 nav.list-menu > ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    height: 50px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  body.vb-skin-ditgai69 nav.list-menu > ul > li,
  body.vb-skin-ditgai69 nav.list-menu > ul > li.item-menu {
    float: none !important;
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
  }
  body.vb-skin-ditgai69 nav.list-menu > ul > li > a {
    padding: 0 10px !important;
    line-height: 50px !important;
    height: 50px;
    display: flex !important;
    align-items: center;
    white-space: nowrap;
    text-transform: uppercase;
  }
  body.vb-skin-ditgai69 nav.list-menu > ul > li.item-menu.has-child > a {
    padding-right: 22px !important;
  }
  body.vb-skin-ditgai69 nav.list-menu > ul > li.item-menu:not(.has-child) > a:before,
  body.vb-skin-ditgai69 nav.list-menu > ul > li.item-menu:before,
  body.vb-skin-ditgai69 nav.list-menu > ul > li.item-menu:hover:before,
  body.vb-skin-ditgai69 nav.list-menu > ul > li:hover.item-menu:before {
    content: none !important;
    display: none !important;
    border: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
  body.vb-skin-ditgai69 nav.list-menu > ul > li.item-menu.has-child > a:before {
    content: "\f078" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--color-core, #dc3545);
    position: absolute;
    top: 50% !important;
    right: 6px;
    transform: translateY(-50%);
    font-size: 10px;
    border: 0 !important;
  }
  body.vb-skin-ditgai69 header .form-search {
    float: none !important;
    margin: 0 0 0 auto !important;
    width: 220px;
    flex: 0 0 220px;
    position: relative;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  body.vb-skin-ditgai69 header .form-search input {
    height: 36px !important;
    width: 100% !important;
  }
  body.vb-skin-ditgai69 header .form-search button {
    padding: 8px 12px !important;
  }
}

.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 0}
@media(min-width:640px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cat-item{display:block;padding:10px 12px;background:rgba(255,255,255,.06);border-radius:4px;font-weight:600}
.cat-item:hover{background:rgba(234,67,53,.85);color:#fff}