h1,h2,h3,h4,h5,h6 {
    color: #f7f7f7;
}

.archive #content, .home #content, .search #content {
    width: 100%;
}

.wrap {
    width: 970px;
    border-bottom: none;
    border-top: none;
}

.grid-small .item {
    width: 240px;
    margin: 0 1px 20px;
}

.grid-small .thumb {
    width: 240px;
    height: auto;
    aspect-ratio: 240 / 180;
    position: relative;
    overflow: hidden;
}

.grid-small .thumb .clip-link,
.grid-small .thumb .clip {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
}

.grid-small .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    border-radius: 2px;
    object-fit: cover;
}

#main-nav {
    background: #1b1b1b;
}

#header-search {
    margin-left: 399px;
}

input.search-text {
    font-style: italic;
}

#header .wrap {
    padding: 20px 0;
}

.boxed-wrap #page {
    background: #1b1b1b;
}

.item .entry-title a {
    color: #fff;
    font-size: 1.3em;
    font-weight: 400;
    text-transform: capitalize;
    text-decoration: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-width: 50ch;
}

#main {
    background: 0 0;
    padding: 0 0;
}

#main-nav .menu, #main-nav .menu>li {
    margin-top: 4px;
    background: #181818;
}

#footer {
    background: #1b1b1b;
    border-top: 1px solid #1b1b1b;
}

#colophon {
    font-size: 14px;
    color: #bdbdbd;
}

#credits {
    font-size: 14px;
}

#colophon a {
    color: #c3c3c3;
    text-decoration: none;
}

.loop-nav-inner {
    border-top: 0;
}

.loop-nav {
    border-top: 1px solid #2b2b2b;
}

.pag-nav a, .pag-nav span {
    background: #333;
    border: 1px solid #222;
    color: #bdbdbd;
    padding: 5px 9px;
    font-size: 14px;
    border-radius: 0;
    -webkit-box-shadow: none;
    font-weight: 400;
}

.pag-nav .current {
    background: #d12608;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #2d2d2d;
}

.pag-nav a:hover {
    background-color: #666;
    border: 1px solid #2d2d2d;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#site-title a {
    color: red;
    opacity: 1;
}

#site-title {
    font-size: 29px;
    font-weight: 700;
}

h1.entry-title {
    color: #bdbdbd;
    font-size: 16px;
    font-weight: 700;
}

.entry-header .inner {
    border-bottom: 1px solid #1b1b1b;
    border-top: 1px #404244 solid;
}

.entry-header {
    border-bottom: 0;
    margin-bottom: 5px;
}

.section-content {
    background: 0 0;
    border-bottom: 1px solid #2b2b2b;
    border-top: 1px solid #2b2b2b;
    margin-top: 14px;
}

.info-toggle-button {
    background: 0 0;
    background-image: none;
    border: 1px solid #2b2b2b;
    color: #bdbdbd;
}

.section-title {
    border-bottom: 1px solid #2b2b2b;
    color: #ff6b6b;
    padding: 16px 0 4px 8px;
}

.related-posts .section-title {
    color: #f6821f;
}

.section-header {
    border-bottom: none;
    margin-bottom: 5px;
}

html {
    color: #bdbdbd;
}

p a {
    color: #e1635c;
    font-weight: 700;
}

a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.info-toggle-button:hover {
    border-color: #2b2b2b;
    color: #fff;
}

.related-posts .section-content {
    border-bottom: 1px solid #2b2b2b;
    padding: 0 10px;
}

.clearfix {
    clear: both;
}

.below-no-actions .loop-title {
    border-bottom: 0;
    padding: 4px;
}

.below-no-actions {
    border-bottom: 1px solid #2b2b2b;
}

.loop-title .prefix {
    color: #dadada;
}

.loop-desc i {
    color: #dadada;
}

#content {
    width: 100%;
}

#main-nav .menu>li.current-menu-item>a {
    color: #fff;
    position: relative;
    right: -1px;
    border-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    background: #97332a;
    border-radius: 4px;
}

.entry-caption, .wp-caption .wp-caption-text {
    color: #c7c7c7;
    font-size: 12px;
}

.item .entry-title a:hover {
    color: #de2600;
}

.grid-small .entry-title {
    height: 48px;
    line-height: 20px;
    text-align: center;
    white-space: normal;
}

#site-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.single-format-video #content {
    width: 100% !important;
}

.status {
    position: absolute;
    bottom: 6px;
    left: -6px;
    z-index: 10;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1;
    padding: 4px 10px 5px 12px;
    color: #fff;
    background: #97332a;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    white-space: nowrap;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%);
}

.status::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    border-width: 5px 6px 0 0;
    border-style: solid;
    border-color: #5c1c16 transparent transparent transparent;
}

