/* LP Video Gallery styles */ .lpvg-wrap{font-family:inherit} .lpvg-grid{display:grid;gap:16px} .lpvg-cols-1{grid-template-columns:1fr} .lpvg-cols-2{grid-template-columns:repeat(2,1fr)} .lpvg-item .lpvg-thumb{position:relative;display:block;overflow:hidden;border-radius:8px} .lpvg-item img{width:100%;height:auto;display:block;transition:transform .3s ease} .lpvg-item .lpvg-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,.6); color: #fff; border-radius: 50%; width: 50px; /* hơi to hơn để dễ nhấn */ height: 50px; display: flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; transition: background 0.3s ease; } .lpvg-item .lpvg-play:hover { background: rgba(0,0,0,.8); } .lpvg-item:hover img{transform:scale(1.03)} .lpvg-title{display:block;margin-top:6px;font-size:14px;line-height:1.4;color:#222} @media (max-width:640px){.lpvg-grid{grid-template-columns:1fr}} /* Pagination */ .lpvg-pagination ul{list-style:none;margin:12px 0 0;padding:0;display:flex;gap:8px;flex-wrap:wrap;justify-content: center; /* Căn giữa */} .lpvg-pagination li a{display:inline-block;padding:6px 10px;border:1px solid #ddd;border-radius:6px;text-decoration:none;color:#333} .lpvg-pagination li.current a,.lpvg-pagination li a:hover{background:#111;color:#fff;border-color:#111} /* Lightbox */ #lpvg-lightbox { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; z-index: 9999; } #lpvg-lightbox.show { display: flex; } #lpvg-lightbox .lpvg-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.6); } #lpvg-lightbox .lpvg-dialog { position: relative; background: #000; border-radius: 10px; max-width: 960px; width: 90%; aspect-ratio: 16/9; box-shadow: 0 10px 30px rgba(0,0,0,.5); /* quan trọng để căn giữa */ top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } #lpvg-lightbox .lpvg-dialog .lpvg-close { position: absolute; top: 8px; right: 8px; background: transparent; border: 0; color: #fff; font-size: 28px; cursor: pointer; } #lpvg-lightbox .lpvg-iframe-wrap { position: absolute; inset: 0; } #lpvg-lightbox iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }