<!-- MÀN HÌNH CHỮ HỶ MỞ CỬA -->
<style>
#hy-overlay {
position: fixed;
inset: 0;
z-index: 999999;
overflow: hidden;
background: #000;
}

#hy-overlay .door {
position: absolute;
top: 0;
width: 50%;
height: 100%;
background-image: url("LINK_HINH_CHU_HY");
background-size: cover;
background-repeat: no-repeat;
transition: transform 1.8s ease-in-out;
}

#hy-overlay .left {
left: 0;
background-position: left center;
}

#hy-overlay .right {
right: 0;
background-position: right center;
}

#hy-overlay.open .left {
transform: translateX(-100%);
}

#hy-overlay.open .right {
transform: translateX(100%);
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
// Tạo HTML bằng JS (vì Ladipage không có ô HTML riêng)
const overlay = document.createElement("div");
overlay.id = "hy-overlay";

overlay.innerHTML = `
<div class="door left"></div>
<div class="door right"></div>
`;

document.body.appendChild(overlay);

// Mở cửa sau 0.5s
setTimeout(() => {
overlay.classList.add("open");
}, 500);

// Ẩn hoàn toàn sau khi mở
setTimeout(() => {
overlay.remove();
}, 2300);
});
</script>