.status-avchina { background: #b71c1c; }
.status-avchina::after { border-top-color: #6d0f0f; }
.status-aumy { background: #0d47a1; }
.status-aumy::after { border-top-color: #082a5e; }
.status-vietsub { background: #00695c; }
.status-vietsub::after { border-top-color: #00382f; }
.status-khongche { background: #4a148c; }
.status-khongche::after { border-top-color: #2a0850; }
.status-engsub { background: #e65100; }
.status-engsub::after { border-top-color: #8a3000; }
.status-ads { background: #f9a825; color: #1b1b1b; }
.status-ads::after { border-top-color: #a66f00; }

.item {
    position: relative;
}

.tag-category a {
    align-items: center;
    display: inline-flex;
    padding: 2px 8px;
    margin-top: 8px;
    white-space: nowrap;
    background: #2b2b2b;
    border-radius: 4px;
    text-decoration: none;
    text-transform: lowercase;
}

.post-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 2px;
}

.post-item {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.post-thumbnail {
    width: 300px;
    height: 200px;
    position: relative;
}

.post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 1;
    opacity: 0;
    transition: opacity .3s ease;
}

.post-item:hover .post-overlay {
    opacity: 1;
}

.post-title {
    font-size: 14px;
    color: #000;
    margin-top: 10px;
}

.menu {
    justify-content: center;
    margin-bottom: 20px;
}

.menu a {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    text-decoration: none;
}

.menu a:hover {
    background-color: #f4f4f4;
    color: #000;
}

.video-stats span {
    cursor: pointer;
    background: #2b2b2b;
    padding: 4px 2px;
    border-radius: 4px;
}

.rating i {
    color: #ff3b5c;
}

.nav-pillss {
    display: flex;
    justify-content: center;
}

.tabs-toplikes {
    margin-top: 15px;
}

.nav-pillss li a {
    display: block;
    text-align: center;
    padding: 10px;
}

.tabs-toplikes>li>a {
    padding: 5px 20px;
    background: #2b2b2b;
    margin: 0 3px;
    color: #fff;
    border-radius: 1px;
    text-decoration: none;
}

.loadPage .active {
    background-color: #97332a;
    color: #fff;
}

.likes.active i {
    color: #4f82e1;
}

.dislikes.active i {
    color: #c12929;
}

.xx-ads  {
  width:98%;
  text-align:center;
  margin:4px auto;
}

.xx-ads iframe,
.xx-ads img {
  max-width:100%;
}

.ads-wrap {
    margin: -5px auto;
    text-align: center;
    line-height: 0;
    max-width: 100%;
}

#video-code {
  display: inline-flex;
  background: #2b2b2b;
  padding: 0 4px;
  border-radius: 4px;
  font-size: 16px;
  position: absolute;
  margin-top: -12px;
  margin-left:94px;
}

.thumb {
  background-color: #000;
}

.homemenu a:before {
  content: '';
  background-image: url(./images/Home.svg);
  width: 16px;
  height: 20px;
  background-size: 16px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
  vertical-align: middle;
}

.rating-count:before {
  content: '';
  background-image: url(./images/heart.svg);
  width: 13px;
  height: 14px;
  background-size: 16px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
}

.like-count:before {
  content: '';
  background-image: url(./images/LikeW.svg);
  width: 18px;
  height: 19px;
  background-size: 24px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
}

.like-count.active:before {
  content: '';
  background-image: url(./images/LikeB.svg);
  width: 18px;
  height: 19px;
  background-size: 24px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
}

.dislike-count:before {
  content: '';
  background-image: url(./images/dislikeW.svg);
  width: 19px;
  height: 19px;
  background-size: 24px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
}

.dislike-count.active:before {
  content: '';
  background-image: url(./images/dislikeR.svg);
  width: 20px;
  height: 19px;
  background-size: 24px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
}

.porndude a:before {
  content: '';
  background-image: url(./images/thedude.svg);
  width: 16px;
  height: 20px;
  background-size: 17px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
  vertical-align: middle;
}

.listheart a:before {
  content: '';
  background-image: url(./images/list-heart.svg);
  width: 16px;
  height: 20px;
  background-size: 20px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
  vertical-align: middle;
}

span.likes-rank:before {
    content: '';
    background-image: url(./images/heart.svg);
    width: 21px;
    height: 21px;
    background-size: 24px;
    margin-right: 2px;
    background-repeat: no-repeat;
    padding: 0 2px;
    display: inline-flex;
}

.icon-search:before {
    content: '';
    background-image: url(/wp-content/themes/detube3/./images/search.svg);
    width: 24px;
    height: 24px;
    background-size: 20px;
    background-repeat: no-repeat;
}
.icon_jav{
background-color:#a91314;}
.icon_jav a:before {
  content: '';
  background-image: url(./images/camera.svg);
  width: 16px;
  height: 20px;
  background-size: 18px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
  vertical-align: middle;
}

.icon_sub a:before {
  content: '';
  background-image: url(./images/subtitles.svg);
  width: 19px;
  height: 20px;
  background-size: 19px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
  vertical-align: middle;
}

.icon_uncen a:before {
  content: '';
  background-image: url(./images/eyes.svg);
  width: 18px;
  height: 20px;
  background-size: 19px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
  vertical-align: middle;
}
.icon_ads a:before {
  content: '';
  background-image: url(./images/ads-block.svg);
  width: 18px;
  height: 20px;
  background-size: 19px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
  vertical-align: middle;
}
.us_icon a:before {
  content: '';
  background-image: url(./images/united-states.svg);
  width: 18px;
  height: 20px;
  background-size: 16px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
  vertical-align: middle;
}
.icon_new a:before {
  content: '';
  background-image: url(./images/new-icon.svg);
  width: 18px;
  height: 20px;
  background-size: 21px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
  vertical-align: middle;
}
.china_icon a:before {
  content: '';
  background-image: url(./images/china.svg);
  width: 18px;
  height: 20px;
  background-size: 16px;
  margin-right: 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  display: inline-flex;
  vertical-align: middle;
}

.info-like {
  padding: 0 14px;
}

h2#page-title {
  padding: 0 14px;
}
.notification {
    background-color: #2b2b2b;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 4px 0;
  font-size:14px;
  border-radius: 4px;

}
.adsbanner {
    width: 300px;
    height: 250px;
    display: block;
    margin: 12px auto;
    border: none;
}
.adsbanner1 {
    width: 300px;
    height: 100px;
    display: block;
    margin: 0 auto;
    border: none;
}

.xx-ads.catfix {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 300px;
    z-index: 9
}

.xx-ads.ads-pc.catfix {
    width: 728px
}

.xx-ads.ads-fr.catfix {
    right: 0;
    left: inherit
}

.xx-ads.ads-fl.catfix {
    left: 0;
    right: inherit
}

.xx-ads-close {
    position: absolute;
    top: -25px;
    right: 0;
    height: 20px;
    line-height: 20px;
    background: #000;
    color: #fff;
    padding: 0 4px;
    z-index: 999999
}

.ads-fl .xx-ads-close,.ads-fr .xx-ads-close {
    top: -25px
}

.ads-fl .xx-ads-close {
    right: inherit;
    left: 0
}

.xx-ads-close a {
    color: #dacb46;
    font-size: 13px
}
#report-error {
  display:inline-flex;
  background: linear-gradient(225deg, rgb(0 0 0) 0%, rgb(178 42 44) 50%, rgb(178 42 44) 100%);
  padding:2px 4px;
  border-radius:4px;
  font-size:16px;
  position:absolute;
  margin-top:-12px;
  color:#e1e1e1;
  margin-left:0;
  cursor: pointer;
}
#report-error:before {
  content:'';
  background-image:url(./images/reports.svg);
  background-size:18px;
  width:18px;
  height:20px;
 
  background-repeat:no-repeat;
  padding:0 2px;
  display:inline-flex;
  vertical-align:middle;
}
span.likes-rank {
    font-size: .9em;
    position: absolute;
    bottom: 60px;
    
    border-radius: 0 4px 4px 0;
    background: none repeat scroll 0 0 rgba(17, 17, 17, .6);
    padding: 2px 4px;
    margin-top: 2px;
    margin-left: 7px;
    color: #fff;
}
/* Hiệu ứng chạy chữ cho marquee */
.marquee {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  animation: marquee 10s linear infinite;
}

@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
.video-error {
    text-align: center;
    color: #ff0000;
}

/* =================================================
   Load More Related Posts Styles
   ================================================= */
.load-more-wrapper {
    text-align: center;
    margin: 30px 0;
    padding: 20px 0;
}

.load-more-related-btn {
    display: inline-block;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #e85b5b;
    color: #ffffff;
    border-radius: 24px;
}

.load-more-related-btn:hover {
    background: linear-gradient(135deg, #000000 0%, #ea6666 100%);
   
    transform: translateY(-2px);
}

.load-more-related-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.load-more-related-btn .load-more-loading {
    display: none;
}

.load-more-related-btn[data-loading="true"] .load-more-text {
    display: none;
}

.load-more-related-btn[data-loading="true"] .load-more-loading {
    display: inline-block;
}

.load-more-info {
    margin-top: 15px;
    font-size: 14px;
    color: #999;
    font-weight: normal;
}

.load-more-info .current-count {
    font-weight: bold;
    color: #667eea;
}

.load-more-info .total-count {
    font-weight: bold;
    color: #764ba2;
}

/* Loading Animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.load-more-related-btn[data-loading="true"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    vertical-align: middle;
}

/* Dark Theme Support */
.dark-theme .load-more-related-btn {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    box-shadow: 0 4px 15px rgba(26, 26, 46, 0.4);
}

/* ===== Share Dialog ===== */
.video-stats {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.share-link-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #2b2b2b;
  border: none;
  color: #fff;
  padding: 8px 8px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  transition: background 0.2s;
}
.share-link-btn:hover { background: #444; }
.share-link-btn svg { flex-shrink: 0; }
.share-dialog-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);
  z-index: 99999;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.share-dialog-overlay[hidden] {
  display: none !important;
}
.share-dialog-box {
  background: #222;
  border-radius: 16px 16px 0 0;
  padding: 28px 20px 24px;
  width: 100%;
  max-width: 480px;
  position: relative;
  animation: slideUp 0.18s ease-out;
  will-change: transform;
}
@keyframes slideUp {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}
.share-dialog-close {
  position: absolute;
  top: 14px; right: 18px;
  background: none; border: none;
  color: #fff; font-size: 26px;
  cursor: pointer; opacity: 0.7; line-height: 1;
}
.share-dialog-close:hover { opacity: 1; }
.share-dialog-title {
  font-size: 17px; font-weight: 700;
  color: #fff; text-align: center;
  margin-bottom: 20px;
}
.share-dialog-icons {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.share-social-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: #fff;
  font-size: 11px;
}
.share-social-main svg {
  width: 54px; height: 54px;
  border-radius: 50%;
  padding: 13px;
  box-sizing: border-box;
}
.share-social-main[data-type="facebook"] svg { background: #1877f3; }
.share-social-main[data-type="telegram"] svg { background: #229ed9; }
.share-social-main[data-type="whatsapp"] svg { background: #25d366; }
.share-social-main[data-type="twitter"] svg { background: #000; box-shadow: 0 0 0 1px rgba(255, 255, 255, .25); } /* 08/10/2026: Twitter -> X */
.share-social-main[data-type="copy"] svg { background: #555; }
.share-dialog-url {
  display: flex;
  gap: 8px;
  background: #333;
  border-radius: 8px;
  padding: 8px 12px;
  align-items: center;
}
#share-url-input {
  flex: 1;
  background: none;
  border: none;
  color: #ccc;
  font-size: 12px;
  outline: none;
  padding: 0;
}
#copy-url-btn {
  background: #97332a;
  border: none;
  color: #fff;
  border-radius: 6px;
  padding: 4px 12px;
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
}
#copy-url-btn:hover { background: #b53f34; }
#copy-msg {
  color: #4caf50;
  text-align: center;
  margin-top: 8px;
  font-size: 13px;
}

.dark-theme .load-more-related-btn:hover {
    background: linear-gradient(135deg, #16213e 0%, #0f3460 100%);
    box-shadow: 0 6px 20px rgba(26, 26, 46, 0.6);
}

/* CSS cho nút Xem tất cả */
.loop-title-with-button {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
}

.loop-title-with-button > span {
    flex: 1 1 auto !important;
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
    color: #fff;
    min-width: 0 !important;
    overflow: hidden !important;
}

.loop-title-with-button > span .block-title-link {
    max-width: 100% !important;
}

.loop-title-with-button.em,
.below-no-actions .loop-title-with-button {
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    margin-bottom: 15px !important;
    line-height: 24px !important;
    padding: 8px 12px !important;
    padding-bottom: 8px !important;
    border-bottom: none !important;
    position: relative !important;
}

.loop-title-with-button.em::before,
.below-no-actions .loop-title-with-button::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    bottom: auto !important;
    height: 26px !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    background: linear-gradient(90deg, #c0392b 0%, rgba(192, 57, 43, 0) 80%) !important;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0 100%) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

.below-no-actions:has(.loop-title-with-button) {
    margin-bottom: 0 !important;
}

.block-title-link {
    color: #fff !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    transition: color 0.2s ease, letter-spacing 0.2s ease;
}

.block-title-link::after {
    content: "\203A";
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.block-title-link:hover {
    color: #ffca28 !important;
    letter-spacing: 1.5px !important;
}

.block-title-link:hover::after {
    opacity: 1;
    transform: translateX(0);
}

.button-view-all {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 6px 14px !important;
    color: #fff !important;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.3px !important;
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    margin: 0 14px 0 0 !important;
    background: transparent !important;
    position: relative !important;
    z-index: 2 !important;
}

.button-view-all::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #fff;
    border-right: 1.5px solid #fff;
    transform: rotate(45deg);
    transition: transform 0.25s ease;
}

.button-view-all:hover {
    background: #c0392b !important;
    border-color: #c0392b !important;
    color: #fff !important;
    text-decoration: none !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(192, 57, 43, 0.4) !important;
}

.button-view-all:hover::after {
    transform: rotate(45deg) translate(1px, -1px);
}

.icon_idol a:before {
    content: '';
    background-image: url(./images/star.svg);
    width: 15px;
    height: 23px;
    background-size: 18px;
    margin-right: 2px;
    background-repeat: no-repeat;
    padding: 0 2px;
    display: inline-flex;
    vertical-align: middle;
}

.icon_update a:before {
    content: '';
    background-image: url(./images/new1.svg);
    width: 15px;
    height: 23px;
    background-size: 18px;
    margin-right: 2px;
    background-repeat: no-repeat;
    padding: 0 2px;
    display: inline-flex;
    vertical-align: middle;
}

/* ═══════════════════════════════════════════════════════
   View Transitions API – fade mượt khi chuyển trang
   Hoạt động trên Chrome 111+, fallback tự động cho các browser khác
   ═══════════════════════════════════════════════════════ */

@view-transition {
    navigation: auto;
}

/* Hiệu ứng fade cho toàn trang */
::view-transition-old(root) {
    animation: vt-fade-out 0.12s ease-out both;
}
::view-transition-new(root) {
    animation: vt-fade-in 0.15s ease-in both;
}

@keyframes vt-fade-out {
    from { opacity: 1; }
    to   { opacity: 0; }
}
@keyframes vt-fade-in {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Thumbnail giữ nguyên vị trí khi chuyển sang single-video */
.clip-link img,
.thumb img {
    view-transition-name: none; /* Mỗi ảnh có tên riêng nếu cần hero animation */
}

/* Đảm bảo layout đúng như hình: nút trái, like phải, không dãn đều */
#video-actions.video-info-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 8px;
  gap: 10px;
}
#video-actions .video-info-like {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

 #performer-btn {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     background: linear-gradient(90deg, #ff5e4f 0%, #ff9966 100%);
     color: #fff;
     font-size: 13px;
     font-weight: 600;
     border: none;
     box-shadow: 0 2px 8px rgba(255,94,79,0.15);
     border-radius: 8px;
     transition: background 0.3s, box-shadow 0.3s, transform 0.15s;
     text-decoration: none;
     cursor: pointer;
     padding: 8px 10px;
 }

 #performer-btn:hover {
     background: linear-gradient(90deg, #ff9966 0%, #ff5e4f 100%);
     box-shadow: 0 4px 16px rgba(255,94,79,0.25);
     color: #fff;
     text-decoration: none;
     transform: translateY(-1px);
 }
                
 #video {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    min-height: 200px;
    /* fallback cho browser cũ không hỗ trợ aspect-ratio */;
}
/* Player fill toàn bộ #video */
#video .mb-screen {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important; /* tắt padding-top trick vì #video đã có aspect-ratio */
}
/* Nút lưu video: nằm trong khối like, ngay sau nút chia sẻ, dùng chung style .share-link-btn */
#save-post-btn {
    flex-shrink: 0;
}

/* General & Utility */
.hidden { display: none; }
#page { background: #181818; color: #ffffff; }

/* Header & Branding */
#header { position: relative; min-height: 70px; }
#header .wrap.cf { display: flex; align-items: center; justify-content: center; position: relative; }
#branding { margin: 0; }
#site-logo { display: inline-block; width: 180px; height: 60px; vertical-align: middle; overflow: hidden; }

/* Mobile Icons */
#mobile-menu-icon, #mobile-home-icon {
    display: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1001; cursor: pointer;
}
#mobile-menu-icon { left: 0; }
#mobile-home-icon { right: 0; }

/* Back to Top Mobile */
#back-to-top-mobile {
    display: none; position: fixed; top: 75%; right: 8px; transform: translateY(-50%);
    width: 48px; height: 48px; border: none; border-radius: 50%; background: #992d2d;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18); z-index: 2000; align-items: center;
    justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.3s; outline: none;
}

/* =====================================================================
   Mobile Popup Menu - style dong bo voi menu responsive ben AVHOT
   (site AVHOT: drawer truot tu trai, nen #161616 phang, hang co border-bottom
   #262626, item dang active co border-left do #d1251f, khong bo gradient/tile
   mau nhu ban cu cua subjav).
   ===================================================================== */
#mobile-category-menu {
    display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
    background: rgba(0,0,0,0.6); z-index: 1002;
}
.mobile-menu-container {
    position: relative;
    width: 280px; max-width: 80%; height: 100vh;
    margin: 0;
    background: #161616;
    border-radius: 0;
    box-shadow: 2px 0 16px rgba(0,0,0,0.5);
    padding: 60px 0 30px 0;
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
}
#mobile-category-menu[style*="display: block"] .mobile-menu-container {
    transform: translateX(0);
}
.close-menu { position: absolute; top: 14px; right: 16px; font-size: 30px; line-height: 1; cursor: pointer; z-index: 2; color: #fff; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.close-menu:hover { background: rgba(255,255,255,0.08); }

/* Tabs & Lists */
.menu-tabs {
    display: flex; justify-content: center; align-items: center;
    margin: 0 0 10px 0; gap: 0;
    border-bottom: 1px solid #262626;
}
.tab-btn {
    flex: 1; padding: 14px 0;
    font-size: 14px; font-weight: 700; letter-spacing: 0.4px;
    text-transform: uppercase;
    border: none; cursor: pointer;
    background: transparent; color: #999;
    border-bottom: 2px solid transparent;
    transition: color 0.2s ease, border-color 0.2s ease;
}
#tab-category-btn {
    color: #fff;
    border-bottom: 2px solid #d1251f;
}
#tab-saved-btn {
    color: #999;
}

.tab-content-title { margin-top: 0; text-align: center; padding: 16px; border-radius: 8px; background-color: #992d2d; color: #fff; }
.grid-list { display: grid; padding: 0 20px; grid-template-columns: 1fr 1fr; gap: 14px; }

/* Chuyen menu chuyen muc tu dang luoi (o mau vuong) sang dang list doc 1 cot,
   dung dung style hang cua #main-nav ben AVHOT (padding 14x20, border-bottom
   #262626, font-size 15px). */
#mobile-category-list {
    display: flex !important;
    flex-direction: column;
    padding-top: 6px;
}
#mobile-category-list .mobile-cat-item {
    min-height: auto;
    display: flex;
    align-items: center;
    padding: 14px 20px;
    border-radius: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #262626;
    font-size: 15px;
    transition: background 0.18s ease;
}
#mobile-category-list .mobile-cat-item:last-child {
    border-bottom: none;
}
#mobile-category-list .mobile-cat-item:hover,
#mobile-category-list .mobile-cat-item:active {
    background: rgba(255,255,255,0.05);
}
#mobile-category-list .mobile-cat-item.current-menu-item {
    border-left: 3px solid #d1251f;
    padding-left: 17px;
    background: #1a1a1a;
}
#mobile-category-list .mobile-cat-icon {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-right: 14px;
    color: #d47466;
}
#mobile-category-list .mobile-cat-icon.mobile-cat-icon--generic svg {
    width: 100%;
    height: 100%;
    display: block;
}
/* Icon that dung LAI dung anh SVG cua menu desktop (#main-nav), theo tung
   class WP menu item da gan san trong wp-admin - xem custom.css ~487-693. */
