/* Chỉ JavaScript mới thêm lớp chờ, nên nội dung luôn hiện khi JS bị tắt. */
.bhld-scroll-pending {
    opacity: 0;
    translate: 0 20px;
}

.bhld-scroll-revealing {
    animation: bhld-home-reveal 700ms cubic-bezier(.2, .65, .3, 1) both;
    animation-delay: var(--bhld-reveal-delay, 0ms);
}

/* Dùng translate riêng để giữ nguyên transform của hiệu ứng hover sẵn có. */
@keyframes bhld-home-reveal {
    from { opacity: 0; translate: 0 20px; }
    to { opacity: 1; translate: 0 0; }
}

@media (max-width: 768px) {
    .bhld-scroll-pending { translate: 0 12px; }
    .bhld-scroll-revealing { animation-duration: 600ms; }
    @keyframes bhld-home-reveal {
        from { opacity: 0; translate: 0 12px; }
        to { opacity: 1; translate: 0 0; }
    }
}

@media (prefers-reduced-motion: reduce) {
    .bhld-scroll-pending,
    .bhld-scroll-revealing {
        opacity: 1;
        translate: none;
        animation: none;
    }
}

@media print {
    .bhld-scroll-pending,
    .bhld-scroll-revealing {
        opacity: 1;
        translate: none;
        animation: none;
    }
}