body {
    background-color: #050505;
    background-image: url('/hinh/bg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: 'Be Vietnam Pro', 'Segoe UI', sans-serif;
    min-height: 100vh;
    margin: 0;
    position: relative;
    display: block;
    overflow-x: hidden;
    color: #e2e8f0;
}

/* Thanh cuộn dùng chung trong output.css (đồng nhất mọi trang) */

@media (max-width: 1023px) {
    html, body {
        height: auto !important;
        overflow: visible !important;
    }
    body {
        background-image: none !important;
        background-color: transparent !important;
    }
    body::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-image: url('/hinh/bg.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
        pointer-events: none;
    }
    #section-home {
        background-image: url('/hinh/bg-mobile.webp') !important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}


/* Ép áp dụng thuộc tính trên mobile và tablet < 1023px */
@media (max-width: 1023px) {
    header.site-header a.site-logo {
        /* 1. DỊCH CHUYỂN TRÁI - PHẢI */
        /* Số âm (VD: -15px) = dịch sang trái | Số dương (VD: 15px) = dịch sang phải */
        transform: translateX(-10px) !important; 
        
        /* Đảm bảo không bị các thuộc tính flex khác cản trở */
        display: inline-flex !important;
        position: relative !important;
        z-index: 50 !important;
    }

    header.site-header a.site-logo img {
        /* 2. CHỈNH KÍCH THƯỚC LOGO */
        width: 118px !important;    /* Thay đổi số này để tăng/giảm kích thước tùy ý */
        height: auto !important;   /* Giữ tỉ lệ ảnh không bị móp méo */
        max-width: none !important;
		margin-top: 5px !important;
    }
}

/* Điều chỉnh nút Tạo Bodygraph trên mobile và tablet < 1023px */
@media (max-width: 1023px) {
    header.site-header .site-actions a.btn-bodygraph {
        /* DỊCH CHUYỂN SANG TRÁI */
        /* Giá trị số âm càng lớn (VD: -15px, -20px) thì nút càng dịch nhiều về bên trái */
        transform: translateX(20px) !important;
        
        /* Đảm bảo nút giữ cấu trúc cố định khi dịch chuyển */
        display: inline-flex !important;
        position: relative !important;
    }
}