#mobile-category-list .mobile-cat-icon.homemenu,
#mobile-category-list .mobile-cat-icon.icon_jav,
#mobile-category-list .mobile-cat-icon.icon_sub,
#mobile-category-list .mobile-cat-icon.icon_uncen,
#mobile-category-list .mobile-cat-icon.icon_ads,
#mobile-category-list .mobile-cat-icon.us_icon,
#mobile-category-list .mobile-cat-icon.icon_new,
#mobile-category-list .mobile-cat-icon.china_icon,
#mobile-category-list .mobile-cat-icon.listheart,
#mobile-category-list .mobile-cat-icon.icon_idol {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
#mobile-category-list .mobile-cat-icon.homemenu { background-image: url(./images/Home.svg); }
#mobile-category-list .mobile-cat-icon.icon_jav { background-image: url(./images/camera.svg); }
#mobile-category-list .mobile-cat-icon.icon_sub { background-image: url(./images/subtitles.svg); }
#mobile-category-list .mobile-cat-icon.icon_uncen { background-image: url(./images/eyes.svg); }
#mobile-category-list .mobile-cat-icon.icon_ads { background-image: url(./images/ads-block.svg); }
#mobile-category-list .mobile-cat-icon.us_icon { background-image: url(./images/united-states.svg); }
#mobile-category-list .mobile-cat-icon.icon_new { background-image: url(./images/new-icon.svg); }
#mobile-category-list .mobile-cat-icon.china_icon { background-image: url(./images/china.svg); }
#mobile-category-list .mobile-cat-icon.listheart { background-image: url(./images/list-heart.svg); }
#mobile-category-list .mobile-cat-icon.icon_idol { background-image: url(./images/star.svg); }
#mobile-category-list .mobile-cat-text {
    position: static;
    transform: none;
    text-align: left;
    padding: 0;
    white-space: normal;
    font-weight: 400;
    color: #eee;
}
/* Tat lop phu toi 50% cua responsive.css (dung cho tile anh nen kieu cu, gio
   danh sach khong con anh nen nen khong can lop phu nay nua). */
#mobile-category-list .mobile-cat-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(21 21 21 / 0%);
    z-index: 0;
}

#mobile-category-list.is-admin-draggable .mobile-cat-item {
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
}
#mobile-category-list.is-admin-draggable .mobile-cat-item::after {
    content: "⠿";
    position: absolute;
    right: 6px;
    top: 4px;
    color: rgba(255,255,255,0.85);
    font-size: 16px;
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
#mobile-category-list .mobile-cat-item.is-dragging {
    opacity: 0.5;
}

/* Saved Posts Specific */
#saved-posts-list { max-height: 60vh; overflow-y: auto; padding: 8px 0 0 0; }
.saved-item { padding: 0; border-radius: 10px; background: #111; display: flex; flex-direction: column; align-items: stretch; overflow: hidden; min-height: 120px; }
.saved-item img { width: 100%; height: 90px; object-fit: cover; display: block; }
.saved-item a { color: #fff; font-weight: 600; font-size: 15px; text-decoration: none; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 2.7em; padding: 10px 6px 8px 6px; background: #111; }

/* Responsive Logic */
@media (min-width: 769px) {
    #header .wrap.cf { justify-content: flex-start !important; }
    #branding { text-align: left !important; margin-left: 0 !important; }
}

@media (max-width: 768px) {
    #mobile-menu-icon { display: block !important; left: 14px !important; }
    #mobile-home-icon { right: 14px !important; }
    #header .wrap.cf { min-height: 70px; }
    #branding {
        text-align: center !important;
        margin: 0 !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}

/* single-video.css */

/* Video player wrapper */

/* Save button message: thông báo nổi giữa đáy màn hình (khối like có overflow:hidden trên mobile
   nên không đặt ngay trên nút được) */
#save-post-msg {
    display: none;
    position: fixed;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    background: #222 !important;
    color: #ff9800;
    font-size: 14px;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    white-space: nowrap;
    font-weight: 600;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
    max-width: none !important;
    overflow: visible !important;
    z-index: 9999;
}

/* Performer videos grid */
.performer-videos-grid {
    display: grid;
    gap: 14px;
}

/* Video domain notice */
#video-domain-notice {
    width: 100%;
    margin: 16px 0 8px 0;
    padding: 12px 0px;
    background: linear-gradient(90deg,#232526 0%,#414345 100%);
    color: #fff;
    font-size: 15px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10);
    font-weight: 500;
    display: inline-block;
}

/* Performer dots */
.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff5e4f;
    margin: 0 4px;
    cursor: pointer;
    opacity: 0.4;
}

.dot.active {
    opacity: 1;
}

/* Arrows */
#performer-videos-prev, #performer-videos-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background: #fff;
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 12px rgba(0,0,0,0.18);
    cursor: pointer;
    opacity: 0.95;
    transition: opacity 0.2s;
    outline: none;
}

/* Responsive */
@media (max-width: 600px) {
    .performer-videos-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 601px) {
    .performer-videos-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* ---------------- Performer Videos ---------------- */
#performer-videos-list {
    display: block; /* luôn hiện ngay dưới hàng like (bỏ nút bấm "Cùng Diễn Viên") */
    margin-top: 16px;
    position: relative;
}
/* Tiêu đề khối phim cùng diễn viên: ── PHIM CÙNG DIỄN VIÊN (Tên) ── */
#performer-videos-list .performer-videos-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin: 6px 0 14px;
    padding: 0 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
}
#performer-videos-list .performer-videos-title::before,
#performer-videos-list .performer-videos-title::after {
    content: "";
    flex: 1 1 24px;
    max-width: 140px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(255, 94, 79, 0) 0%, #ff5e4f 100%);
}
#performer-videos-list .performer-videos-title::after {
    background: linear-gradient(90deg, #ff5e4f 0%, rgba(255, 94, 79, 0) 100%);
}
#performer-videos-list .pvt-label {
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #eee;
    white-space: nowrap;
}
#performer-videos-list .pvt-name {
    display: inline-block;
    max-width: 100%;
    padding: 3px 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff5e4f 0%, #ff9966 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0 2px 8px rgba(255, 94, 79, 0.3);
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
#performer-videos-list .pvt-name:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(255, 94, 79, 0.45);
}
@media (max-width: 480px) {
    #performer-videos-list .performer-videos-title {
        font-size: 14px;
        gap: 6px;
    }
    #performer-videos-list .performer-videos-title::before,
    #performer-videos-list .performer-videos-title::after {
        display: none;
    }
    #performer-videos-list .pvt-name {
        font-size: 13px;
        padding: 2px 10px;
    }
}

@media screen and (max-width: 599px) {
    .performer-videos-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 600px) {
    .performer-videos-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Navigation arrows */

#performer-videos-prev { left: 0; }
#performer-videos-next { right: 0; }

#performer-videos-prev:disabled,
#performer-videos-next:disabled { opacity: 0.3; }

/* Pagination dots */
#performer-videos-pagination {
    text-align: center;
    margin-top: 12px;
}

#performer-videos-pagination .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff5e4f;
    margin: 0 4px;
    cursor: pointer;
    opacity: 0.4;
    transition: opacity 0.2s;
}

#performer-videos-pagination .dot.active { opacity: 1; }

#colophon, .site-info, .footer-warning, .footer-colophon {
    text-align: center;
}
.post-taxonomy-wrapper {
  padding: 15px;
  border: 1px solid #2b2b2b;
  margin-bottom: 15px;
}
.post-taxonomy-title {
  margin: 0 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #2b2b2b;
  font-size: 15px;
  font-weight: 700;
  color: #f6821f;
}
.icon-search:before {
    content: '';
    background-image: url(/wp-content/themes/detube/images/search.svg);
    width: 24px;
    height: 24px;
    background-size: 20px;
    background-repeat: no-repeat;
}
#back-to-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: #97332a;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity .25s ease, transform .25s ease, visibility .25s ease, background .2s ease;
	box-shadow: 0 2px 10px rgba(0,0,0,.25);
}
#back-to-top:hover {
	background: #7a2820;
}
#back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
@media (max-width: 768px) {
	#back-to-top {
		width: 40px;
		height: 40px;
		right: 12px;
		bottom: 70px;
	}
}

.vpi-404 {
	max-width: 560px;
	margin: 60px auto;
	padding: 30px 20px;
	text-align: center;
}
.vpi-404-code {
	font-size: 96px;
	font-weight: 800;
	line-height: 1;
	color: #97332a;
	opacity: .9;
}
.vpi-404-title {
	font-size: 22px;
	margin: 10px 0 12px;
}
.vpi-404-desc {
	opacity: .75;
	line-height: 1.6;
	margin-bottom: 24px;
}
.vpi-404-btn {
	display: inline-block;
	padding: 12px 28px;
	border-radius: 30px;
	background: #97332a;
	color: #fff !important;
	font-weight: 600;
	text-decoration: none;
	transition: background .2s ease;
}
.vpi-404-btn:hover {
	background: #7a2820;
}
.vpi-404-search {
	max-width: 360px;
	margin: 28px auto 0;
}
@media (max-width: 600px) {
	.vpi-404-code { font-size: 64px; }
	.vpi-404 { margin: 30px auto; }
}

.vpi-404-search .searchform-div { width: 100%; }
.vpi-404-search form.searchform {
	display: flex;
	align-items: stretch;
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 30px;
	overflow: hidden;
	transition: border-color .2s ease, background .2s ease;
}
.vpi-404-search form.searchform:focus-within {
	border-color: #97332a;
	background: rgba(255,255,255,.09);
}
.vpi-404-search .search-text-div { flex: 1 1 auto; }
.vpi-404-search input.search-text {
	width: 100%;
	height: 48px;
	padding: 0 20px;
	border: none;
	background: transparent;
	color: #fff;
	font-size: 14px;
	font-style: normal;
	outline: none;
	box-sizing: border-box;
}
.vpi-404-search input.search-text::placeholder { color: rgba(255,255,255,.4); }
.vpi-404-search .search-submit-div { flex: 0 0 auto; }
.vpi-404-search input.search-submit {
	width: 52px;
	height: 48px;
	border: none;
	cursor: pointer;
	font-size: 0;
	color: transparent;
	background: #97332a url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") no-repeat center / 18px 18px;
	transition: background-color .2s ease;
}
.vpi-404-search input.search-submit:hover { background-color: #7a2820; }

/* Huy hiệu NEW thay nút "Xem Thêm" ở khối Phim Mới Cập Nhật trang chủ */
.loop-title-with-button > .block-new-badge {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 1 !important;
    display: inline-block !important;
    margin: 0 14px 0 0 !important; /* cùng khoảng cách lề phải với nút Xem Thêm */
    white-space: nowrap !important;
    overflow: visible !important;
    padding: 3px 6px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 16px !important;
    letter-spacing: 0.3px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #ff3b30 0%, #ff9500 100%) !important;
    border-radius: 4px !important;
    box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.6);
    animation: block-new-pulse 1.8s ease-out infinite;
}

/* Thanh nền tiêu đề "Phim Mới Cập Nhật": cùng tông màu với huy hiệu NEW (các khối khác giữ đỏ #c0392b) */
.loop-title-with-button.loop-title-latest::before {
    background: linear-gradient(90deg, #ff3b30 0%, #ff9500 55%, rgba(255, 149, 0, 0) 85%) !important;
}

@keyframes block-new-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.6); }
    70%  { box-shadow: 0 0 0 8px rgba(255, 59, 48, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0); }
}

@media (max-width: 600px) {
    .loop-title-with-button > .block-new-badge {
        padding: 2px 5px !important;
        font-size: 11px !important;
        line-height: 14px !important;
    }
}

@media (max-width: 360px) {
    .loop-title-with-button > .block-new-badge {
        font-size: 10px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .loop-title-with-button > .block-new-badge { animation: none; }
}

/* Viết hoa chữ cái đầu tiêu đề bài (trang single video/bài viết), không đổi dữ liệu gốc */
h1.entry-title::first-letter {
    text-transform: uppercase;
}

/* Mũi tên ▾ nút "Diễn viên" trang video: xoay lên (▴) khi danh sách phim diễn viên đang mở (.active do single-video.js gắn) */
#performer-btn .performer-btn-arrow {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    transition: transform 0.2s ease;
}
#performer-btn.active .performer-btn-arrow {
    transform: rotate(180deg);
}

/* Chấm chuyển trang khối "Phim Cùng Diễn Viên": nhỏ lại (JS gắn inline 10px nên cần !important) */
#performer-videos-pagination .dot {
    width: 6px !important;
    height: 6px !important;
    margin: 0 3px !important;
    vertical-align: middle;
}
#performer-videos-pagination .dot.active {
    width: 16px !important;
    border-radius: 3px !important;
}

/* Nút điều hướng khối "Phim Cùng Diễn Viên": gọn, tinh tế (tròn tối mờ, mũi tên trắng mảnh).
   JS gắn inline opacity 0.3/0.95 nên dùng !important; trang đầu/cuối thì ẩn hẳn nút không bấm được. */
#performer-videos-prev, #performer-videos-next {
    width: 32px !important;
    height: 32px !important;
    background: linear-gradient(180deg, rgba(70, 70, 70, 0.92) 0%, rgba(25, 25, 25, 0.92) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 1 !important;
    transition: background 0.2s ease, opacity 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}
