/* ==========================================================================
   Global Smooth Scroll – Hiệu ứng cuộn mượt mà cho toàn bộ website
   ========================================================================== */

html {
    scroll-behavior: smooth;
}

/* Cuộn mượt hơn trên mọi phần tử có scroll */
*,
*::before,
*::after {
    scroll-behavior: smooth;
}

/* Tôn trọng người dùng muốn giảm chuyển động */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
        scroll-behavior: auto;
    }
}