/* Start custom CSS *//* Tối ưu hóa hiển thị trên di động */
@media (max-width: 768px) {
    /* 1. Tăng giãn cách dòng cho tất cả văn bản để dễ đọc hơn */
    p, li, .elementor-widget-text-editor {
        line-height: 1.7 !important;
        letter-spacing: 0.3px !important;
    }

    /* 2. Tăng khoảng cách trong các thẻ (Cards) để tránh bị chật */
    .elementor-widget-container {
        padding-left: 5px;
        padding-right: 5px;
    }

    /* 3. Tối ưu tiêu đề chính (Không bị quá to làm vỡ khung) */
    h1, .elementor-heading-title {
        font-size: 28px !important;
        line-height: 1.4 !important;
        margin-bottom: 20px !important;
    }

    /* 4. Thêm khoảng cách giữa các khối (Sections) */
    .elementor-section, .elementor-column-wrap {
        margin-bottom: 25px !important;
    }

    /* 5. Xử lý nút Zalo/Hotline bị đè lên nội dung */
    /* Giả sử bạn dùng class cố định cho icon, hãy chỉnh z-index thấp hơn nội dung nếu cần */
    .zalo-button, .hotline-button {
        z-index: 99 !important;
        bottom: 20px !important;
    }
}

/* Tối ưu chung cho toàn bộ các thiết bị */
/* Giảm bớt độ dày của All-caps nếu thấy quá nặng mắt */
.elementor-widget-text-editor {
    font-size: 16px !important;
}

/* Thêm khoảng cách cho các danh sách (nếu thẻ đang bị dính) */
ul, ol {
    margin-bottom: 15px !important;
}
li {
    margin-bottom: 10px !important;
}/* End custom CSS */