#performer-videos-prev { left: 6px; }
#performer-videos-next { right: 6px; }
#performer-videos-prev svg, #performer-videos-next svg {
    width: 18px;
    height: 18px;
}
#performer-videos-prev svg polyline, #performer-videos-next svg polyline {
    stroke: #fff;
    stroke-width: 2.2;
}
#performer-videos-prev:hover, #performer-videos-next:hover {
    background: linear-gradient(180deg, #ff7a5c 0%, #e8483a 100%) !important;
    border-color: #ff5e4f !important;
    box-shadow: 0 6px 16px rgba(255, 94, 79, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
#performer-videos-prev:active, #performer-videos-next:active {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}
#performer-videos-prev:disabled, #performer-videos-next:disabled {
    opacity: 0 !important;
    pointer-events: none;
}

/* =====================================================================
   03/10/2026 - Nut like/dislike/rating/share: toi gian, hien dai (vien mong,
   icon SVG mau theo chu qua mask, like+dislike ghep 1 cum). Ghi de cac rule cu
   phia tren (.video-stats span / .like-count:before ...).
   Dong bo voi vlvl; nut Luu (#save-post-btn) dung chung style .share-link-btn.
   ===================================================================== */
#video-actions .video-stats {
    gap: 8px;
    font-size: 14px;
}
#video-actions .video-stats > span,
#video-actions .video-stats .share-link-btn {
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .12);
    color: #e5e5e5;
    border-radius: 999px;
    padding: 7px 14px;
    height: 36px;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 14px;
    gap: 6px;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}
#video-actions .video-stats > span:hover,
#video-actions .video-stats .share-link-btn:hover {
    background: rgba(255, 255, 255, .09);
    border-color: rgba(255, 255, 255, .22);
    color: #fff;
}
#video-actions .video-stats span span {
    background: none;
    padding: 0;
    border-radius: 0;
}
/* like + dislike thanh 1 cum */
#video-actions .video-stats .likes { border-radius: 999px 0 0 999px; padding-right: 12px; }
#video-actions .video-stats .dislikes { border-radius: 0 999px 999px 0; border-left: 0; margin-left: -8px; padding-left: 12px; position: relative; }
#video-actions .video-stats .dislikes:before {
    content: ''; position: absolute; left: 0; top: 9px; bottom: 9px; width: 1px; background: rgba(255, 255, 255, .18);
}
/* rating: chi la thong tin, khong can nut */
/* rating: khung bo tron cung kieu nut Chia se (chi hien thi, khong bam) */
#video-actions .video-stats .rating { cursor: default; color: #e5e5e5; padding: 7px 12px; min-width: 36px; justify-content: center; }
#video-actions .video-stats .rating:hover { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .12); color: #e5e5e5; }
#video-actions .video-stats .share-link-btn { width: 36px; padding: 0; justify-content: center; }

/* icon: SVG qua mask -> tu doi mau theo color */
#video-actions .video-stats .like-count:before,
#video-actions .video-stats .dislike-count:before,
#video-actions .video-stats .rating-count:before,
#video-actions .video-stats .like-count.active:before,
#video-actions .video-stats .dislike-count.active:before {
    content: '';
    display: inline-block;
    width: 17px; height: 17px;
    margin-right: 6px; padding: 0;
    background: currentColor;
    background-image: none;
    -webkit-mask: var(--vl-ic) center / contain no-repeat;
            mask: var(--vl-ic) center / contain no-repeat;
}
#video-actions .video-stats .like-count { --vl-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v11'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 1.9 2.5l-2.3 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.8a2 2 0 0 0 1.8-1.1L12 2a3.1 3.1 0 0 1 3 3.9Z'/%3E%3C/svg%3E"); }
#video-actions .video-stats .dislike-count { --vl-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V3'/%3E%3Cpath d='M9 18.1 10 14H4.2a2 2 0 0 1-1.9-2.5l2.3-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.8a2 2 0 0 0-1.8 1.1L12 22a3.1 3.1 0 0 1-3-3.9Z'/%3E%3C/svg%3E"); }
#video-actions .video-stats .rating-count { --vl-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.3 3 4.5 6.7 4.5c2.1 0 3.6 1.2 4.4 2.5h1.8c.8-1.3 2.3-2.5 4.4-2.5 3.7 0 5.8 3.8 4.3 7.3C19.5 16.4 12 21 12 21Z'/%3E%3C/svg%3E"); }
#video-actions .video-stats .rating-count:before { width: 14px; height: 14px; color: #f43f5e; margin-right: 5px; }

/* trang thai da bam */
#video-actions .video-stats .likes.active { color: #60a5fa; background: rgba(59, 130, 246, .12); border-color: rgba(59, 130, 246, .45); }
#video-actions .video-stats .dislikes.active { color: #f87171; background: rgba(239, 68, 68, .12); border-color: rgba(239, 68, 68, .45); }
#video-actions .video-stats .likes:active,
#video-actions .video-stats .dislikes:active { transform: scale(.96); }


/* mobile: responsive.css ep gap 4px -> dislike chi lui 4px de khong de len like */
@media (max-width: 600px)  {
    #video-actions .video-stats .dislikes { margin-left: -4px; }
}

/* 03/10/2026 - Thong Tin Phim: anh dai dien ben trai + thong tin ben phai (giong vlvl) */
.post-taxonomy-wrapper .post-info-body { display: flex; align-items: flex-start; gap: 16px; }
.post-taxonomy-wrapper .post-info-thumb { flex: 0 0 220px; width: 220px; }
.post-taxonomy-wrapper .post-info-thumb img { display: block; width: 100%; height: auto; aspect-ratio: 420 / 320; object-fit: cover; border-radius: 6px; }
.post-taxonomy-wrapper .post-info-details { flex: 1 1 auto; min-width: 0; }
.post-taxonomy-wrapper .post-info-details > div { margin-bottom: 6px; color: #bdbdbd; }
.post-taxonomy-wrapper .post-info-details > div:last-child { margin-bottom: 0; }
.post-taxonomy-wrapper .post-info-details a { color: #ddd; }
.post-taxonomy-wrapper .post-info-details .performer a { color: #f6821f; }
.post-taxonomy-wrapper .post-info-details a:hover { color: #f6821f; }
@media (max-width: 639px) {
  .post-taxonomy-wrapper .post-info-body { flex-direction: column; }
  .post-taxonomy-wrapper .post-info-thumb { width: 100%; flex-basis: auto; }
  .post-taxonomy-wrapper .post-info-details { width: 100%; }
}

/* 03/10/2026 - Thong Tin Phim: link (ma phim, the loai, dien vien, hang) thanh nut bam co nen mau */
.post-taxonomy-wrapper .post-info-details > div { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 8px; }
.post-taxonomy-wrapper .post-info-details a {
    display: inline-flex; align-items: center;
    padding: 4px 11px; border-radius: 999px;
    background: rgba(246, 130, 31, .14); border: 1px solid rgba(246, 130, 31, .35);
    color: #ffb36b; font-size: 13px; font-weight: 600; line-height: 1.3;
    text-decoration: none; transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.post-taxonomy-wrapper .post-info-details a:hover { background: #f6821f; border-color: #f6821f; color: #fff; }
.post-taxonomy-wrapper .post-info-details .performer a { color: #ffb36b; }
.post-taxonomy-wrapper .post-info-details .performer a:hover { color: #fff; }

/* nhan cac muc trong Thong Tin Phim in dam */
.post-taxonomy-wrapper .post-info-details .info-label { font-weight: 700; color: #fff; }

/* chu trong Thong Tin Phim nho lai mot chut */
.post-taxonomy-wrapper .post-info-details > div { font-size: 13.5px; }
.post-taxonomy-wrapper .post-info-details a { font-size: 12px; padding: 3px 10px; }

/* =====================================================================
   03/10/2026 - O tim kiem: bo tron, toi gian, hien dai. Icon kinh lup ben trong o (SVG mask,
   doi mau khi focus), nut "Tim kiem" dang vien thuoc mau cam chu dao, vien sang nhe khi focus.
   ===================================================================== */
#search-box { margin: 14px 12px; }
#search-box form.search {
    position: relative;
    display: flex; align-items: center; gap: 6px;
    max-width: none; width: 100%; margin: 0; box-sizing: border-box;
    padding: 5px 5px 5px 0;
    background: #1c1c1c;
    border: 1px solid #2e2e2e;
    border-radius: 999px;
    overflow: visible;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
#search-box form.search:hover { border-color: #3a3a3a; }
#search-box form.search:focus-within {
    background: #202020;
    border-color: rgba(246, 130, 31, .7);
    box-shadow: 0 0 0 3px rgba(246, 130, 31, .15);
}
#search-box span.icon-search {
    flex: none; display: inline-flex; align-items: center; justify-content: center;
    width: 42px; height: 34px; margin: 0; padding: 0;
    background: none; border: 0; opacity: 1; color: #8a8a8a;
    transition: color .2s ease;
}
#search-box form.search:focus-within span.icon-search { color: #f6821f; }
#search-box span.icon-search:before {
    content: ''; width: 18px; height: 18px;
    background: currentColor; background-image: none;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E") center / contain no-repeat;
}
#search-box .searchTxt {
    flex: 1 1 auto; min-width: 0; height: 34px;
    padding: 0 4px; background: transparent; border: 0;
    color: #f2f2f2; font-size: 14.5px;
}
#search-box .searchTxt::placeholder { color: #7c7c7c; }
#search-box .searchTxt::-webkit-search-cancel-button { -webkit-appearance: none; }
#search-box .searchBtn {
    flex: none; float: none; height: 34px;
    padding: 0 18px;
    border: 0 !important; border-radius: 999px;
    background: linear-gradient(135deg, #f6821f, #e05a12);
    color: #fff; font-size: 13.5px; font-weight: 700; letter-spacing: .2px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(246, 130, 31, .25);
    transition: transform .12s ease, box-shadow .2s ease, filter .2s ease;
}
#search-box .searchBtn:hover { filter: brightness(1.08); box-shadow: 0 4px 14px rgba(246, 130, 31, .35); }
#search-box .searchBtn:active { transform: scale(.96); }
@media (max-width: 600px) {
    #search-box { margin: 10px; }
    #search-box span.icon-search { width: 36px; }
    #search-box .searchTxt { font-size: 14px; }
    #search-box .searchBtn { padding: 0 14px; font-size: 13px; }
}

/* =====================================================================
   03/10/2026 - Menu danh muc desktop: dang "pill" toi gian, hien dai (dong bo o tim kiem).
   Bo anh nav-sep + nen do cua tung muc; icon giu nguyen (anh SVG cu), muc dang xem to cam.
   Chi ap dung desktop (>= 640px) - mobile dung menu ngan keo rieng.
   ===================================================================== */
@media only screen and (min-width: 640px) {
    #main-nav {
        background: #161616;
        border-top: 1px solid #232323;
        border-bottom: 1px solid #232323;
    }
    #main-nav .wrap { background: none; }
    #main-nav .menu {
        float: none;
        display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
        gap: 6px;
        margin: 0; padding: 10px 12px;
        background: none;
    }
    #main-nav .menu > li,
    #main-nav .menu > li.icon_jav,
    #main-nav .menu > li.current-menu-item {
        float: none; height: auto; margin: 0;
        background: none;
    }
    #main-nav .menu > li > a,
    #main-nav .menu > li.current-menu-item > a {
        display: inline-flex; align-items: center; gap: 6px;
        position: static; right: auto;
        margin: 0; padding: 7px 14px;
        border: 1px solid transparent; border-radius: 999px;
        color: #cfcfcf; font-size: 13.5px; font-weight: 600; line-height: 1.2;
        text-shadow: none; text-transform: capitalize;
        background: rgba(255, 255, 255, .03);
        box-shadow: none;
        transition: background .18s ease, color .18s ease, border-color .18s ease;
    }
    #main-nav .menu > li > a:hover {
        color: #fff;
        background: rgba(255, 255, 255, .08);
        border-color: rgba(255, 255, 255, .12);
        box-shadow: none;
    }
    #main-nav .menu > li.current-menu-item > a,
    #main-nav .menu > li.current-menu-parent > a {
        color: #ffb36b;
        background: rgba(246, 130, 31, .14);
        border-color: rgba(246, 130, 31, .45);
    }
    #main-nav .menu > li > a:before {
        margin-right: 0 !important; padding: 0 !important;
        width: 16px !important; height: 16px !important;
        background-size: 16px !important; background-position: center !important;
        opacity: .9;
    }
    /* menu con */
    #main-nav ul ul {
        border-radius: 10px; overflow: hidden;
        background: #1c1c1c; border: 1px solid #2e2e2e;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .45);
    }
}
/* menu danh muc desktop: cac nut dan deu, phu kin chieu ngang */
@media only screen and (min-width: 640px) {
    #main-nav .menu { justify-content: stretch; }
    #main-nav .menu > li { flex: 1 1 auto; }
    #main-nav .menu > li > a,
    #main-nav .menu > li.current-menu-item > a { width: 100%; justify-content: center; box-sizing: border-box; white-space: nowrap; }
}

