/* Container của mỗi dòng radio */
#checkout-inner .api-form fieldset .control-group label.radio {
    display: flex;
    /* Sử dụng Flexbox để căn chỉnh linh hoạt */
    align-items: center;
    /* Căn giữa radio và text theo chiều dọc */
    padding: 10px 15px;
    /* Tạo khoảng cách đệm xung quanh */
    margin-bottom: 8px;
    /* Khoảng cách giữa các phương thức thanh toán */
    border: 1px solid #eee;
    /* Viền nhẹ để phân tách rõ ràng */
    border-radius: 6px;
    /* Bo góc nhẹ cho hiện đại */
    cursor: pointer;
    /* Hiệu ứng con trỏ chuột khi di chuyển vào */
    transition: background 0.2s ease;
    /* Hiệu ứng mượt khi hover */
}

/* Hiệu ứng khi di chuột qua hoặc khi được chọn */
#checkout-inner .api-form fieldset .control-group label.radio:hover {
    background-color: #f8f9fa;
    border-color: #007bff;
}

/* Tùy chỉnh riêng cho nút input radio */
#checkout-inner .api-form fieldset .control-group label.radio input[type="radio"] {
    margin: 0 12px 0 0;
    /* Chỉ lấy margin bên phải để cách chữ */
    width: 18px;
    /* Tăng nhẹ kích thước để dễ bấm */
    height: 18px;
    cursor: pointer;
    flex-shrink: 0;
    /* Ngăn radio bị bóp méo khi text quá dài */
}