.breadcrumb {
    position: relative;
    height: 25vh;
}

.title-category {
    margin: 0 64px;
    padding-top: 10px;
}

.wrap-breadcrumb .title-category,
.Main.Container > .container > .firm-by-category > .title-category {
    padding-top: 0;
    margin-top: 5%;
}

.wrap-breadcrumb {
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
}

.list-item {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    margin-right: 64px;
    margin-left: 64px;
    margin-bottom: 40px !important;
    padding-left: 60px;
    padding-right: 60px;
}

main:not([class~="categories.movies.index"]) .list-item {
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 40px !important;
}

.item-wrap {
    width: calc((100% - 16 * 6px) / 6);
    margin-bottom: 36px;
    margin-right: 14px;
    /* margin-left: 8px; */
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.5s;
}

.item-wrap .item-link {
    display: inline-block;
    width: 100%;
}

.item-img {
    position: relative;
}

.item-img .desc-img {
    height: 277px;
    width: 100%;
    object-fit: cover;
}

.item-img-layer {
    background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
    height: 60px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 300;
}

.update-info-mask {
    font-size: 12px;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    font-weight: 500;
    position: absolute;
    left: 8px;
    right: 10px;
    bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-box {
    position: relative;
    height: 40px;
    margin: 10px 0px 0px;
    font-size: 14px;
    transition: color 0.3s ease 0s;
}

.item-title {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-size: 14px;
}

.item-wrap:hover .item-title {
    color: var(--main-color);
}

.item-wrap:hover {
    transform: scale(1.05);
}

@media (max-width: 1199px) {
    .item-img .desc-img {
        height: 200px;
    }
}

@media (max-width: 1024px) {
    .breadcrumb {
        position: relative;
        height: 180px;
    }

    .item-img .desc-img {
        height: 270px;
    }

    [class~="categories.movies.index"] .list-item {
        margin-top: 30px;
    }

    .item-wrap {
        width: calc((100% - 16 * 4px) / 4);
        margin-bottom: 28px;
    }

    .text-box {
        margin-top: 8px;
    }

    .list-item, .title-category {
        margin-right: 56px;
        margin-left: 56px;
    }

}

@media (max-width: 991px) {
    .item-img .desc-img {
        height: 210px;
    }
}

@media (max-width: 800px) {
    .item-img .desc-img {
        height: 200px;
    }
}

@media (max-width: 768px) {
    .breadcrumb {
        margin-bottom: -50px;
    }

    .title-category {
        margin: 0 15px;
        padding-top: 60px;
        font-size: 22px;
    }

    .list-item {
        margin-right: 15px;
        margin-left: 15px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .item-img .desc-img {
        height: 260px;
    }

    [class~="categories.movies.index"] .list-item {
        margin-top: 20px;
    }

    .item-wrap {
        width: calc((100% - 8 * 3px) / 3);
        margin-bottom: 24px;
        margin-left: 4px;
        margin-right: 4px;
    }
}

@media (max-width: 640px) {
    .item-img .desc-img {
        height: 240px;
    }
}

@media (max-width: 585px) {
    .item-img .desc-img {
        height: 200px;
    }
}

@media (max-width: 500px) {
    .item-img .desc-img {
        height: 190px;
    }
}

@media (max-width: 480px) {
    .item-img .desc-img {
        height: 150px;
    }
}

@media (max-width: 385px) {
    .item-img .desc-img {
        height: 130px;
    }
}

.wp-pagenavi a, .wp-pagenavi span, .nav-links a, .nav-links span, .tagcloud a {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 7px;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
}

.wp-pagenavi a.first, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.last, .prev.page-numbers, .next.page-numbers {
    font-size: 0
}

.wp-pagenavi a.first:before, .wp-pagenavi a.previouspostslink:before, .wp-pagenavi a.nextpostslink:before, .wp-pagenavi a.last:before {
    font-size: 1.25rem;
    font-weight: 300
}

.wp-pagenavi a.previouspostslink:before, .wp-pagenavi a.nextpostslink:before, .prev.page-numbers:before, .next.page-numbers:before {
    font-size: 1.5rem
}

.wp-pagenavi a.first:before {
    content: '\e5c4'
}

.wp-pagenavi a.previouspostslink:before, .prev.page-numbers:before {
    content: '\e314'
}

.wp-pagenavi a.nextpostslink:before, .next.page-numbers:before {
    content: '\e315'
}

.wp-pagenavi a.last:before {
    content: '\e5c8'
}

[class*=fa-]:before {
    font-family: FontAwesome
}

.wp-pagenavi .current {
    background-color: var(--main-color);
    color: #fff;
}

.list-item.pagination {
    justify-content: flex-start;
    align-items: center;
}

.wp-pagenavi, .nav-links {
    display: flex;
    align-items: center;
}

.wp-pagenavi .pages, .wp-pagenavi a.prev.page-numbers, .wp-pagenavi .next.page-numbers, .nav-links a {
    /* color: var(--main-color); */
    color: black;
}

.list-item.pagination a.page-link {
    display: flex;
    justify-content: center;
    align-items: center;
}

[class*=fa-]:before {
    display: inline-block;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: inherit;
    line-height: inherit;
    vertical-align: top;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal
}

.play-button-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.item-img:hover .play-button-container {
    display: block;
}


/* PVS FIX 2026-06-04: Catalog hover/play xanh + không bắt 2 lần chạm trên mobile */
.item-wrap { position: relative; overflow: visible; }
.item-img { overflow: hidden; border-radius: 6px; }
.play-button-container { pointer-events: none; z-index: 7; }
.play-button-container svg circle { fill: #1cc749 !important; }

@media (hover: hover) and (pointer: fine) {
    .item-wrap:hover { transform: translateY(-7px) scale(1.045); z-index: 20; }
    .item-img:hover .play-button-container,
    .item-wrap:hover .play-button-container { display: block; }
}

@media (hover: none), (pointer: coarse), (max-width: 991px) {
    .item-wrap:hover { transform: none !important; }
    .item-img:hover .play-button-container,
    .item-wrap:hover .play-button-container { display: none !important; }
    .item-wrap .item-link:active .item-title { color: #1cc749 !important; }
}

/* PVS FINAL v1.3.0 catalog fallback */
.item-wrap .item-img-layer, .item-wrap .update-info-mask { z-index:20!important; pointer-events:none!important; }
.item-wrap .item-img::before{content:""!important;position:absolute!important;inset:0!important;background:rgba(0,0,0,.34)!important;opacity:0!important;z-index:8!important;pointer-events:none!important;transition:opacity .22s ease!important;}
.item-wrap .item-img::after{content:"▶"!important;position:absolute!important;left:50%!important;top:50%!important;width:58px!important;height:58px!important;border-radius:50%!important;background:#1cc749!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;line-height:1!important;text-indent:4px!important;opacity:0!important;transform:translate(-50%,-50%) scale(.76)!important;z-index:12!important;pointer-events:none!important;box-shadow:0 0 0 4px rgba(255,255,255,.12),0 10px 30px rgba(28,199,73,.58)!important;transition:opacity .22s ease,transform .22s ease!important;}
.item-wrap .play-button-container{display:none!important;}
@media (hover:hover) and (pointer:fine){.item-wrap:hover{transform:scale(1.045)!important;box-shadow:0 0 0 2px rgba(28,199,73,.78),0 16px 36px rgba(0,0,0,.58),0 0 28px rgba(28,199,73,.34)!important;z-index:80!important}.item-wrap:hover .desc-img{filter:brightness(.78)!important;transform:none!important}.item-wrap:hover .item-img::before,.item-wrap:hover .item-img::after{opacity:1!important}.item-wrap:hover .item-img::after{transform:translate(-50%,-50%) scale(1)!important}.item-wrap:hover .item-title{color:#1cc749!important}}
@media (hover:none),(pointer:coarse),(max-width:991px){.item-wrap.pvs-touch-active{transform:scale(1.035)!important;box-shadow:0 0 0 2px rgba(28,199,73,.78),0 10px 26px rgba(0,0,0,.5),0 0 22px rgba(28,199,73,.3)!important;z-index:80!important}.item-wrap.pvs-touch-active .desc-img{filter:brightness(.78)!important}.item-wrap.pvs-touch-active .item-img::before,.item-wrap.pvs-touch-active .item-img::after{opacity:1!important}.item-wrap.pvs-touch-active .item-img::after{transform:translate(-50%,-50%) scale(1)!important}.item-wrap.pvs-touch-active .item-title{color:#1cc749!important}}

/* PVS v1.4.0 fallback: border only poster, not title */
@media (hover:hover) and (pointer:fine){.item-wrap:hover{box-shadow:none!important;transform:scale(1.035)!important}.item-wrap:hover .item-img{box-shadow:0 0 0 2px rgba(28,199,73,.88),0 14px 34px rgba(0,0,0,.55),0 0 28px rgba(28,199,73,.34)!important}.item-wrap:hover .item-title{box-shadow:none!important;text-shadow:none!important}}@media (hover:none),(pointer:coarse),(max-width:991px){.item-wrap.pvs-touch-active{box-shadow:none!important;transform:scale(1.02)!important}.item-wrap.pvs-touch-active .item-img{box-shadow:0 0 0 2px rgba(28,199,73,.88),0 8px 22px rgba(0,0,0,.45)!important}}


/* PVS FINAL v1.5.0 catalog/mobile: remove mobile play icon, poster-only green border */
@media (hover:none),(pointer:coarse),(max-width:991px){.item-wrap .item-img::after,.item-wrap.pvs-touch-active .item-img::after,.item-wrap .item-link:active .item-img::after{content:none!important;display:none!important;opacity:0!important}.item-wrap.pvs-touch-active .item-img,.item-wrap .item-link:active .item-img{box-shadow:0 0 0 2px #1cc749,0 8px 18px rgba(0,0,0,.42),0 0 16px rgba(28,199,73,.28)!important}}
@media (hover:hover) and (pointer:fine){.item-wrap:hover{box-shadow:none!important}.item-wrap:hover .item-img{box-shadow:0 0 0 2px #1cc749,0 14px 30px rgba(0,0,0,.55),0 0 22px rgba(28,199,73,.32)!important}.item-wrap:hover .item-title{box-shadow:none!important;background:transparent!important}}


/* generic class for poster container */
.item-wrap, /* catalog movie item */
.pvs-scroll-item, /* homepage movie card */
.splide__item {
    cursor: pointer !important;
}



/* PVS v1.6.7 - FINAL cursor pointer fix
   Chỉ đổi sang bàn tay khi rê chuột vào ô phim/poster/link phim.
   Ra ngoài ô phim sẽ trở lại con trỏ mặc định. */
@media (hover: hover) and (pointer: fine) {
    .pvs-scroll-item,
    .pvs-scroll-item > a,
    .pvs-scroll-item > a > .splide__item,
    .pvs-scroll-item .splide__img-wrap,
    .pvs-scroll-item .splide__item-title,
    .item-wrap,
    .item-wrap > .item-link,
    .item-wrap .item-img,
    .item-wrap .text-box,
    .item-wrap .item-title {
        cursor: pointer !important;
    }

    .pvs-scroll-slider:not(.pvs-hovering-card):not(.is-dragging) {
        cursor: default !important;
    }

    .pvs-scroll-slider.pvs-hovering-card,
    .pvs-scroll-slider.pvs-hovering-card * {
        cursor: pointer !important;
    }

    .pvs-scroll-slider.is-dragging,
    .pvs-scroll-slider.is-dragging * {
        cursor: default !important;
    }
}

/* PVS v178 - Chuẩn hóa poster link trực tiếp 490x654
   Khi dán link ảnh ngoài (TikTok/CDN...) vào poster, giao diện tự ép đúng khung 490x654, không méo ảnh.
   Lưu ý: CSS resize kích thước hiển thị; muốn giảm dung lượng thật cần ảnh/CDN resize phía server. */
.firm-by-category .pvs-scroll-item .splide__img-wrap,
.pvs-scroll-item .splide__img-wrap,
.item-wrap .item-img {
    width: 100% !important;
    aspect-ratio: 490 / 654 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #151515 !important;
    border-radius: 7px !important;
}

.firm-by-category .pvs-scroll-item img.splide__img,
.pvs-scroll-item img.splide__img,
img.pvs-poster-img,
img.pvs-poster-ratio,
.item-wrap .item-img img.desc-img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 490 / 654 !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    max-width: 100% !important;
    background: #151515 !important;
}

.firm-by-category .pvs-scroll-item img.splide__img,
.pvs-scroll-item img.splide__img,
.item-wrap .item-img img.desc-img {
    contain: layout paint !important;
}



/* Poster resize 490x654 + skeleton + fade-in */
.pvs-poster, .lazy-img {
    width: 490px !important;
    height: 654px !important;
    object-fit: cover;
    display: block;
    background: #f0f0f0; /* skeleton placeholder */
    opacity: 0;
    transition: opacity 0.22s ease-in;
}

.pvs-poster.loaded, .lazy-img.loaded {
    opacity: 1;
}