/* 03/10/2026 - ho so dien vien (performer-profile.php) */
.vpi-idol-profile { margin-top: 10px; font-size: 13.5px; color: #cfcfcf; }
.vpi-idol-facts { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.vpi-idol-facts li { background: rgba(255,255,255,.04); border: 1px solid #2e2e2e; border-radius: 999px; padding: 4px 11px; }
.vpi-idol-facts .k { color: #fff; font-weight: 700; margin-right: 5px; }
.vpi-idol-bio { margin: 6px 0; line-height: 1.7; }
.vpi-idol-links a { color: #f6821f; }
/* mo ta dien vien: khoi co duong vien */
.vpi-idol-bio {
    margin: 10px 0 6px; padding: 12px 14px;
    background: #1c1c1c; border: 1px solid #2e2e2e; border-left: 3px solid #f6821f; border-radius: 8px;
    color: #e2e2e2; line-height: 1.7;
}
.vpi-idol-bio strong { color: #ffb36b; }

/* 03/10/2026 - Phim lien quan: 3 tab (Cung Dien Vien / Cung Ma Phim / Cung Hang Phim) */
#performer-videos-list .related-tabs {
    display: flex; justify-content: center; gap: 6px; flex-wrap: wrap;
    margin: 4px 0 12px; padding: 4px;
}
#performer-videos-list .related-tab {
    padding: 7px 16px; border-radius: 999px;
    border: 1px solid #2e2e2e; background: rgba(255, 255, 255, .04);
    color: #cfcfcf; font-size: 13.5px; font-weight: 600; cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
#performer-videos-list .related-tab:hover { color: #fff; background: rgba(255, 255, 255, .09); }
#performer-videos-list .related-tab.active {
    color: #fff; background: linear-gradient(135deg, #f6821f, #e05a12); border-color: transparent;
    box-shadow: 0 2px 8px rgba(246, 130, 31, .25);
}
@media (max-width: 600px) {
    #performer-videos-list .related-tab { padding: 6px 12px; font-size: 12.5px; }
}

/* =====================================================================
   03/10/2026 - Khoi phim lien quan (tab Dien Vien / Hang Phim): gon, tinh te.
   The khung toi bo goc; hang dau: tab dang "segmented" ben trai + ten (link xem tat ca) ben phai;
   the phim bo goc, anh 16:9, tieu de 2 dong; nut chuyen trang + cham gon. JS gan inline style
   cho the phim / cham nen can !important.
   ===================================================================== */
#performer-videos-list {
    margin-top: 18px; padding: 14px 14px 12px;
    background: #191919; border: 1px solid #262626; border-radius: 12px;
}
#performer-videos-list .related-tabs {
    display: inline-flex; gap: 2px; margin: 0 0 12px; padding: 3px;
    background: #111; border: 1px solid #262626; border-radius: 999px;
}
#performer-videos-list .related-tab {
    padding: 6px 14px; border: 0; border-radius: 999px; background: transparent;
    color: #9a9a9a; font-size: 13px; font-weight: 600; box-shadow: none;
}
#performer-videos-list .related-tab:hover { color: #fff; background: rgba(255, 255, 255, .05); }
#performer-videos-list .related-tab.active {
    color: #fff; background: #f6821f; box-shadow: 0 1px 6px rgba(246, 130, 31, .3);
}
/* ten dien vien / hang: link nho goc phai hang tab */
#performer-videos-list .performer-videos-title {
    position: absolute; top: 18px; right: 16px;
    margin: 0; padding: 0; gap: 0; font-size: 13px; justify-content: flex-end;
    max-width: 45%;
}
#performer-videos-list .performer-videos-title::before,
#performer-videos-list .performer-videos-title::after { display: none; }
#performer-videos-list .pvt-name {
    padding: 0; background: none; box-shadow: none; border-radius: 0;
    color: #ffb36b; font-size: 13.5px; font-weight: 600;
}
#performer-videos-list .pvt-name::after { content: ' ›'; }
#performer-videos-list .pvt-name:hover { color: #fff; transform: none; box-shadow: none; text-decoration: underline; }
/* the phim */
#performer-videos-list .performer-videos-grid { gap: 12px !important; }
#performer-videos-list .performer-videos-grid > div {
    background: #222 !important; border-radius: 10px !important;
    transition: transform .18s ease, box-shadow .18s ease;
}
#performer-videos-list .performer-videos-grid > div:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, .45); }
#performer-videos-list .performer-videos-grid img { height: auto !important; aspect-ratio: 16 / 10; }
#performer-videos-list .performer-videos-grid a > div {
    padding: 7px 9px 9px !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4;
    white-space: normal !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    min-height: 2.8em; color: #e6e6e6;
}
#performer-videos-list .performer-videos-grid > div:hover a > div { color: #fff; }
/* nut chuyen trang: tron nho, hover cam */
#performer-videos-prev, #performer-videos-next { width: 30px !important; height: 30px !important; }
#performer-videos-prev:hover, #performer-videos-next:hover {
    background: #f6821f !important; border-color: #f6821f !important; box-shadow: 0 4px 12px rgba(246, 130, 31, .4) !important;
}
#performer-videos-pagination { margin-top: 10px; }
#performer-videos-pagination .dot { background: #555 !important; opacity: 1 !important; }
#performer-videos-pagination .dot.active { background: #f6821f !important; }
@media (max-width: 600px) {
    #performer-videos-list { padding: 12px 10px 10px; border-radius: 10px; }
    #performer-videos-list .related-tabs { display: flex; width: 100%; box-sizing: border-box; }
    #performer-videos-list .related-tab { flex: 1 1 0; padding: 6px 8px; font-size: 12.5px; }
    #performer-videos-list .performer-videos-title { position: static; max-width: none; justify-content: flex-end; margin: -4px 2px 10px; }
}
/* ho so dien vien: bo mau noi bat, can le cho khong tran ben phai */
.performer-header-inner { box-sizing: border-box; padding: 0 24px; }
.performer-info { min-width: 0; }
.vpi-idol-profile { max-width: 800px; }
.vpi-idol-bio {
    border: 1px solid #2a2a2a !important; border-left-width: 1px !important; border-left-color: #2a2a2a !important;
    background: rgba(255, 255, 255, .03); color: #cfcfcf; overflow-wrap: anywhere;
}
.vpi-idol-bio strong { color: inherit; font-weight: 600; }
.vpi-idol-links a { color: #cfcfcf; text-decoration: underline; }
@media (max-width: 720px) {
    .performer-header-inner { padding: 0 14px; }
    .vpi-idol-profile { text-align: left; }
    .vpi-idol-facts { justify-content: center; }
}
/* nut Twitter / X cua dien vien: nen den, logo X */
.vpi-idol-links a {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 7px 14px; border-radius: 999px;
    background: #000; border: 1px solid #333;
    color: #fff !important; font-size: 13px; font-weight: 600; text-decoration: none !important;
    transition: background .15s ease, border-color .15s ease;
}
.vpi-idol-links a::before {
    content: ''; width: 14px; height: 14px; background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.vpi-idol-links a:hover { background: #1a1a1a; border-color: #555; }

/* o luot xem trong khoi like (03/10/2026) - cung kieu vien thuoc, icon con mat */
#video-actions .video-stats > span.views { cursor: default; }
#video-actions .video-stats > span.views:hover { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .12); color: #e5e5e5; }
#video-actions .video-stats .views-count:before {
    content: ''; display: inline-block; width: 17px; height: 17px; margin-right: 6px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}
#video-actions .video-stats .views-count { display: inline-flex; align-items: center; line-height: 1; }
/* tab Xem Nhieu: so luot xem tren the phim */
span.views-rank { display: inline-flex; align-items: center; gap: 4px; color: #ddd; font-size: 13px; }
span.views-rank:before {
    content: ''; width: 16px; height: 16px; background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}
span.views-rank { position: absolute; bottom: 60px; margin-left: 7px; padding: 2px 6px; border-radius: 0 4px 4px 0; background: rgba(17, 17, 17, .6); color: #fff; font-size: .9em; }

/* =====================================================================
   03/10/2026 - Trang Top phim sex: tieu de, tab dang segmented, luoi the phim dong nhat
   (PHP render moi item trong 1 .loop-content rieng -> display:contents de vao chung 1 luoi),
   so like / luot xem thanh chip goc tren anh.
   ===================================================================== */
.page-template-top-videos #container { padding: 0 12px; }
.page-template-top-videos #page-title {
    margin: 26px 0 16px; padding: 0; border: 0; background: none;
    text-align: center; font-size: 1.7rem; font-weight: 800; color: #fff;
}
.page-template-top-videos .category-info:empty { display: none; }
.page-template-top-videos .filter-head { display: flex; justify-content: center; margin: 0 0 18px; }
.page-template-top-videos .tabs-toplikes {
    display: inline-flex !important; gap: 2px; margin: 0 !important; padding: 3px !important;
    background: #111; border: 1px solid #262626; border-radius: 999px; list-style: none;
}
.page-template-top-videos .tabs-toplikes > li { float: none; margin: 0 !important; background: none !important; }
.page-template-top-videos .tabs-toplikes > li > a {
    display: block; padding: 8px 18px !important; margin: 0 !important;
    border: 0 !important; border-radius: 999px !important; background: transparent !important;
    color: #9a9a9a !important; font-size: 14px; font-weight: 600; text-decoration: none; box-shadow: none !important;
    transition: background .15s ease, color .15s ease;
}
.page-template-top-videos .tabs-toplikes > li > a:hover { color: #fff !important; background: rgba(255, 255, 255, .05) !important; }
.page-template-top-videos .tabs-toplikes > li > a.active { color: #fff !important; background: #f6821f !important; box-shadow: 0 1px 6px rgba(246, 130, 31, .3) !important; transform: none; }

/* luoi: JS top-videos.js thay ca noi dung .listFilter khi doi tab/trang (mat #video-list) nen
   luoi dat o .listFilter; #video-list, .loop-content = display:contents de moi .item vao chung 1 luoi */
.page-template-top-videos .listFilter {
    display: grid !important; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 16px; align-items: start;
}
.page-template-top-videos .listFilter > #video-list,
.page-template-top-videos .listFilter .loop-content { display: contents !important; } /* responsive.css ep .loop-content display:block !important <=768px */
.page-template-top-videos .listFilter .clear { display: none; }
.page-template-top-videos .listFilter > .text-center,
.page-template-top-videos .listFilter > ul,
.page-template-top-videos .listFilter > .wp-pagenavi,
.page-template-top-videos .listFilter > nav,
.page-template-top-videos .listFilter .no-post { grid-column: 1 / -1; order: 99; margin-top: 10px; }
.page-template-top-videos .listFilter .item {
    position: relative; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important;
    background: #1c1c1c; border: 1px solid #262626; border-radius: 10px; overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.page-template-top-videos .listFilter .item:hover { transform: translateY(-3px); border-color: rgba(246, 130, 31, .45); box-shadow: 0 8px 20px rgba(0, 0, 0, .5); }
.page-template-top-videos .listFilter .data { position: static; padding: 9px 10px 11px; }
.page-template-top-videos .listFilter .entry-title { margin: 0; font-size: 14px; line-height: 1.4; }
.page-template-top-videos .listFilter .entry-title a {
    color: #e8e8e8; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.page-template-top-videos .listFilter .item:hover .entry-title a { color: #fff; }
/* anh: de theme tu xu ly (.thumb padding-bottom + .clip img object-fit) giong trang danh muc */
.page-template-top-videos .listFilter .thumb { margin: 0; }
/* chip like / luot xem tren goc anh */
.page-template-top-videos .video-rank { position: absolute; top: 8px; right: 8px; z-index: 3; margin: 0; }
.page-template-top-videos span.likes-rank,
.page-template-top-videos span.views-rank {
    position: static; display: inline-flex; align-items: center; gap: 4px;
    margin: 0; padding: 4px 9px; border-radius: 999px;
    background: rgba(0, 0, 0, .7); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
    color: #fff; font-size: 12.5px; font-weight: 700; line-height: 1;
}
.page-template-top-videos span.likes-rank:before {
    width: 14px; height: 14px; margin: 0; padding: 0; background-size: 14px; background-position: center;
}
.page-template-top-videos .listFilter .no-post { text-align: center; color: #999; padding: 40px 0; }
@media (max-width: 600px) {
    .page-template-top-videos #page-title { font-size: 1.3rem; margin: 18px 0 12px; }
    .page-template-top-videos .filter-head { margin-bottom: 14px; }
    .page-template-top-videos .tabs-toplikes { display: flex !important; width: 100%; }
    .page-template-top-videos .tabs-toplikes > li { flex: 1 1 0; }
    .page-template-top-videos .tabs-toplikes > li > a { padding: 7px 6px !important; font-size: 13px; text-align: center; }
    .page-template-top-videos .listFilter { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .page-template-top-videos .listFilter .entry-title a { font-size: 13px; }
}
/* 03/10/2026: menu ngan keo mobile - 100vh tren dien thoai cao hon vung nhin thay (thanh dia chi /
   thanh cong cu trinh duyet che) nen 2 muc cuoi (Phim Sex Hay, Idol) bi che va khong cuon duoc.
   Dung 100dvh (chieu cao vung nhin thay that) + chua cho vung an toan phia duoi. */
#mobile-category-menu { height: 100vh; height: 100dvh; }
.mobile-menu-container {
    height: 100vh; height: 100dvh;
    box-sizing: border-box;
    padding-bottom: calc(40px + env(safe-area-inset-bottom, 0px));
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

/* =====================================================================
   03/10/2026 - Luoi phim (trang chu, danh muc, dien vien, hang, dong phim, tim kiem, video lien quan):
   CSS grid thay float co dinh 240px -> cot deu, khoang cach deu, the bo goc, anh 4:3 phu kin,
   tieu de 2 dong, hover noi nhe. Badge NEW / Vietsub... giu nguyen.
   ===================================================================== */
.grid-small .nag {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px 14px;
    margin: 0 !important;
}
.grid-small .nag::before, .grid-small .nag::after { display: none !important; content: none !important; }
.grid-small .nag > .item {
    width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important;
    position: relative; min-width: 0;
    background: #1c1c1c; border: 1px solid #262626; border-radius: 10px; overflow: visible;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.grid-small .nag > .item:hover { transform: translateY(-3px); border-color: rgba(246, 130, 31, .45); box-shadow: 0 8px 20px rgba(0, 0, 0, .5); }
.grid-small .nag > .item .thumb {
    width: 100% !important; height: auto !important; padding-bottom: 0 !important;
    aspect-ratio: 4 / 3; margin: 0; border-radius: 10px 10px 0 0; overflow: hidden; background: #111;
}
.grid-small .nag > .item .thumb .clip-link,
.grid-small .nag > .item .thumb .clip { position: absolute !important; inset: 0; width: 100%; height: 100%; display: block; }
.grid-small .nag > .item .thumb img {
    position: absolute; inset: 0; width: 100% !important; height: 100% !important;
    object-fit: cover; max-width: none; transition: transform .35s ease;
}
.grid-small .nag > .item:hover .thumb img { transform: scale(1.04); }
.grid-small .nag > .item .data { padding: 8px 10px 10px; }
.grid-small .nag > .item .entry-title { margin: 0; height: auto; line-height: 1.4; white-space: normal; }
.grid-small .nag > .item .entry-title a {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    max-width: none; min-height: 2.8em;
    color: #e8e8e8; font-size: 14px; font-weight: 500; line-height: 1.4; text-transform: none;
}
.grid-small .nag > .item:hover .entry-title a { color: #fff; }
/* badge the loai (Vietsub...) nam trong anh, khong lo ra ngoai the */
.grid-small .nag > .item .status { left: 0; bottom: 8px; }
.grid-small .nag > .item .status::after { display: none; }
@media (min-width: 640px) and (max-width: 900px) {
    .grid-small .nag { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 12px; }
}
@media (max-width: 639px) {
    .grid-small .nag { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 10px; }
    .archive .grid-small .nag, .search .grid-small .nag { margin: 0 !important; }
    .grid-small .nag > .item .data { padding: 7px 8px 9px; }
    .grid-small .nag > .item .entry-title a { font-size: 13px; }
}
/* top phim: bot le hai ben (truoc: 12px container + 11px .listFilter moi ben) */
.page-template-top-videos #container { padding: 0 10px; }
.page-template-top-videos .listFilter { padding: 0 !important; }
@media (max-width: 600px) {
    .page-template-top-videos #container { padding: 0 6px; }
}
/* khoi xxulike: luot xem nam ben TRAI, like / dislike / chia se / luu nam ben PHAI */
#video-actions.video-info-row > div:empty { display: none !important; }
#video-actions.video-info-row > .video-info-like { flex: 1 1 auto !important; max-width: none !important; width: 100%; }
#video-actions .video-info-like > .video-stats { width: 100%; justify-content: flex-end !important; }
#video-actions .video-stats > span.views { order: -1; margin-right: auto !important; }

/* =====================================================================
   03/10/2026 - Tieu de khoi trang chu (Phim Moi Cap Nhat, Phim JAV HD...): toi gian, tinh te.
   Bo dai nen do gradient; vach doc cam ben trai + chu trang dam; duong ke manh phia duoi;
   "Xem them" thanh link chu nho, hover cam. Huy hieu NEW giu, gon hon.
   ===================================================================== */
.loop-title-with-button.em,
.below-no-actions .loop-title-with-button {
    margin: 26px 0 14px !important;
    padding: 0 0 10px 14px !important;
    border-bottom: 1px solid #262626 !important;
    font-size: 17px !important; line-height: 1.3 !important;
    text-transform: none !important; font-weight: 700 !important;
}
.loop-title-with-button.em::before,
.below-no-actions .loop-title-with-button::before,
.loop-title-with-button.loop-title-latest::before {
    top: 2px !important; bottom: 12px !important; left: 0 !important; right: auto !important;
    width: 4px !important; height: auto !important; transform: none !important;
    border-radius: 4px !important; clip-path: none !important;
    background: linear-gradient(180deg, #ffa24a 0%, #f6821f 100%) !important;
}
.loop-title-with-button > span { overflow: visible !important; }
.block-title-link {
    color: #fff !important; font-size: 17px; font-weight: 700 !important;
    letter-spacing: .2px !important; text-shadow: none; text-decoration: none !important;
}
.block-title-link:hover { color: #ffb36b !important; letter-spacing: .2px !important; }
.button-view-all {
    margin: 0 !important; padding: 4px 2px !important;
    border: 0 !important; border-radius: 0 !important; background: none !important;
    color: #9a9a9a !important; font-size: 13px !important; font-weight: 600 !important;
    text-transform: none !important; letter-spacing: 0 !important;
}
.button-view-all::after { width: 5px; height: 5px; border-top-color: currentColor; border-right-color: currentColor; }
.button-view-all:hover {
    background: none !important; color: #f6821f !important; transform: none !important; box-shadow: none !important;
}
.loop-title-with-button > .block-new-badge {
    margin: 0 !important; padding: 3px 8px !important; border-radius: 999px !important;
    font-size: 11px !important; line-height: 14px !important; letter-spacing: .4px !important;
    background: #f6821f !important; box-shadow: none; animation: none;
    color: #1a1a1a !important; /* 06/10/2026: chu trang tren cam chi 2.7:1 -> chu toi ~7:1 (Lighthouse contrast) */
}
@media (max-width: 600px) {
    .loop-title-with-button.em, .below-no-actions .loop-title-with-button { margin: 20px 0 12px !important; padding: 0 0 9px 12px !important; }
    .block-title-link { font-size: 15.5px; }
    .button-view-all { font-size: 12.5px !important; }
}
/* tieu de khoi: width 100% + padding-left -> tran phai; tinh padding vao chieu rong */
.loop-title-with-button.em,
.below-no-actions .loop-title-with-button { box-sizing: border-box !important; max-width: 100% !important; padding-right: 4px !important; }
.loop-title-with-button > .button-view-all,
.loop-title-with-button > .block-new-badge { flex: 0 0 auto !important; }

/* =====================================================================
   03/10/2026 - Slider "Phim Sex Viet" (tiktok-xxx) dong bo voi tieu de khoi trang chu:
   vach cam + chu trang, HOT cam, "Xem them" link chu; the bo goc vien manh, hover nhe;
   nut play cam; mui ten tron toi. KHONG doi ti le anh / bo cuc truoc khi slick khoi tao (chong CLS).
   ===================================================================== */
.tiktok-slider-wrapper { background: transparent !important; padding: 6px 0 14px !important; margin: 10px 0 !important; }
.tiktok-slider-wrapper .slider-header {
    align-items: center; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid #262626;
}
.tiktok-slider-wrapper .slider-title {
    position: relative; padding-left: 14px; font-size: 17px; font-weight: 700; color: #fff; letter-spacing: .2px;
}
.tiktok-slider-wrapper .slider-title::before {
    content: ''; position: absolute; left: 0; top: 2px; bottom: 2px; width: 4px; border-radius: 4px;
    background: linear-gradient(180deg, #ffa24a 0%, #f6821f 100%);
}
.tiktok-slider-wrapper .slider-hot-badge { background: #f6821f; border-radius: 999px; font-size: 10.5px; padding: 2px 8px; }
.tiktok-slider-wrapper .slider-subtitle { padding-left: 14px; font-size: 12px; color: #8a8a8a; }
.tiktok-slider-wrapper .slider-view-all {
    background: none; border: 0; padding: 4px 2px; margin: 0; border-radius: 0;
    color: #9a9a9a; font-size: 13px; font-weight: 600; gap: 6px;
}
.tiktok-slider-wrapper .slider-view-all:hover { background: none; color: #f6821f; }
.tiktok-slider-wrapper .slider-view-all .count-badge { background: rgba(246, 130, 31, .15); color: #ffb36b; border-radius: 999px; padding: 1px 7px; }
/* the */
.tiktok-slider-wrapper .slider-item-inner {
    background: #1c1c1c; border: 1px solid #262626; border-radius: 12px; box-shadow: none;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.tiktok-slider-wrapper .slider-item-inner:hover {
    transform: translateY(-3px); border-color: rgba(246, 130, 31, .5); box-shadow: 0 8px 20px rgba(0, 0, 0, .5);
}
.tiktok-slider-wrapper .slider-item-inner:hover .slider-thumbnail img { transform: scale(1.04); }
.tiktok-slider-wrapper .slider-thumbnail::after {
    content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 35%; pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 100%);
}
.tiktok-slider-wrapper .play-overlay { background: rgba(0, 0, 0, .25); }
.tiktok-slider-wrapper .play-icon {
    width: 46px; height: 46px; background: #f6821f; color: #fff; font-size: 16px;
    box-shadow: 0 4px 16px rgba(246, 130, 31, .45);
}
.tiktok-slider-wrapper .slider-content { background: #1c1c1c; padding: 8px 10px 10px; }
.tiktok-slider-wrapper .slider-item-title { color: #d6d6d6; font-size: 12.5px; }
.tiktok-slider-wrapper .slider-item-inner:hover .slider-item-title { color: #fff; }
/* mui ten */
.tiktok-slider-wrapper .tiktok-slider .slick-prev,
.tiktok-slider-wrapper .tiktok-slider .slick-next {
    width: 36px; height: 36px; background: rgba(20, 20, 20, .85); border: 1px solid #333;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .5); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
}
.tiktok-slider-wrapper .tiktok-slider .slick-prev:hover,
.tiktok-slider-wrapper .tiktok-slider .slick-next:hover { background: #f6821f; border-color: #f6821f; transform: none; }
@media (max-width: 600px) {
    .tiktok-slider-wrapper .slider-title { font-size: 15.5px; padding-left: 12px; }
    .tiktok-slider-wrapper .slider-subtitle { padding-left: 12px; font-size: 11.5px; }
    .tiktok-slider-wrapper .slider-view-all { font-size: 12.5px; }
}

/* 03/10/2026: bo gach chan + mau do (#b70000) mac dinh cua theme khi re chuot vao lien ket, doi sang cam nhat */
a:hover, a:focus { text-decoration: none; }
a:hover { color: #ffb36b; }
.item .entry-title a:hover { color: #fff; text-decoration: none; }
.tiktok-slider-wrapper a, .tiktok-slider-wrapper a:hover, .tiktok-slider-wrapper a:focus { text-decoration: none !important; }
.tiktok-slider-wrapper .slider-item-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; letter-spacing: .1px; }
.tiktok-slider-wrapper .slider-item-inner:hover .slider-item-title { color: #ffb36b; }
/* tieu de phim trong 3 tab (Cung Dien Vien / Cung Hang Phim / Xem Nhieu): viet hoa chu dau, 2 dong, chu ro hon */
#performer-videos-list .performer-videos-grid a > div { color: #ececec; font-weight: 600 !important; }
#performer-videos-list .performer-videos-grid a > div::first-letter { text-transform: uppercase; }
#performer-videos-list .performer-videos-grid a > div {
    display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important;
    line-clamp: 2; overflow: hidden !important; white-space: normal !important; text-overflow: ellipsis !important;
    line-height: 1.4 !important; min-height: 2.8em; word-break: break-word;
}
/* tieu de 2 dong: padding duoi lam lo dong thu 3 -> dua khoang cach ra ngoai (margin), khoa chieu cao 2 dong */
#performer-videos-list .performer-videos-grid a > div {
    box-sizing: content-box !important;
    padding: 7px 9px 0 !important; margin-bottom: 9px !important;
    height: 2.8em !important; max-height: 2.8em !important; min-height: 0 !important;
}

/* 04/10/2026: logo moi (ti le ~2.38:1) to hon - truoc khung 180x60 */
#site-logo { width: 200px !important; height: 84px !important; }
#site-logo img { width: 100% !important; height: 100% !important; object-fit: contain; }
@media (max-width: 639px) {
    #site-logo { width: 150px !important; height: 63px !important; }
    #site-logo img { margin: 0 auto; }
}
/* 04/10/2026: logo bo slogan (ti le ~2.75:1, anh x3 cuc net) - khung theo chieu rong, cao tu dong */
#site-logo { width: 210px !important; height: auto !important; }
#site-logo img { width: 100% !important; height: auto !important; }
@media (max-width: 639px) {
    #site-logo { width: 150px !important; height: auto !important; }
}
/* mobile: logo nam chinh giua header */
@media (max-width: 639px) {
    #header .wrap.cf { justify-content: center !important; }
    #branding { flex: 1 1 auto; display: flex !important; justify-content: center; margin: 0 auto !important; float: none !important; text-align: center; }
    #site-logo { display: block !important; margin: 0 auto !important; }
    #site-logo img { margin: 0 auto !important; }
}
/* mobile: logo chinh giua MAN HINH (tuyet doi), khong phu thuoc nut menu / tim kiem hai ben */
@media (max-width: 639px) {
    #header .wrap.cf { position: relative !important; min-height: 64px; }
    #branding {
        position: absolute !important; left: 50% !important; top: 50% !important;
        transform: translate(-50%, -50%) !important; margin: 0 !important; flex: none !important; width: auto !important;
        z-index: 1;
    }
    #mobile-menu-icon, #mobile-search-icon, #mobile-home-icon { z-index: 1002; }
}
/* mobile: nut menu (trai) + trang chu (phai) dang nut vuong bo tron, can doi 2 ben, icon gon */
@media (max-width: 639px) {
    #mobile-menu-icon, #mobile-home-icon {
        position: absolute !important; top: 50% !important; transform: translateY(-50%) !important;
        width: 40px !important; height: 40px !important; box-sizing: border-box;
        display: flex !important; align-items: center; justify-content: center;
        border-radius: 12px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .1);
        -webkit-tap-highlight-color: transparent; transition: background .15s ease, border-color .15s ease;
    }
    #mobile-menu-icon { left: 12px !important; right: auto !important; }
    #mobile-home-icon { right: 12px !important; left: auto !important; }
    #mobile-menu-icon svg, #mobile-home-icon svg { width: 20px !important; height: 20px !important; display: block; }
    #mobile-menu-icon svg rect, #mobile-home-icon svg path { fill: #f2f2f2; }
    #mobile-menu-icon:active, #mobile-home-icon:active,
    #mobile-menu-icon:hover, #mobile-home-icon:hover { background: rgba(246, 130, 31, .16); border-color: rgba(246, 130, 31, .45); }
    #mobile-menu-icon:active svg rect, #mobile-home-icon:active svg path { fill: #ffb36b; }
}
/* responsive.css ep #mobile-menu-icon display:block !important -> icon lech goc; tang do uu tien de can giua trong o */
@media (max-width: 639px) {
    #header #mobile-menu-icon, #header #mobile-home-icon {
        display: flex !important; align-items: center !important; justify-content: center !important;
        padding: 0 !important; line-height: 0 !important; overflow: hidden;
    }
    #header #mobile-menu-icon svg, #header #mobile-home-icon svg { margin: 0 !important; flex: none; }
}

/* =====================================================================
   04/10/2026 - Menu ngan keo mobile: nut dong tron, tab dang segmented (cam khi chon),
   tung muc la hang bo goc: o icon vuong bo tron + chu + mui ten ›, muc dang xem to cam nhat.
   JS showTab() gan inline style cho nut tab -> dung !important va [style*="gradient"] = tab dang chon.
   ===================================================================== */
.mobile-menu-container { background: #141414 !important; padding-top: 14px !important; }
.close-menu {
    top: 12px !important; right: 12px !important; width: 38px !important; height: 38px !important;
    font-size: 26px !important; border-radius: 12px !important;
    background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .1); color: #ddd !important;
}
.close-menu:hover, .close-menu:active { background: rgba(246, 130, 31, .16) !important; border-color: rgba(246, 130, 31, .45); color: #fff !important; }
.menu-tabs {
    margin: 52px 14px 14px !important; padding: 4px !important; gap: 4px !important;
    background: #0e0e0e; border: 1px solid #262626 !important; border-radius: 14px;
}
.menu-tabs .tab-btn {
    padding: 10px 0 !important; border-radius: 10px !important; border: 0 !important;
    font-size: 13.5px !important; letter-spacing: .3px !important;
    background: transparent !important; color: #9a9a9a !important; box-shadow: none !important;
}
.menu-tabs .tab-btn[style*="gradient"] { background: #f6821f !important; color: #fff !important; box-shadow: 0 2px 10px rgba(246, 130, 31, .35) !important; }
#mobile-category-list { padding: 0 10px 10px !important; gap: 4px !important; }
#mobile-category-list .mobile-cat-item {
    position: relative; gap: 12px; padding: 9px 12px !important; margin: 0;
    border: 0 !important; border-radius: 12px !important; background: transparent;
    font-size: 15px; transition: background .15s ease;
}
#mobile-category-list .mobile-cat-item::after {
    content: '\203A'; position: absolute; right: 14px; top: 50%; transform: translateY(-52%);
    color: #555; font-size: 22px; line-height: 1;
}
#mobile-category-list .mobile-cat-item:hover, #mobile-category-list .mobile-cat-item:active { background: rgba(255, 255, 255, .05) !important; }
#mobile-category-list .mobile-cat-item.current-menu-item,
#mobile-category-list .mobile-cat-item.is-active { background: rgba(246, 130, 31, .12) !important; padding-left: 12px !important; border-left: 0 !important; }
#mobile-category-list .mobile-cat-item.current-menu-item .mobile-cat-text,
#mobile-category-list .mobile-cat-item.is-active .mobile-cat-text { color: #ffb36b !important; font-weight: 600 !important; }
#mobile-category-list .mobile-cat-item.current-menu-item::after { color: #f6821f; }
#mobile-category-list .mobile-cat-icon {
    flex: none; width: 34px !important; height: 34px !important; margin: 0 !important; box-sizing: border-box;
    border-radius: 10px; background-color: rgba(255, 255, 255, .06);
    background-size: 18px !important; background-position: center !important; background-repeat: no-repeat;
    display: inline-flex !important; align-items: center; justify-content: center; color: #ff9a5a;
}
#mobile-category-list .mobile-cat-icon.mobile-cat-icon--generic { padding: 8px; }
#mobile-category-list .mobile-cat-item.current-menu-item .mobile-cat-icon { background-color: rgba(246, 130, 31, .22); }
#mobile-category-list .mobile-cat-text { color: #e8e8e8 !important; font-size: 15px; padding-right: 22px !important; }
/* tab Da luu */
.tab-content-title { background: none !important; color: #fff !important; text-align: left !important; padding: 0 16px 8px !important; font-size: 15px; }
#saved-posts-list { padding: 0 12px !important; gap: 10px !important; }
.saved-item { border: 1px solid #262626; border-radius: 12px !important; }

/* =====================================================================
   TRANG 404 moi (05/10/2026): tong cam theo logo, chuyen muc nhanh, luoi phim hot tuan.
   Ghi de khoi .vpi-404 cu (mau do #97332a) phia tren.
   ===================================================================== */
.vpi-404 { max-width: 1100px !important; margin: 0 auto !important; padding: 36px 16px 50px !important; text-align: center; }
.vpi-404-hero { max-width: 640px; margin: 0 auto; }
.vpi-404-code {
    font-size: 120px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: -2px;
    background: linear-gradient(135deg, #ffb36b 0%, #f6821f 50%, #e05a12 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent !important; opacity: 1 !important;
    filter: drop-shadow(0 8px 28px rgba(246, 130, 31, .35));
}
.vpi-404-title { font-size: 26px !important; font-weight: 800; color: #fff; margin: 12px 0 10px !important; }
.vpi-404-desc { color: #a9a9a9; opacity: 1 !important; font-size: 15px; line-height: 1.65; margin: 0 0 24px !important; }
.vpi-404-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.vpi-404-btn {
    display: inline-flex !important; align-items: center; justify-content: center; min-width: 150px; height: 46px;
    padding: 0 24px !important; border-radius: 999px !important; border: 1px solid transparent;
    background: linear-gradient(135deg, #ffa24d 0%, #f6821f 55%, #e8681a 100%) !important;
    color: #fff !important; font-weight: 700; font-size: 15px; text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(246, 130, 31, .35); transition: transform .15s ease, box-shadow .15s ease;
}
.vpi-404-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(246, 130, 31, .45); }
.vpi-404-btn-ghost { background: transparent !important; border-color: #3a3a3a; color: #ddd !important; box-shadow: none; }
.vpi-404-btn-ghost:hover { border-color: #f6821f; color: #fff !important; box-shadow: none; }
.vpi-404-cats { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 26px; }
.vpi-404-cats a {
    padding: 7px 14px; border-radius: 999px; background: #222; border: 1px solid #2e2e2e;
    color: #cfcfcf !important; font-size: 13.5px; font-weight: 600; text-decoration: none !important;
    transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.vpi-404-cats a:hover { border-color: #f6821f; color: #fff !important; background: #2a1d12; }
.vpi-404-hot { margin-top: 44px; text-align: left; }
.vpi-404-hot-title {
    display: flex; align-items: center; gap: 10px; font-size: 19px; font-weight: 800; color: #fff; margin: 0 0 14px;
}
.vpi-404-hot-title::before { content: ''; width: 4px; height: 20px; border-radius: 2px; background: linear-gradient(#ffb36b, #f6821f); }
.vpi-404-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.vpi-404-card {
    display: block; background: #1f1f1f; border: 1px solid #2a2a2a; border-radius: 12px; overflow: hidden;
    text-decoration: none !important; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.vpi-404-card:hover { transform: translateY(-3px); border-color: rgba(246, 130, 31, .55); box-shadow: 0 10px 24px rgba(0, 0, 0, .5); }
.vpi-404-thumb { display: block; aspect-ratio: 16 / 10; background: #111; overflow: hidden; }
.vpi-404-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.vpi-404-card:hover .vpi-404-thumb img { transform: scale(1.04); }
.vpi-404-name {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    padding: 9px 10px 10px; min-height: 2.8em; color: #e6e6e6; font-size: 13.5px; font-weight: 500; line-height: 1.4;
}
.vpi-404-card:hover .vpi-404-name { color: #fff; }
@media (max-width: 900px) { .vpi-404-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) {
    .vpi-404 { padding: 24px 10px 36px !important; }
    .vpi-404-code { font-size: 84px !important; }
    .vpi-404-title { font-size: 21px !important; }
    .vpi-404-desc { font-size: 14px; }
    .vpi-404-btn { min-width: 0; flex: 1 1 0; height: 44px; }
    .vpi-404-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .vpi-404-hot { margin-top: 32px; }
}
/* 404: ten phim 2 dong - padding nam ngoai khung cat dong (truoc do lo dong thu 3 duoi dau "...") */
.vpi-404-name { padding: 0 !important; margin: 9px 10px 11px; height: 2.8em; min-height: 0 !important; }

/* 05/10/2026 SEO heading: trang chu - ten khoi doi tu <span>/<h3> sang <h2>, ten phim <h3>. Giu nguyen giao dien. */
.loop-title-with-button > h2.block-heading {
    flex: 1 1 auto !important; display: block !important; position: relative !important; z-index: 1 !important;
    color: #fff; min-width: 0 !important; overflow: visible !important;
    margin: 0 !important; padding: 0 !important; font: inherit !important; line-height: inherit !important;
    letter-spacing: inherit; text-transform: inherit; border: 0 !important; background: none !important;
}
.loop-title-with-button > h2.block-heading .block-title-link { max-width: 100% !important; }
.item h3.entry-title { margin: 0; font-size: 20px; } /* = co chu h2 cu */
h2.hot-trending-title { font-size: 20.8px; } /* = 1.3em cua h3 cu */

/* 05/10/2026: doan gioi thieu SEO cuoi trang chu */
.vpi-home-intro {
    margin: 28px 0 10px; padding: 20px 22px; background: #191919; border: 1px solid #262626; border-radius: 12px;
    color: #b9b9b9; font-size: 14.5px; line-height: 1.75; text-align: left !important;
}
.vpi-home-intro h2 {
    display: flex; align-items: center; gap: 10px; margin: 0 0 10px !important;
    font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; /* 08/10/2026 */
    font-size: 18px !important; font-weight: 700; color: #fff; line-height: 1.35; letter-spacing: 0;
}
.vpi-home-intro h2::before { content: ''; flex: none; width: 4px; height: 20px; border-radius: 2px; background: linear-gradient(#ffb36b, #f6821f); }
.vpi-home-intro p { margin: 0 0 10px; }
.vpi-home-intro p:last-child { margin-bottom: 0; }
.vpi-home-intro strong { color: #e6e6e6; font-weight: 700; }
.vpi-home-intro a { color: #ffb36b !important; text-decoration: none !important; font-weight: 600; }
.vpi-home-intro a:hover { color: #fff !important; text-decoration: underline !important; }
@media (max-width: 600px) {
    .vpi-home-intro { margin: 20px 0 6px; padding: 16px 14px; font-size: 13.5px; line-height: 1.7; }
    .vpi-home-intro h2 { font-size: 16px !important; }
}
.vpi-home-intro h2, .vpi-home-intro p { text-align: left !important; }

/* 08/10/2026: an nut dislike, chi giu like (bo lai = xoa khoi nay) */
#video-actions .video-stats .dislikes, .video-stats .dislikes { display: none !important; }
#video-actions .video-stats .likes { border-radius: 999px; padding-right: 14px; }

/* 08/10/2026: like -> tha tim kieu TikTok/Facebook (tim rong -> bam: tim do dac + nay) */
#video-actions .video-stats .like-count { --vl-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); }
#video-actions .video-stats .like-count.active { --vl-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); }
#video-actions .video-stats .like-count:before { width: 18px; height: 18px; transition: transform .15s; }
#video-actions .video-stats .likes:hover .like-count:before { transform: scale(1.12); }
#video-actions .video-stats .likes.active { color: #fe2c55; background: rgba(254, 44, 85, .12); border-color: rgba(254, 44, 85, .45); }
#video-actions .video-stats .likes.vl-pop .like-count:before { animation: vl-heart-pop .45s cubic-bezier(.17, .89, .32, 1.49); }
@keyframes vl-heart-pop { 0% { transform: scale(.3); } 50% { transform: scale(1.35); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { #video-actions .video-stats .likes.vl-pop .like-count:before { animation: none; } }
/* icon tim kieu TikTok: tim dac, tron day (trang khi chua thich, do khi da thich) */
#video-actions .video-stats .like-count,
#video-actions .video-stats .like-count.active { --vl-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E"); }
#video-actions .video-stats .like-count:before { width: 20px; height: 20px; }
/* can giua tim va so theo chieu doc */
#video-actions .video-stats .likes { display: inline-flex; align-items: center; }
#video-actions .video-stats .like-count { display: inline-flex; align-items: center; line-height: 1; }
#video-actions .video-stats .like-count:before { vertical-align: middle; flex: 0 0 auto; }

/* 08/10/2026: so luot chia se / luu nam ngang canh icon (nut vien thuoc nhu like) */
#video-actions .video-stats .share-link-btn { width: auto; min-width: 36px; padding: 7px 12px; gap: 6px; display: inline-flex; align-items: center; }
#video-actions .video-stats .share-link-btn svg { width: 16px; height: 16px; flex: 0 0 auto; }
#video-actions .video-stats .vl-cnt { background: none; padding: 0; border: 0; border-radius: 0; font-size: 14px; font-weight: 600; line-height: 1; color: inherit; cursor: inherit; }
@media (max-width: 600px) { #video-actions .video-stats .share-link-btn { padding: 6px 10px !important; } }

/* 08/10/2026: danh sach da luu - nut X xoa + tieu de nho lai */
.saved-item { position: relative; }
.saved-item a { font-size: 13px; font-weight: 500; line-height: 1.35; max-height: 2.7em; padding: 7px 6px 6px; }
.saved-item .saved-remove {
    position: absolute; top: 6px; right: 6px; z-index: 2;
    width: 26px; height: 26px; padding: 0; border: 0; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: rgba(0, 0, 0, .65); color: #fff; font-size: 18px; line-height: 1; cursor: pointer;
}
.saved-item .saved-remove:hover { background: #e53935; }

/* ==========================================================================
   08/10/2026: Hop thoai chia se - giao dien moi (ghi de khoi .share-dialog-* cu)
   mobile: bottom sheet truot len; desktop: the giua man hinh
   ========================================================================== */
html.sd-lock { overflow: hidden; }
#share-dialog-main.share-dialog-overlay {
    position: fixed; inset: 0; z-index: 99999;
    display: flex; align-items: flex-end; justify-content: center;
    background: rgba(0, 0, 0, 0);
    -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0);
    transition: background .2s ease, backdrop-filter .2s ease;
}
#share-dialog-main.is-open { background: rgba(0, 0, 0, .6); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
#share-dialog-main .share-dialog-box {
    position: relative; box-sizing: border-box;
    width: 100%; max-width: 440px;
    padding: 8px 18px calc(18px + env(safe-area-inset-bottom));
    background: #1c1c1e; color: #f2f2f2;
    border: 1px solid rgba(255, 255, 255, .08); border-bottom: 0;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, .45);
    transform: translateY(100%); transition: transform .24s cubic-bezier(.2, .8, .2, 1);
    animation: none; will-change: transform;
}
#share-dialog-main.is-open .share-dialog-box { transform: translateY(0); }
#share-dialog-main .sd-handle { width: 38px; height: 4px; margin: 2px auto 8px; border-radius: 4px; background: rgba(255, 255, 255, .22); }
#share-dialog-main .sd-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
#share-dialog-main .share-dialog-title { margin: 0; font-size: 16px; font-weight: 700; color: #fff; text-align: left; }
#share-dialog-main .share-dialog-close {
    position: static; display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%;
    background: rgba(255, 255, 255, .08); color: #ddd; opacity: 1; cursor: pointer;
    transition: background .15s;
}
#share-dialog-main .share-dialog-close:hover { background: rgba(255, 255, 255, .16); color: #fff; }
#share-dialog-main .share-dialog-close svg { width: 18px; height: 18px; }

/* xem truoc video */
#share-dialog-main .sd-preview {
    display: flex; align-items: center; gap: 12px;
    padding: 10px; margin-bottom: 16px;
    background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .06); border-radius: 12px;
}
#share-dialog-main .sd-preview img { flex: 0 0 auto; width: 88px; height: 50px; object-fit: cover; border-radius: 8px; background: #2a2a2a; }
#share-dialog-main .sd-meta { min-width: 0; }
#share-dialog-main .sd-ptitle {
    font-size: 13px; font-weight: 600; line-height: 1.35; color: #f2f2f2;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
#share-dialog-main .sd-host { margin-top: 3px; font-size: 11.5px; color: #9a9a9a; }

/* hang icon: vuot ngang neu hep */
#share-dialog-main .share-dialog-icons {
    display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 6px;
    margin: 0 -4px 16px; padding: 2px 4px 4px;
    overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
#share-dialog-main .share-dialog-icons::-webkit-scrollbar { display: none; }
#share-dialog-main .share-social-main {
    flex: 0 0 auto; min-width: 52px;
    display: flex; flex-direction: column; align-items: center; gap: 7px;
    color: #d6d6d6; font-size: 11.5px; font-weight: 500; text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
#share-dialog-main .sd-ic {
    display: flex; align-items: center; justify-content: center;
    width: 50px; height: 50px; border-radius: 50%;
    transition: transform .15s ease, filter .15s ease;
}
#share-dialog-main .share-social-main:hover .sd-ic { transform: translateY(-2px); filter: brightness(1.1); }
#share-dialog-main .share-social-main:active .sd-ic { transform: scale(.92); }
#share-dialog-main .share-social-main svg { width: 24px; height: 24px; padding: 0; border-radius: 0; background: none !important; box-shadow: none !important; }
#share-dialog-main .share-social-main[data-type="facebook"] .sd-ic { background: #1877f2; }
#share-dialog-main .share-social-main[data-type="telegram"] .sd-ic { background: #229ed9; }
#share-dialog-main .share-social-main[data-type="whatsapp"] .sd-ic { background: #25d366; }
#share-dialog-main .share-social-main[data-type="twitter"] .sd-ic { background: #000; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); }
#share-dialog-main .share-social-main[data-type="copy"] .sd-ic,
#share-dialog-main .share-social-main[data-type="native"] .sd-ic { background: #3a3a3c; }
#share-dialog-main .share-social-main.is-done .sd-ic { background: #22a55b; }

/* o link + nut chep */
#share-dialog-main .share-dialog-url {
    display: flex; align-items: center; gap: 8px;
    padding: 5px 5px 5px 14px;
    background: #2a2a2c; border: 1px solid rgba(255, 255, 255, .08); border-radius: 12px;
}
#share-dialog-main #share-url-input {
    flex: 1; min-width: 0; padding: 0; border: 0; outline: none;
    background: none; color: #bdbdbd; font-size: 13px;
    text-overflow: ellipsis;
}
#share-dialog-main #copy-url-btn {
    flex: 0 0 auto; padding: 9px 16px; border: 0; border-radius: 9px;
    background: #fe2c55; color: #fff; font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer;
    transition: background .15s, transform .1s;
}
#share-dialog-main #copy-url-btn:hover { background: #ff4d6d; }
#share-dialog-main #copy-url-btn:active { transform: scale(.96); }
#share-dialog-main #copy-url-btn.is-done { background: #22a55b; }

/* desktop: the giua man hinh */
@media (min-width: 641px) {
    #share-dialog-main.share-dialog-overlay { align-items: center; }
    #share-dialog-main .share-dialog-box {
        padding: 18px 20px 20px; border-bottom: 1px solid rgba(255, 255, 255, .08); border-radius: 18px;
        transform: translateY(12px) scale(.97); opacity: 0;
        transition: transform .2s cubic-bezier(.2, .8, .2, 1), opacity .2s ease;
    }
    #share-dialog-main.is-open .share-dialog-box { transform: none; opacity: 1; }
    #share-dialog-main .sd-handle { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    #share-dialog-main .share-dialog-box, #share-dialog-main.share-dialog-overlay { transition: none; }
}

/* 09/10/2026: icon LIKE (ngon tay cai) thay trai tim; vong tron CHI bao icon, so nam ngoai (ben phai) */
#video-actions .video-stats .likes,
#video-actions .video-stats .likes:hover,
#video-actions .video-stats .likes.active,
#video-actions .video-stats .share-link-btn,
#video-actions .video-stats .share-link-btn:hover {
    position: relative; display: inline-flex; align-items: center; gap: 0;
    width: auto; min-width: 0; height: 36px; padding: 0 !important;
    background: transparent; border: 0; border-radius: 0; box-shadow: none; color: #e5e5e5;
}
/* vong tron sau icon */
#video-actions .video-stats .likes::after,
#video-actions .video-stats .share-link-btn::after {
    content: ''; position: absolute; left: 0; top: 0; width: 36px; height: 36px; box-sizing: border-box;
    border-radius: 50%; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14);
    transition: background .15s, border-color .15s; z-index: 0; pointer-events: none;
}
#video-actions .video-stats .likes:hover::after,
#video-actions .video-stats .share-link-btn:hover::after { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .26); }
#video-actions .video-stats .like-count,
#video-actions .video-stats .share-link-btn svg,
#video-actions .video-stats .vl-cnt { position: relative; z-index: 1; }
/* icon nam giua vong tron 36px, so cach vong tron 8px */
#video-actions .video-stats .like-count { display: inline-flex; align-items: center; height: 36px; padding: 0; font-size: 14px; font-weight: 600; color: #e5e5e5; line-height: 1; }
#video-actions .video-stats .like-count::before,
#video-actions .video-stats .like-count.active::before {
    width: 18px; height: 18px; margin: 0 17px 0 9px; background: currentColor;
    --vl-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3C/svg%3E");
}
#video-actions .video-stats .like-count { --vl-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3C/svg%3E"); }
/* da like: icon dac mau xanh + vong tron xanh nhat */
#video-actions .video-stats .like-count.active { --vl-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3C/svg%3E"); }
#video-actions .video-stats .likes.active .like-count { color: #e5e5e5; }
#video-actions .video-stats .likes.active .like-count::before { background: #3ea6ff; }
#video-actions .video-stats .likes.active::after { background: rgba(62, 166, 255, .15); border-color: rgba(62, 166, 255, .5); }
#video-actions .video-stats .share-link-btn svg { width: 16px; height: 16px; margin: 0 18px 0 10px; flex: 0 0 auto; }
#video-actions .video-stats .vl-cnt { font-size: 14px; font-weight: 600; line-height: 1; color: #e5e5e5; background: none; padding: 0; }
/* nut khong co so (vd luu tren site khong dem) -> chi con vong tron */
#video-actions .video-stats .share-link-btn:not(:has(.vl-cnt)) svg { margin-right: 10px; }
#video-actions .video-info-like > .video-stats { gap: 14px; }
@media (max-width: 600px) { #video-actions .video-info-like > .video-stats { gap: 10px !important; } }
/* responsive.css (mobile) ep padding 6px + gap 4px !important -> ghi de bang selector manh hon */
#video-actions.video-info-row .video-info-like .video-stats .share-link-btn,
#video-actions.video-info-row .video-info-like .video-stats .likes { padding: 0 !important; justify-content: flex-start; }
#video-actions.video-info-row .video-info-like > .video-stats { gap: 14px !important; }
@media (max-width: 600px) { #video-actions.video-info-row .video-info-like > .video-stats { gap: 12px !important; } }

/* 09/10/2026: tieu de trang danh sach (h1.loop-title: danh muc / tim kiem / dien vien / hang phim) - CHU IN HOA dam + thanh mau doc phia truoc */
.loop-header h1.loop-title {
    position: relative; margin: 8px 0 6px; padding: 2px 0 2px 13px; border: 0;
    text-align: left; text-transform: uppercase;
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px !important; font-weight: 700; letter-spacing: .05em; line-height: 1.4; color: #f4f4f5;
}
.loop-header h1.loop-title::before {
    content: ''; position: absolute; left: 0; top: 4px; bottom: 4px; width: 3px; border-radius: 3px;
    background: linear-gradient(180deg, #ffb36b, #f6821f); box-shadow: 0 0 10px rgba(246, 130, 31, .45);
}
.loop-header h1.loop-title em { font-style: normal; color: #ffb36b; }
.loop-header h1.loop-title .prefix { color: #a1a1aa; font-weight: 600; }
.loop-header h1.loop-title .prefix:empty { display: none; }
.loop-header h1.loop-title a { color: inherit; }
.loop-header .loop-desc { margin: 0 0 0 13px; font-size: 12.5px; color: #8b8b93; }
.loop-header .loop-desc i { font-style: normal; font-weight: 700; color: #d4d4d8; }
.loop-header.below-no-actions { border-bottom: 1px solid rgba(255, 255, 255, .06); padding-bottom: 12px; margin-bottom: 14px; }
@media (min-width: 769px) { .loop-header h1.loop-title { font-size: 18px !important; } }