/* Thu vien video - trang chu (cung phong cach Thu vien anh tuyen truyen) */
.tvvd-head{text-align:center;margin:10px 0 22px}
.tvvd-head h2{display:inline-block;margin:0;padding-bottom:10px;font-size:20px;font-weight:bold;text-transform:uppercase;color:#222;border-bottom:3px solid #0d9c4a;letter-spacing:.3px}
.tvvd-note{margin:-12px 0 14px;font-size:13px;color:#e10786;text-align:center}
.tvvd-admin{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin:-12px 0 14px;font-size:13px}
.tvvd-admin-status{color:#0d9c4a}
.tvvd-admin.is-off .tvvd-admin-status{color:#e10786}
.tvvd-admin-btn{display:inline-block;min-width:56px;padding:3px 14px;border-radius:14px;background:#e10786;color:#fff!important;font-weight:600;text-align:center;text-decoration:none;transition:opacity .2s}
.tvvd-admin.is-off .tvvd-admin-btn{background:#0d9c4a}
.tvvd-admin-btn:hover{opacity:.85}
.tvvd-admin-link{color:#555;text-decoration:underline}
.tvvd{--tvvd-per:1;--tvvd-gap:16px;--tvvd-radius:10px;position:relative}
.tvvd-viewport{overflow:hidden;padding:4px 0 12px}
.tvvd-track{display:flex;margin:0 calc(var(--tvvd-gap) / -2);transition:transform .7s cubic-bezier(.22,.61,.36,1);will-change:transform}
.tvvd-item{flex:0 0 calc(100% / var(--tvvd-per));max-width:calc(100% / var(--tvvd-per));padding:0 calc(var(--tvvd-gap) / 2);box-sizing:border-box}
.tvvd-item a{display:block;color:inherit;text-decoration:none}
.tvvd-thumb{display:block;position:relative;aspect-ratio:16/9;border-radius:var(--tvvd-radius);overflow:hidden;background:#111;box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateZ(0);transition:box-shadow .35s ease}
.tvvd-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,.61,.36,1),filter .35s}
.tvvd-play{position:absolute;left:50%;top:50%;width:58px;height:40px;margin:-20px 0 0 -29px;border-radius:12px;background:rgba(33,33,33,.8);transition:background .25s,transform .25s}
.tvvd-play:after{content:'';position:absolute;left:23px;top:11px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff}
.tvvd-item a:hover .tvvd-thumb{box-shadow:0 8px 20px rgba(0,0,0,.2)}
.tvvd-item a:hover .tvvd-thumb img{transform:scale(1.04);filter:brightness(.9)}
.tvvd-item a:hover .tvvd-play{background:#f00;transform:scale(1.08)}
.tvvd-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 2px 0;font-size:15px;font-weight:600;line-height:1.4;color:#0d9c4a;transition:color .2s}
.tvvd-item a:hover .tvvd-title{color:#e10786}
.tvvd-nav{position:absolute;top:calc(50% - 30px);transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:rgba(40,40,40,.45);color:#fff;font-size:18px;line-height:34px;padding:0;cursor:pointer;z-index:2;transition:opacity .3s,background .3s}
.tvvd-nav:hover{background:rgba(13,156,74,.9)}
.tvvd-prev{left:-6px}
.tvvd-next{right:-6px}
.tvvd-nav:disabled,.tvvd-nav:disabled:hover{background:rgba(40,40,40,.45);opacity:.25;cursor:default}
.tvvd.no-nav .tvvd-nav{display:none}
@media (min-width:576px){.tvvd{--tvvd-per:2}}
@media (min-width:992px){.tvvd{--tvvd-per:3}}
@media (max-width:575px){.tvvd{--tvvd-gap:10px;--tvvd-radius:8px}.tvvd-head h2{font-size:17px}.tvvd-title{font-size:14px}.tvvd-nav{width:28px;height:28px;font-size:15px;line-height:28px}.tvvd-prev{left:-4px}.tvvd-next{right:-4px}}

/* Khung xem video */
.tvvd-lb{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999999;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.tvvd-lb.open{opacity:1;visibility:visible}
.tvvd-lb-frame{width:min(92vw,calc(78vh * 16 / 9));aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;transform:scale(.96);transition:transform .3s}
.tvvd-lb.open .tvvd-lb-frame{transform:scale(1)}
.tvvd-lb iframe{width:100%;height:100%;border:0;display:block}
.tvvd-lb p{color:#fff;margin:12px 15px 0;text-align:center;font-size:15px}
.tvvd-lb p:empty{display:none}
.tvvd-lb button{position:absolute;background:none;border:0;color:#fff;font-size:40px;cursor:pointer;padding:10px}
.tvvd-lb .tvvd-lb-close{top:5px;right:10px}
.tvvd-lb .tvvd-lb-prev{left:5px;top:50%;transform:translateY(-50%)}
.tvvd-lb .tvvd-lb-next{right:5px;top:50%;transform:translateY(-50%)}
@media (max-width:575px){.tvvd-lb .tvvd-lb-prev,.tvvd-lb .tvvd-lb-next{top:auto;bottom:10px;transform:none}}